diff --git a/src/components/pages/CallBlocking/CscCallBlocking.vue b/src/components/pages/CallBlocking/CscCallBlocking.vue index f3f07860..6847649e 100644 --- a/src/components/pages/CallBlocking/CscCallBlocking.vue +++ b/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 - ref="addForm" - class="col-xs-12 col-md-4 col-lg-8" - :loading="isAddNumberLoading" - @save="addNumber" - /> - </div> - <div - v-if="isNumberListLoading" - class="row justify-center" - > - <csc-spinner /> - </div> - <div - v-if="numbers && numbers.length > 0" - class="row justify-center" - > - <q-list - class="col-xs-12 col-md-4 col-lg-8" + <div + class="row justify-center q-mb-lg" + > + <csc-call-blocking-add-form + ref="addForm" + class="col-xs-12 col-md-4 col-lg-8" + :loading="isAddNumberLoading" + @save="addNumber" + /> + </div> + <div + v-if="isNumberListLoading" + class="row justify-center" + > + <csc-spinner /> + </div> + <div + v-if="numbers && numbers.length > 0" + class="row justify-center" > - <csc-blocked-number - v-for="(number, index) in numbers" - :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" + <q-list + class="col-xs-12 col-md-4 col-lg-8" > - {{ number }} - </csc-blocked-number> - </q-list> - </div> - <div - v-else - class="row justify-center" - > - {{ $t('No numbers found') }} + <csc-blocked-number + v-for="(number, index) in numbers" + :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> + </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') diff --git a/src/pages/CscPageCallBlockingIncoming.vue b/src/pages/CscPageCallBlockingIncoming.vue index c33d1c01..240cf9db 100644 --- a/src/pages/CscPageCallBlockingIncoming.vue +++ b/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>