TT#56394 Show proper message if entity list is empty

Change-Id: I4b8531797414cce6ab865e80443c1ec985212adf

src/components/pages/PbxConfiguration/CscPbxCallQueues.vue

@@ -57,6 +57,12 @@
                 />
             </csc-fade>
         </csc-list>
+        <div
+            v-if="isCallQueueListEmpty && !isCallQueueListRequesting"
+            class="row justify-center csc-no-entities"
+        >
+            {{ $t('pbxConfig.noCallQueues') }}
+        </div>
         <csc-remove-dialog
             ref="removeDialog"
             :title="$t('pbxConfig.callQueueRemovalDialogTitle')"
@@ -159,6 +165,7 @@
                 'callQueueRemovalError'
             ]),
             ...mapGetters('pbxCallQueues', [
+                'isCallQueueListEmpty',
                 'isCallQueueListRequesting',
                 'isCallQueueAddFormEnabled',
                 'isCallQueueCreating',

src/components/pages/PbxConfiguration/CscPbxDevices.vue

@@ -74,7 +74,7 @@
             v-if="isDeviceListRequesting && !(isDeviceCreating || isDeviceRemoving || isDeviceUpdating)"
         />
         <csc-list
-            v-if="deviceListVisibility === 'visible'"
+            v-if="!isDeviceListEmpty && deviceListVisibility === 'visible'"
         >
             <csc-fade
                 v-for="(device, index) in deviceListItems"
@@ -109,6 +109,18 @@
                 />
             </csc-fade>
         </csc-list>
+        <div
+            v-if="isDeviceListEmpty && !isDeviceListRequesting && hasFilters"
+            class="row justify-center csc-no-entities"
+        >
+            {{ $t('pbxConfig.noDevicesFound') }}
+        </div>
+        <div
+            v-else-if="isDeviceListEmpty && !isDeviceListRequesting"
+            class="row justify-center csc-no-entities"
+        >
+            {{ $t('pbxConfig.noDevicesCreated') }}
+        </div>
         <csc-remove-dialog
             ref="removeDialog"
             :title="$t('pbxConfig.removeDeviceTitle')"
@@ -205,6 +217,7 @@
                 'deviceRemovalState'
             ]),
             ...mapGetters('pbxDevices', [
+                'isDeviceListEmpty',
                 'isDeviceListRequesting',
                 'isDeviceExpanded',
                 'isDeviceListPaginationActive',

src/components/pages/PbxConfiguration/CscPbxGroups.vue

@@ -80,10 +80,10 @@
             </csc-fade>
         </csc-list>
         <div
-            v-if="!isGroupListRequesting && isGroupListEmpty"
+            v-if="isGroupListEmpty && !isGroupListRequesting"
             class="row justify-center csc-no-entities"
         >
-            {{ $t('pbxConfig.noSeats') }}
+            {{ $t('pbxConfig.noGroups') }}
         </div>
         <csc-remove-dialog
             ref="removeDialog"

src/components/pages/PbxConfiguration/CscPbxMsConfigs.vue

@@ -57,6 +57,12 @@
                 />
             </csc-fade>
         </csc-list>
+        <div
+            v-if="isMsConfigListEmpty && !isMsConfigListRequesting"
+            class="row justify-center csc-no-entities"
+        >
+            {{ $t('pbxConfig.noMsConfigs') }}
+        </div>
         <csc-remove-dialog
             ref="removeDialog"
             :title="$t('pbxConfig.msConfigRemovalDialogTitle')"
@@ -159,6 +165,7 @@
                 'msConfigRemovalError'
             ]),
             ...mapGetters('pbxMsConfigs', [
+                'isMsConfigListEmpty',
                 'isMsConfigListRequesting',
                 'isMsConfigAddFormEnabled',
                 'isMsConfigCreating',

src/components/pages/PbxConfiguration/CscPbxSoundSets.vue

@@ -72,6 +72,12 @@
                 />
             </csc-fade>
         </csc-list>
+        <div
+            v-if="isSoundSetListEmpty && !isSoundSetListRequesting"
+            class="row justify-center csc-no-entities"
+        >
+            {{ $t('pbxConfig.noSoundSets') }}
+        </div>
         <csc-remove-dialog
             ref="removeDialog"
             :title="$t('pbxConfig.soundSetRemovalDialogTitle')"
@@ -151,6 +157,7 @@
                 'soundSetRemovalError'
             ]),
             ...mapGetters('pbxSoundSets', [
+                'isSoundSetListEmpty',
                 'isSoundSetListRequesting',
                 'isSoundSetAddFormEnabled',
                 'isSoundSetListPaginationActive',

src/locales/en.json

@@ -504,7 +504,8 @@
         "msConfigRemovalDialogText": "You are about to remove config for {msConfig}",
         "msConfigCreationToast": "Created manager secretary config for {msConfig} successfully",
         "msConfigUpdateToast": "Updated {field} for manager secretary config {msConfig} successfully",
-        "msConfigRemovalToast": "Removed manager secretary config for {msConfig} successfully"
+        "msConfigRemovalToast": "Removed manager secretary config for {msConfig} successfully",
+        "noMsConfigs": "No manager secretary configuration created yet"
     },
     "callBlocking": {
         "privacyEnabledToast": "Your number is hidden to the callee",

src/store/pbx-callqueues.js

@@ -41,6 +41,9 @@ export default {
         defaultQueueWrapUpTime: 10
     },
     getters: {
+        isCallQueueListEmpty(state) {
+            return Array.isArray(state.callQueueList) && state.callQueueList.length === 0;
+        },
         isCallQueueListRequesting(state) {
             return state.callQueueListState === RequestState.requesting;
         },

src/store/pbx-devices.js

@@ -42,7 +42,7 @@ export default {
     },
     getters: {
         isDeviceListEmpty(state) {
-            return state.deviceListItems.length && state.deviceListItems.length === 0;
+            return Array.isArray(state.deviceListItems) && state.deviceListItems.length === 0;
         },
         isDeviceListRequesting(state) {
             return state.deviceListState === RequestState.requesting;

src/store/pbx-groups.js

@@ -46,7 +46,7 @@ export default {
     },
     getters: {
         isGroupListEmpty(state) {
-            return state.groupListItems.length && state.groupListItems.length === 0;
+            return Array.isArray(state.groupListItems) && state.groupListItems.length === 0;
         },
         isGroupListRequesting(state) {
             return state.groupListState === RequestState.requesting;

src/store/pbx-ms-configs.js

@@ -40,6 +40,9 @@ export default {
         subscriberMap: {}
     },
     getters: {
+        isMsConfigListEmpty(state) {
+            return Array.isArray(state.msConfigList) && state.msConfigList.length === 0;
+        },
         isMsConfigListRequesting(state) {
             return state.msConfigListState === RequestState.requesting;
         },

src/store/pbx-soundsets.js

@@ -64,7 +64,7 @@ export default {
     },
     getters: {
         isSoundSetListEmpty(state) {
-            return state.soundSetList.length && state.soundSetList.length === 0;
+            return Array.isArray(state.soundSetList) && state.soundSetList.length === 0;
         },
         isSoundSetListRequesting(state) {
             return state.soundSetListState === RequestState.requesting;