diff --git a/dashboard-prime/src/components/access/RoleManager.vue b/dashboard-prime/src/components/access/RoleManager.vue index d8c0589f6b..589b6a3890 100644 --- a/dashboard-prime/src/components/access/RoleManager.vue +++ b/dashboard-prime/src/components/access/RoleManager.vue @@ -26,6 +26,7 @@ import { useColors } from '@/skills-display/components/utilities/UseColors.js' import { useResponsiveBreakpoints } from '@/components/utils/misc/UseResponsiveBreakpoints.js' import { userErrorState } from '@/stores/UserErrorState.js' import {useDialogMessages} from "@/components/utils/modal/UseDialogMessages.js"; +import DataTable from "primevue/datatable"; const dialogMessages = useDialogMessages() // role constants @@ -333,6 +334,7 @@ defineExpose({ aria-label="User Roles" striped-rows paginator + :pt:paginator:paginatorWrapper:aria-label='`${title} Paginator`' v-model:sort-field="sortInfo.sortBy" v-model:sort-order="sortInfo.sortOrder" :rows="pageSize"> diff --git a/dashboard-prime/src/components/skills/selfReport/SelfReportApprovalConfSkill.vue b/dashboard-prime/src/components/skills/selfReport/SelfReportApprovalConfSkill.vue index 21a8aa8771..e7fa01c197 100644 --- a/dashboard-prime/src/components/skills/selfReport/SelfReportApprovalConfSkill.vue +++ b/dashboard-prime/src/components/skills/selfReport/SelfReportApprovalConfSkill.vue @@ -233,6 +233,7 @@ const removeTagConf = (removedItem) => { tableStoredStateId="skillApprovalConfSpecificUsersTable" data-cy="skillApprovalSkillConfTable" aria-label="Approval Configuration Skills" + pt:paginator:paginatorWrapper:aria-label="Approval Configuration Skills Paginator" :rows="pageSize" :rowsPerPageOptions="possiblePageSizes" v-model:sort-field="sortBy" diff --git a/dashboard-prime/src/components/skills/selfReport/SelfReportApprovalConfSpecificUsers.vue b/dashboard-prime/src/components/skills/selfReport/SelfReportApprovalConfSpecificUsers.vue index 1108fdbdea..44e4f0f014 100644 --- a/dashboard-prime/src/components/skills/selfReport/SelfReportApprovalConfSpecificUsers.vue +++ b/dashboard-prime/src/components/skills/selfReport/SelfReportApprovalConfSpecificUsers.vue @@ -142,7 +142,8 @@ const updateSelectedList = () => { :value="data" paginator tableStoredStateId="skillApprovalConfSpecificUsersTable" data-cy="skillApprovalConfSpecificUsersTable" - aria-label="Approval Configuration Users" + aria-label="Approval Configuration Users" + pt:paginator:paginatorWrapper:aria-label="Approval Configuration Users Paginator" show-gridlines striped-rows :rows="pageSize" diff --git a/dashboard-prime/src/components/skills/selfReport/SelfReportApprovalConfUserTag.vue b/dashboard-prime/src/components/skills/selfReport/SelfReportApprovalConfUserTag.vue index 6c18f916ca..9e6cdd73eb 100644 --- a/dashboard-prime/src/components/skills/selfReport/SelfReportApprovalConfUserTag.vue +++ b/dashboard-prime/src/components/skills/selfReport/SelfReportApprovalConfUserTag.vue @@ -22,6 +22,7 @@ import NoContent2 from "@/components/utils/NoContent2.vue"; import DateCell from "@/components/utils/table/DateCell.vue"; import * as yup from "yup"; import {useForm} from "vee-validate"; +import DataTable from "primevue/datatable"; const emit = defineEmits(['conf-added', 'conf-removed']); const announcer = useSkillsAnnouncer(); @@ -119,6 +120,7 @@ const removeTagConf = (removedIem) => { v-model:sort-order="sortOrder" :value="data" paginator + pt:paginator:paginatorWrapper:aria-label="Approval Configuration User Tags Paginator" aria-label="Approval Configuration User Tags" tableStoredStateId="skillApprovalConfSpecificUsersTable"> diff --git a/dashboard-prime/src/skills-display/components/utilities/ListFilterMenu.vue b/dashboard-prime/src/skills-display/components/utilities/ListFilterMenu.vue index 4a1a0c1052..d171752db9 100644 --- a/dashboard-prime/src/skills-display/components/utilities/ListFilterMenu.vue +++ b/dashboard-prime/src/skills-display/components/utilities/ListFilterMenu.vue @@ -99,7 +99,7 @@ const focusOnProgressGroup = () => { data-cy="selectedFilter"/> - +