codechecker/web/server/vue-cli/src/components/Run/RunNameColumn.vue at 99971c0c4af25d6c56d8c9d61833e61162911aee · Ericsson/codechecker · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<template>
  <v-list-item
    two-line
    density="compact"
  >
    <v-list-item-title>
      <router-link
        :to="{ name: 'reports',
               query: {
                 ...defaultReportFilterValues,
                 ...reportFilterQuery
               }
        }"
        class="name mr-2 text-body-2"
      >
        <span>{{ name }}</span>
      </router-link>

      <run-description
        v-if="description"
        :value="description"
      />

      <version-tag
        v-if="versionTag"
        :value="versionTag"
      />
    </v-list-item-title>

    <v-list-item-subtitle>
      <v-btn-group
        class="overflow-visible"
        density="compact"
      >
        <show-statistics-btn
          :extra-queries="statisticsFilterQuery"
        />

        <v-divider
          class="mx-2 d-inline"
          length="20"
          inset
          vertical
        />

        <analysis-info-dialog
          :run-id="runId"
          :icon-only="true"
          icon-size="default"
        />

        <v-divider
          class="mx-2 d-inline"
          length="20"
          inset
          vertical
        />

        <v-btn
          v-for="(value, status) in detectionStatusCount"
          :key="status"
          :to="{ name: 'reports', query: {
            run: name,
            'detection-status': detectionStatusFromCodeToString(status)
          }}"
          class="detection-status-count"
          variant="text"
        >
          <detection-status-icon
            class="mr-1"
            :status="parseInt(status)"
            :size="16"
          />
          ({{ value }})
        </v-btn>
      </v-btn-group>
    </v-list-item-subtitle>
  </v-list-item>
</template>

<script setup>
import { RunDescription } from "@/components/Run";
import { computed } from "vue";

import { defaultReportFilterValues } from "@/components/Report/ReportFilter";

import { DetectionStatusIcon } from "@/components/Icons";
import { useDetectionStatus } from "@/composables/useDetectionStatus";
import { AnalysisInfoDialog } from "@/components";
import ShowStatisticsBtn from "./ShowStatisticsBtn";
import VersionTag from "./VersionTag";

defineProps({
  runId: { type: Object, required: true },
  name: { type: String, required: true },
  description: { type: String, default: null },
  versionTag: { type: String, default: null },
  detectionStatusCount: { type: Object, default: () => {} },
  showRunHistory: { type: Boolean, default: true },
  reportFilterQuery: { type: Object, default: () => {} },
  statisticsFilterQuery: { type: Object, default: () => {} },
});

const detectionStatus = useDetectionStatus();

const detectionStatusFromCodeToString = computed(function() {
  return detectionStatus.detectionStatusFromCodeToString;
});
</script>

<style lang="scss" scoped>
.v-list-item__title {
  white-space: normal;
}
</style>