|
11 | 11 | </template> |
12 | 12 |
|
13 | 13 | <template #PanelMain> |
14 | | - <v-col> |
15 | | - <SearchBar |
16 | | - v-model="searchInputValue" |
17 | | - search-text="assessmentToolConnections.assessmentToolsPage.filters.searchField" |
18 | | - :filter-sections="filterSections" |
19 | | - :filter-values="selectedFilters" |
| 14 | + <SearchBar |
| 15 | + class="mt-2" |
| 16 | + v-model="searchInputValue" |
| 17 | + search-text="assessmentToolConnections.assessmentToolsPage.filters.searchField" |
| 18 | + :filter-sections="filterSections" |
| 19 | + :filter-values="selectedFilters" |
| 20 | + :data-test-id="dataTestId" |
| 21 | + dense |
| 22 | + @search="onSearch" |
| 23 | + @clear="onClearSearch" |
| 24 | + @update:filter-values="setFilters" |
| 25 | + @clear-filters="clearAll" |
| 26 | + /> |
| 27 | + |
| 28 | + <div v-if="deleteError">{{ deleteError }}</div> |
| 29 | + <div v-else-if="statusError">{{ statusError }}</div> |
| 30 | + |
| 31 | + <LoadingFallbackComponent |
| 32 | + :loading="false" |
| 33 | + :errors="error ? [error] : []" |
| 34 | + > |
| 35 | + <EntityTable |
| 36 | + class="px-3" |
| 37 | + :headers="assessmentToolTableHeaders" |
| 38 | + :items="tableData?.content ?? []" |
| 39 | + :page-count="pageCount" |
| 40 | + :items-per-page="options.itemsPerPage" |
| 41 | + :options="options" |
| 42 | + :loading="loading || deleteLoading || statusLoading" |
| 43 | + :detail-route="assessmentToolDetailRoute" |
| 44 | + :cell-formatters="cellFormatters" |
| 45 | + :actions="tableActions" |
20 | 46 | :data-test-id="dataTestId" |
21 | | - dense |
22 | | - @search="onSearch" |
23 | | - @clear="onClearSearch" |
24 | | - @update:filter-values="setFilters" |
25 | | - @clear-filters="clearAll" |
26 | | - /> |
27 | | - |
28 | | - <v-row> |
29 | | - <v-col> |
30 | | - <div v-if="deleteError">{{ deleteError }}</div> |
31 | | - <div v-else-if="statusError">{{ statusError }}</div> |
32 | | - |
33 | | - <LoadingFallbackComponent |
34 | | - :loading="false" |
35 | | - :errors="error ? [error] : []" |
36 | | - > |
37 | | - <EntityTable |
38 | | - :headers="assessmentToolTableHeaders" |
39 | | - :items="tableData?.content ?? []" |
40 | | - :page-count="pageCount" |
41 | | - :items-per-page="options.itemsPerPage" |
42 | | - :options="options" |
43 | | - :loading=" |
44 | | - loading || deleteLoading || statusLoading |
45 | | - " |
46 | | - :detail-route="assessmentToolDetailRoute" |
47 | | - :cell-formatters="cellFormatters" |
48 | | - :actions="tableActions" |
49 | | - :data-test-id="dataTestId" |
50 | | - item-key="id" |
51 | | - @update:options="loadItems" |
52 | | - > |
53 | | - <template #cell-active="{ item, rowTestId }"> |
54 | | - <ActiveStatusChip |
55 | | - :active="!!item.active" |
56 | | - :data-test-id="`${rowTestId}-status-chip`" |
57 | | - @click="openStatusDialog(item)" |
58 | | - /> |
59 | | - </template> |
60 | | - </EntityTable> |
61 | | - </LoadingFallbackComponent> |
62 | | - </v-col> |
63 | | - </v-row> |
64 | | - </v-col> |
| 47 | + item-key="id" |
| 48 | + @update:options="loadItems" |
| 49 | + > |
| 50 | + <template #cell-active="{ item, rowTestId }"> |
| 51 | + <ActiveStatusChip |
| 52 | + :active="!!item.active" |
| 53 | + :data-test-id="`${rowTestId}-status-chip`" |
| 54 | + @click="openStatusDialog(item)" |
| 55 | + /> |
| 56 | + </template> |
| 57 | + </EntityTable> |
| 58 | + </LoadingFallbackComponent> |
65 | 59 | </template> |
66 | 60 | </BasicSettingsPage> |
67 | 61 |
|
|
0 commit comments