From ea9d6f887e5b3e3d6105de1a9da71eb756546a23 Mon Sep 17 00:00:00 2001 From: Sviatoslav Bar Date: Thu, 4 Jul 2024 10:33:53 +0300 Subject: [PATCH] Feat/ add dummy image. ccenter --> queues --> id --> members [WTEL-3356] --- src/app/locale/en/en.js | 2 +- .../members/assets/adm-dummy-members-dark.svg | 62 +++++++++++++++++++ .../assets/adm-dummy-members-light.svg | 62 +++++++++++++++++++ .../members/components/the-queue-members.vue | 21 +++++-- 4 files changed, 142 insertions(+), 5 deletions(-) create mode 100644 src/modules/contact-center/modules/queues/modules/members/assets/adm-dummy-members-dark.svg create mode 100644 src/modules/contact-center/modules/queues/modules/members/assets/adm-dummy-members-light.svg diff --git a/src/app/locale/en/en.js b/src/app/locale/en/en.js index b2536d4f6..18c538cd6 100644 --- a/src/app/locale/en/en.js +++ b/src/app/locale/en/en.js @@ -791,7 +791,7 @@ export default { tags: 'Tags', newQueue: 'New queue', blacklist: 'Stop list', - newQueueDescription: 'New queue descriotion', + newQueueDescription: 'New queue description', outboundIVRQueue: 'Outbound IVR queue', outboundIVR: 'Outbound IVR', outboundIVRQueueDescription: diff --git a/src/modules/contact-center/modules/queues/modules/members/assets/adm-dummy-members-dark.svg b/src/modules/contact-center/modules/queues/modules/members/assets/adm-dummy-members-dark.svg new file mode 100644 index 000000000..ad50ff99d --- /dev/null +++ b/src/modules/contact-center/modules/queues/modules/members/assets/adm-dummy-members-dark.svg @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/modules/contact-center/modules/queues/modules/members/assets/adm-dummy-members-light.svg b/src/modules/contact-center/modules/queues/modules/members/assets/adm-dummy-members-light.svg new file mode 100644 index 000000000..652f9efd2 --- /dev/null +++ b/src/modules/contact-center/modules/queues/modules/members/assets/adm-dummy-members-light.svg @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/modules/contact-center/modules/queues/modules/members/components/the-queue-members.vue b/src/modules/contact-center/modules/queues/modules/members/components/the-queue-members.vue index 344206fb4..b16605447 100644 --- a/src/modules/contact-center/modules/queues/modules/members/components/the-queue-members.vue +++ b/src/modules/contact-center/modules/queues/modules/members/components/the-queue-members.vue @@ -201,7 +201,8 @@ import DeleteConfirmationPopup from '@webitel/ui-sdk/src/modules/DeleteConfirmat import { useDeleteConfirmationPopup } from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/composables/useDeleteConfirmationPopup'; import FilterSearch from '@webitel/ui-sdk/src/modules/QueryFilters/components/filter-search.vue'; import getNamespacedState from '@webitel/ui-sdk/src/store/helpers/getNamespacedState'; -import { mapActions, mapState } from 'vuex'; +import { computed } from 'vue'; +import { mapActions, mapState, useStore } from 'vuex'; import tableComponentMixin from '../../../../../../../app/mixins/objectPagesMixins/objectTableMixin/tableComponentMixin'; import RouteNames from '../../../../../../../app/router/_internals/RouteNames.enum'; import QueueTypeProperties from '../../../lookups/QueueTypeProperties.lookup.js'; @@ -209,8 +210,12 @@ import TheQueueMembersFilters from '../modules/filters/components/the-queue-memb import destinationsPopup from './communications/opened-queue-member-destinations-popup.vue'; import ResetPopup from './reset-members-popup.vue'; import uploadPopup from './upload-members-popup.vue'; +import dummyPicDark from '../assets/adm-dummy-members-dark.svg'; +import dummyPicLight from '../assets/adm-dummy-members-light.svg'; import { useDummy } from '../../../../../../../app/composables/useDummy'; +const namespace = 'ccenter/queues/members'; + export default { name: 'TheQueueMembers', components: { @@ -224,8 +229,16 @@ export default { mixins: [tableComponentMixin], setup() { - const { dummy } = useDummy({ namespace: `${namespace}/${subNamespace}`, - text: 'objects.ccenter.members.emptyWorkspace', }); + const store = useStore(); + const darkMode = computed(() => store.getters['appearance/DARK_MODE']); + const dummyPic = computed(() => (darkMode.value ? dummyPicDark : dummyPicLight)); + + const { dummy } = useDummy({ + namespace, + showAction: true, + dummyPic, + dummyText: 'objects.ccenter.members.emptyWorkspace', + }); const { isVisible: isDeleteConfirmationPopup, deleteCount, @@ -242,7 +255,7 @@ export default { askDeleteConfirmation, closeDelete, - dummy + dummy, }; },