diff --git a/src/components/CscConfirmationDialog.vue b/src/components/CscConfirmationDialog.vue index 9edc60f0..0bc0d573 100644 --- a/src/components/CscConfirmationDialog.vue +++ b/src/components/CscConfirmationDialog.vue @@ -4,6 +4,7 @@ :title="title" :titleIcon="titleIcon" :opened="opened" + @close="onClose()" >
- {{groupTitle}} -
{{ toggleLabel }}
@@ -213,9 +212,7 @@ import { mapGetters, } from 'vuex' - import { - showGlobalWarning - } from '../../../helpers/ui' + import { QSpinnerDots, QToggle, @@ -251,7 +248,6 @@ QItemSide, CscConfirmDialog, CscObjectSpinner, - showGlobalWarning, CscNewCallForwardDestination, CscNewCallForwardAddDestinationForm, CscNewCallForwardEditSources, @@ -380,8 +376,14 @@ showFirstDestMenu(){ const firstDestinationCmp = this.$refs.destination[0]; firstDestinationCmp.firstDestinationInCreation = true; + if(this.group.name.includes('timeout') || this.group.name.includes('unconditional')){ + firstDestinationCmp.movePopoverTimeoutToTop(); + } + else{ + firstDestinationCmp.movePopoverToTop(); + } + firstDestinationCmp.$refs.destTypeForm.open(); - showGlobalWarning(`${this.$t('pages.newCallForward.mandatoryDestinationLabel')}`, 5000) }, async showConditionForm(){ this.toggleConditionFromForm = false; @@ -441,6 +443,10 @@ this.sourceSet = sourceSet; this.sources = this.sourceSet.sources; } + else{ + this.sourceSet = null; + this.sources = []; + } } }, showConfirmDialog(){ @@ -466,6 +472,9 @@ @import '../../../themes/app.common.styl' .csc-cf-group width 100% + .csc-cf-group-title-bold + text-align right + font-weight bold .csc-cf-group-cont position relative .csc-cf-destination-label diff --git a/src/components/pages/NewCallForward/CscNewCallForward.vue b/src/components/pages/NewCallForward/CscNewCallForward.vue index 83ad417e..d092c5a1 100644 --- a/src/components/pages/NewCallForward/CscNewCallForward.vue +++ b/src/components/pages/NewCallForward/CscNewCallForward.vue @@ -7,8 +7,15 @@ >
- {{ $t('pages.newCallForward.titles.mainTitle') }} + {{ $t('pages.newCallForward.titles.mainTitle', {number: this.subscriberDisplayName}) }} +
+
+ {{$t('pages.newCallForward.primarNumberEnabled')}} {{ subscriberDisplayName }}
{ + return $group.id.toString().indexOf('temp-') > -1; + }); + + if(tempGroups.length > 0){ + showGlobalWarning(`${this.$t('pages.newCallForward.addDestinationAlert')}`, 5000); + } + else{ + switch(selectedDestType){ + case "unconditional":{ + if(this.toggleDefaultNumber){ + const tempTimeoutFwdGroup = await this.$store.dispatch('newCallForward/getForwardGroupById', 'temp-csc-timeout'); + if(!tempTimeoutFwdGroup){ + await this.$store.dispatch('newCallForward/addTempGroup','timeout' ); + } } - } - else{ - const tempUnconditionalFwdGroup = await this.$store.dispatch('newCallForward/getForwardGroupById', 'temp-csc-unconditional'); - if(!tempUnconditionalFwdGroup){ - await this.$store.dispatch('newCallForward/addTempGroup','unconditional' ); + else{ + const tempUnconditionalFwdGroup = await this.$store.dispatch('newCallForward/getForwardGroupById', 'temp-csc-unconditional'); + if(!tempUnconditionalFwdGroup){ + await this.$store.dispatch('newCallForward/addTempGroup','unconditional' ); + } } } - } - break; - case "unconditional-from":{ - if(this.toggleDefaultNumber){ - const tempTimeoutFwdGroup = await this.$store.dispatch('newCallForward/getForwardGroupById', 'temp-csc-timeout-from'); - if(!tempTimeoutFwdGroup){ - await this.$store.dispatch('newCallForward/addTempGroup','timeoutFrom' ); + break; + case "unconditional-from":{ + if(this.toggleDefaultNumber){ + const tempTimeoutFwdGroup = await this.$store.dispatch('newCallForward/getForwardGroupById', 'temp-csc-timeout-from'); + if(!tempTimeoutFwdGroup){ + await this.$store.dispatch('newCallForward/addTempGroup','timeoutFrom' ); + } } - } - else{ - const tempUnconditionalFwdGroup = await this.$store.dispatch('newCallForward/getForwardGroupById', 'temp-csc-unconditional-from'); - if(!tempUnconditionalFwdGroup){ - await this.$store.dispatch('newCallForward/addTempGroup','unconditionalFrom' ); + else{ + const tempUnconditionalFwdGroup = await this.$store.dispatch('newCallForward/getForwardGroupById', 'temp-csc-unconditional-from'); + if(!tempUnconditionalFwdGroup){ + await this.$store.dispatch('newCallForward/addTempGroup','unconditionalFrom' ); + } } } + break; + case "offline":{ + await this.$store.dispatch('newCallForward/addTempGroup','offline' ); + } + break; + case "busy":{ + await this.$store.dispatch('newCallForward/addTempGroup','busy' ); + } + break; } - break; - case "offline":{ - await this.$store.dispatch('newCallForward/addTempGroup','offline' ); - } - break; - case "busy":{ - await this.$store.dispatch('newCallForward/addTempGroup','busy' ); - } - break; } - this.groupInCreation = false; }, showForm(){ @@ -224,7 +246,6 @@ float right .csc-cf-group-title text-align right - font-weight bold .csc-cf-destinations-cont margin-top 25px .csc-cf-field-toggle diff --git a/src/components/pages/NewCallForward/CscNewCallForwardAddDestinationForm.vue b/src/components/pages/NewCallForward/CscNewCallForwardAddDestinationForm.vue index b840bb92..8d08870a 100644 --- a/src/components/pages/NewCallForward/CscNewCallForwardAddDestinationForm.vue +++ b/src/components/pages/NewCallForward/CscNewCallForwardAddDestinationForm.vue @@ -11,7 +11,7 @@ @error="error" />
@import '../../../themes/app.common.styl' + .csc-actions-cont + margin-bottom 15px diff --git a/src/components/pages/NewCallForward/CscNewCallForwardAddSourcesetForm.vue b/src/components/pages/NewCallForward/CscNewCallForwardAddSourcesetForm.vue index 3cfa87d9..2361d9c7 100644 --- a/src/components/pages/NewCallForward/CscNewCallForwardAddSourcesetForm.vue +++ b/src/components/pages/NewCallForward/CscNewCallForwardAddSourcesetForm.vue @@ -18,7 +18,7 @@ />
@import '../../../themes/app.common.styl' + .csc-actions-cont + margin-bottom 15px diff --git a/src/components/pages/NewCallForward/CscNewCallForwardDestination.vue b/src/components/pages/NewCallForward/CscNewCallForwardDestination.vue index 263c878f..5906e94e 100644 --- a/src/components/pages/NewCallForward/CscNewCallForwardDestination.vue +++ b/src/components/pages/NewCallForward/CscNewCallForwardDestination.vue @@ -22,7 +22,8 @@ label-always :step="5" :min="5" - :max="300" + :max="60" + markers snap /> @@ -47,10 +48,16 @@ ref="destTypeForm" class="csc-cf-dest-popover-bottom" v-if="!isVoiceMail()" - v-bind:class="{ 'csc-cf-popover-hide': disableDestType }" + v-bind:class="{ 'csc-cf-popover-hide': disableDestType, 'csc-cf-popover-to-top': popoverToTop, 'csc-cf-popover-timeout-to-top': popoverTimeoutToTop }" @open="showDestTypeForm()" @close="showNext()" > +
+ {{ $t('pages.newCallForward.mandatoryDestinationLabel') }} +
@@ -60,8 +67,9 @@ ref="numberForm" class="csc-cf-number-form csc-cf-dest-popover-bottom" v-if="!isVoiceMail()" - v-bind:class="{ 'csc-cf-popover-hide': disableNumberPopover }" + v-bind:class="{ 'csc-cf-popover-hide': disableNumberPopover, 'csc-cf-popover-to-top': popoverToTop, 'csc-cf-popover-timeout-to-top': popoverTimeoutToTop }" @open="showNumberForm()" + @close="movePopoverToInitialPos(); movePopoverTimeoutToInitialPos()" >
@@ -142,7 +151,9 @@ destinationIndex: null, removeInProgress: false, toggleNumberForm: true, - firstDestinationInCreation: false + firstDestinationInCreation: false, + popoverToTop: false, + popoverTimeoutToTop: false } }, computed: { @@ -192,7 +203,12 @@ await this.$store.dispatch('newCallForward/addVoiceMail', this.groupId); } await this.$store.dispatch('newCallForward/removeGroupLoader', this.groupId); + this.popoverToTop = false; + this.popoverTimeoutToTop = false; break; + default: + this.popoverToTop = false; + this.popoverTimeoutToTop = false; } }, showNumberForm(){ @@ -242,6 +258,18 @@ : this.isVoiceMail() ? `${this.$t('pages.newCallForward.voiceMailLabel')}` : ""; + }, + movePopoverToTop(){ + this.popoverToTop = true; + }, + movePopoverToInitialPos(){ + this.popoverToTop = false; + }, + movePopoverTimeoutToTop(){ + this.popoverTimeoutToTop = true; + }, + movePopoverTimeoutToInitialPos(){ + this.popoverTimeoutToTop = false; } } } @@ -262,10 +290,11 @@ .csc-cf-destination-link color $primary cursor pointer - .csc-cf-timeout-form, + .csc-cf-timeout-form + min-width 200px + padding 0 20px 20px 20px .csc-cf-number-form padding 0 20px 0 20px - min-width 120px .csc-cf-dest-number-cont padding-left 30px .csc-cf-destination-actions @@ -279,4 +308,15 @@ visibility hidden opacity 0 transition visibility 0s 2s, opacity 2s linear + .csc-cf-popover-to-top + position: fixed; + margin: -4vh 0px 0px -120px; + .csc-cf-popover-timeout-to-top + position: fixed; + margin: -8.5vh 0px 0px -120px; + .csc-cf-popver-alert + padding 10px + max-width 160px + font-size 12px + color $red diff --git a/src/components/pages/NewCallForward/CscNewCallForwardEditSources.vue b/src/components/pages/NewCallForward/CscNewCallForwardEditSources.vue index 252e7030..7cb88a1b 100644 --- a/src/components/pages/NewCallForward/CscNewCallForwardEditSources.vue +++ b/src/components/pages/NewCallForward/CscNewCallForwardEditSources.vue @@ -2,6 +2,7 @@
@@ -9,9 +10,25 @@ class='csc-cf-sourceset-name' > {{ sourceSetName }} + + + + +
+ +
+ +
- {{ $t('buttons.cancel') }} + {{ $t('buttons.close') }} - {{ $t('buttons.save') }} + {{ $t('buttons.remove') }}
diff --git a/src/components/pages/NewCallForward/CscNewCallForwardSource.vue b/src/components/pages/NewCallForward/CscNewCallForwardSource.vue index 300dbba0..d6a12ff0 100644 --- a/src/components/pages/NewCallForward/CscNewCallForwardSource.vue +++ b/src/components/pages/NewCallForward/CscNewCallForwardSource.vue @@ -3,7 +3,7 @@ class="row csc-cf-source-cont" v-bind:class="{ 'csc-cf-removed-source': removeInProgress }" > -
+
-
+