diff options
Diffstat (limited to 'apps/dashboard/src/DashboardApp.vue')
-rw-r--r-- | apps/dashboard/src/DashboardApp.vue | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue index 3676f68fe10..09f03e08f79 100644 --- a/apps/dashboard/src/DashboardApp.vue +++ b/apps/dashboard/src/DashboardApp.vue @@ -74,7 +74,8 @@ :checked="isStatusActive(status)" @input="updateStatusCheckbox(status, $event.target.checked)"> <label :for="'status-checkbox-' + status"> - <span :class="statusInfo[status].icon" aria-hidden="true" /> + <NcUserStatusIcon v-if="status === 'status'" status="online" aria-hidden="true" /> + <span v-else :class="statusInfo[status].icon" aria-hidden="true" /> {{ statusInfo[status].text }} </label> </li> @@ -124,6 +125,7 @@ import axios from '@nextcloud/axios' import NcButton from '@nextcloud/vue/dist/Components/NcButton.js' import Draggable from 'vuedraggable' import NcModal from '@nextcloud/vue/dist/Components/NcModal.js' +import NcUserStatusIcon from '@nextcloud/vue/dist/Components/NcUserStatusIcon.js' import Pencil from 'vue-material-design-icons/Pencil.vue' import Vue from 'vue' @@ -140,7 +142,6 @@ const statusInfo = { }, status: { text: t('dashboard', 'Status'), - icon: 'icon-user-status-online', }, } @@ -152,6 +153,7 @@ export default { Draggable, NcModal, Pencil, + NcUserStatusIcon, }, mixins: [ isMobile, |