diff options
Diffstat (limited to 'apps/dashboard/src')
| -rw-r--r-- | apps/dashboard/src/DashboardApp.vue | 31 | ||||
| -rw-r--r-- | apps/dashboard/src/components/ApiDashboardWidget.vue | 8 | ||||
| -rw-r--r-- | apps/dashboard/src/components/ApiDashboardWidgetItem.vue | 4 | ||||
| -rw-r--r-- | apps/dashboard/src/main.js | 4 |
4 files changed, 14 insertions, 33 deletions
diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue index 055f1e68cb6..afc874be2c9 100644 --- a/apps/dashboard/src/DashboardApp.vue +++ b/apps/dashboard/src/DashboardApp.vue @@ -24,20 +24,10 @@ class="panel"> <div class="panel--header"> <h2> - <img v-if="apiWidgets[panels[panelId].id].icon_url" - :alt="apiWidgets[panels[panelId].id].title + ' icon'" - :src="apiWidgets[panels[panelId].id].icon_url" - aria-hidden="true"> - <span v-else - :aria-labelledby="`panel-${panels[panelId].id}--header--icon--description`" - aria-hidden="true" - :class="apiWidgets[panels[panelId].id].icon_class" - role="img" /> + <img v-if="apiWidgets[panels[panelId].id].icon_url" :src="apiWidgets[panels[panelId].id].icon_url" alt=""> + <span v-else :class="apiWidgets[panels[panelId].id].icon_class" aria-hidden="true" /> {{ apiWidgets[panels[panelId].id].title }} </h2> - <span :id="`panel-${panels[panelId].id}--header--icon--description`" class="hidden-visually"> - {{ t('dashboard', '"{title} icon"', { title: apiWidgets[panels[panelId].id].title }) }} - </span> </div> <div class="panel--content"> <ApiDashboardWidget :widget="apiWidgets[panels[panelId].id]" @@ -48,13 +38,9 @@ <div v-else :key="panels[panelId].id" class="panel"> <div class="panel--header"> <h2> - <span :aria-labelledby="`panel-${panels[panelId].id}--header--icon--description`" - aria-hidden="true" - :class="panels[panelId].iconClass" - role="img" /> + <span :class="panels[panelId].iconClass" aria-hidden="true" /> {{ panels[panelId].title }} </h2> - <span :id="`panel-${panels[panelId].id}--header--icon--description`" class="hidden-visually"> {{ t('dashboard', '"{title} icon"', { title: panels[panelId].title }) }} </span> </div> <div class="panel--content" :class="{ loading: !panels[panelId].mounted }"> <div :ref="panels[panelId].id" :data-id="panels[panelId].id" /> @@ -102,10 +88,7 @@ :checked="isActive(panel)" @input="updateCheckbox(panel, $event.target.checked)"> <label :for="'panel-checkbox-' + panel.id" :class="{ draggable: isActive(panel) }"> - <img v-if="panel.iconUrl" - :alt="panel.title + ' icon'" - :src="panel.iconUrl" - aria-hidden="true"> + <img v-if="panel.iconUrl" alt="" :src="panel.iconUrl"> <span v-else :class="panel.iconClass" aria-hidden="true" /> {{ panel.title }} </label> @@ -135,10 +118,10 @@ import { generateUrl, generateOcsUrl } from '@nextcloud/router' import { getCurrentUser } from '@nextcloud/auth' import { loadState } from '@nextcloud/initial-state' import axios from '@nextcloud/axios' -import NcButton from '@nextcloud/vue/dist/Components/NcButton.js' +import NcButton from '@nextcloud/vue/components/NcButton' import Draggable from 'vuedraggable' -import NcModal from '@nextcloud/vue/dist/Components/NcModal.js' -import NcUserStatusIcon from '@nextcloud/vue/dist/Components/NcUserStatusIcon.js' +import NcModal from '@nextcloud/vue/components/NcModal' +import NcUserStatusIcon from '@nextcloud/vue/components/NcUserStatusIcon' import Pencil from 'vue-material-design-icons/Pencil.vue' import Vue from 'vue' diff --git a/apps/dashboard/src/components/ApiDashboardWidget.vue b/apps/dashboard/src/components/ApiDashboardWidget.vue index 22834abadd5..4aa8628fac8 100644 --- a/apps/dashboard/src/components/ApiDashboardWidget.vue +++ b/apps/dashboard/src/components/ApiDashboardWidget.vue @@ -29,11 +29,9 @@ </template> <script> -import { - NcDashboardWidget, - NcEmptyContent, - NcButton, -} from '@nextcloud/vue' +import NcButton from '@nextcloud/vue/components/NcButton' +import NcDashboardWidget from '@nextcloud/vue/components/NcDashboardWidget' +import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent' import CheckIcon from 'vue-material-design-icons/Check.vue' import ApiDashboardWidgetItem from './ApiDashboardWidgetItem.vue' diff --git a/apps/dashboard/src/components/ApiDashboardWidgetItem.vue b/apps/dashboard/src/components/ApiDashboardWidgetItem.vue index e38f745f82a..2caa7868fb3 100644 --- a/apps/dashboard/src/components/ApiDashboardWidgetItem.vue +++ b/apps/dashboard/src/components/ApiDashboardWidgetItem.vue @@ -4,8 +4,8 @@ --> <script setup lang="ts"> import { ref } from 'vue' -import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js' -import NcDashboardWidgetItem from '@nextcloud/vue/dist/Components/NcDashboardWidgetItem.js' +import NcAvatar from '@nextcloud/vue/components/NcAvatar' +import NcDashboardWidgetItem from '@nextcloud/vue/components/NcDashboardWidgetItem' import IconFile from 'vue-material-design-icons/File.vue' defineProps({ diff --git a/apps/dashboard/src/main.js b/apps/dashboard/src/main.js index dac34e07498..68d896a3a17 100644 --- a/apps/dashboard/src/main.js +++ b/apps/dashboard/src/main.js @@ -4,8 +4,8 @@ */ import { getCSPNonce } from '@nextcloud/auth' -import { translate as t } from '@nextcloud/l10n' -import VTooltip from '@nextcloud/vue/dist/Directives/Tooltip.js' +import { t } from '@nextcloud/l10n' +import VTooltip from '@nextcloud/vue/directives/Tooltip' import Vue from 'vue' import DashboardApp from './DashboardApp.vue' |