TT#124265 SubscriberProfiles - Integrate block_in_list

Change-Id: I4d6e5ce8cfdb69b8d12f953b3414ab97dbd66de9

src/components/pages/CallBlocking/CscCallBlocking.vue

@@ -67,49 +67,53 @@
             </q-list>
         </div>
         <div
-            class="row justify-center q-mb-lg"
+            v-if="hasSubscriberProfileAttribute(blockList)"
         >
-            <csc-call-blocking-add-form
+            <div
-                ref="addForm"
+                class="row justify-center q-mb-lg"
-                class="col-xs-12 col-md-4 col-lg-8"
+            >
-                :loading="isAddNumberLoading"
+                <csc-call-blocking-add-form
-                @save="addNumber"
+                    ref="addForm"
-            />
+                    class="col-xs-12 col-md-4 col-lg-8"
-        </div>
+                    :loading="isAddNumberLoading"
-        <div
+                    @save="addNumber"
-            v-if="isNumberListLoading"
+                />
-            class="row justify-center"
+            </div>
-        >
+            <div
-            <csc-spinner />
+                v-if="isNumberListLoading"
-        </div>
+                class="row justify-center"
-        <div
+            >
-            v-if="numbers && numbers.length > 0"
+                <csc-spinner />
-            class="row justify-center"
+            </div>
-        >
+            <div
-            <q-list
+                v-if="numbers && numbers.length > 0"
-                class="col-xs-12 col-md-4 col-lg-8"
+                class="row justify-center"
             >
-                <csc-blocked-number
+                <q-list
-                    v-for="(number, index) in numbers"
+                    class="col-xs-12 col-md-4 col-lg-8"
-                    :key="index"
-                    :class="'q-pa-sm csc-item-' + ((index % 2 === 0)?'odd':'even')"
-                    :icon="(listMode === 'whitelist')? 'check' : 'block'"
-                    :number="number"
-                    :index="index"
-                    :loading="isEditNumberLoading && currentNumberIndex === index"
-                    :removing="isRemoveNumberLoading && currentNumberIndex === index"
-                    @save="saveNumber"
-                    @remove="numberDeletionConfirm"
                 >
-                    {{ number }}
+                    <csc-blocked-number
-                </csc-blocked-number>
+                        v-for="(number, index) in numbers"
-            </q-list>
+                        :key="index"
-        </div>
+                        :class="'q-pa-sm csc-item-' + ((index % 2 === 0)?'odd':'even')"
-        <div
+                        :icon="(listMode === 'whitelist')? 'check' : 'block'"
-            v-else
+                        :number="number"
-            class="row justify-center"
+                        :index="index"
-        >
+                        :loading="isEditNumberLoading && currentNumberIndex === index"
-            {{ $t('No numbers found') }}
+                        :removing="isRemoveNumberLoading && currentNumberIndex === index"
+                        @save="saveNumber"
+                        @remove="numberDeletionConfirm"
+                    >
+                        {{ number }}
+                    </csc-blocked-number>
+                </q-list>
+            </div>
+            <div
+                v-else
+                class="row justify-center"
+            >
+                {{ $t('No numbers found') }}
+            </div>
         </div>
     </csc-page>
 </template>
@@ -135,6 +139,10 @@ export default {
         pageName: {
             type: String,
             default: 'incoming'
+        },
+        blockList: {
+            type: String,
+            default: null
         }
     },
     data () {
@@ -160,6 +168,9 @@ export default {
             'isAnonymousBlocked',
             'isAnonymousBlockRequesting'
         ]),
+        ...mapGetters('user', [
+            'hasSubscriberProfileAttribute'
+        ]),
         toggleButtonLabel () {
             if (!this.enabled) {
                 return this.getTranslation('toggleEnableLabel')

src/pages/CscPageCallBlockingIncoming.vue

@@ -2,6 +2,7 @@
     <csc-call-blocking
         id="csc-page-call-blocking-incoming"
         page-name="incoming"
+        block-list="block_in_list"
     />
 </template>