|
1 | 1 | <template>
|
2 | 2 | <div data-cy="reviewer-recommendation-list-panel">
|
3 |
| - <PkpTable |
4 |
| - aria-label="Reviewer recommendations list" |
5 |
| - :aria-describedby="headingId" |
6 |
| - > |
| 3 | + <PkpTable aria-label="Reviewer recommendations list"> |
7 | 4 | <template #label>
|
8 |
| - <h3 class=""> |
| 5 | + <h3 class="text-3xl-bold"> |
9 | 6 | {{ title }}
|
10 | 7 | </h3>
|
11 | 8 | </template>
|
|
20 | 17 |
|
21 | 18 | <TableHeader>
|
22 | 19 | <TableColumn>{{ recommendationNameTitle }}</TableColumn>
|
23 |
| - <TableColumn> {{ recommendationStatusTitle }} </TableColumn> |
24 |
| - <TableColumn>{{ t('grid.columns.actions') }}</TableColumn> |
| 20 | + <TableColumn>{{ recommendationStatusTitle }}</TableColumn> |
| 21 | + <TableColumn></TableColumn> |
25 | 22 | </TableHeader>
|
26 | 23 |
|
27 | 24 | <TableBody>
|
28 |
| - <TableRow |
29 |
| - v-for="item in items" |
30 |
| - :key="item.id" |
31 |
| - > |
| 25 | + <TableRow v-for="item in items" :key="item.id"> |
32 | 26 | <TableCell :is-row-header="true">
|
33 | 27 | <span class="text-base-normal">
|
34 | 28 | {{ localize(item.title) }}
|
|
43 | 37 | :name="`recommendation_status[]`"
|
44 | 38 | :value="item.id"
|
45 | 39 | :checked="item.status"
|
46 |
| - @click.prevent="(event) => openStatusToggleConfirmationModal(item.id, event)" |
| 40 | + @click.prevent=" |
| 41 | + (event) => openStatusToggleConfirmationModal(item.id, event) |
| 42 | + " |
47 | 43 | />
|
48 | 44 | </label>
|
49 | 45 | </TableCell>
|
@@ -81,11 +77,8 @@ import ReviewerRecommendationsEditModal from './ReviewerRecommendationsEditModal
|
81 | 77 |
|
82 | 78 | import {useModal} from '@/composables/useModal';
|
83 | 79 | import {useLocalize} from '@/composables/useLocalize';
|
84 |
| -import {useId} from '@/composables/useId.js'; |
85 | 80 |
|
86 | 81 | const {t} = useLocalize();
|
87 |
| -const {generateId} = useId(); |
88 |
| -const headingId = generateId(); |
89 | 82 |
|
90 | 83 | export default {
|
91 | 84 | components: {
|
|
0 commit comments