sipwise
/
ngcp-csc-ui
mirror of https://github.com/sipwise/ngcp-csc-ui.git
1
0
Fork 0
Code Issues Releases Wiki Activity

TT#81164 CF: As a Customer, I want to add new forwarding groups "If call from ..."

Browse Source 
ACs:
√ Can click a new type of forwarding group under "Add forwarding"
√ Can create a new group "If online and call from ..."
√ Can delete an existing group
√ Can add destinations as in other groups
√ Can delete destinations
√ Can edit destinations
√ Can define a list of sources by clicking the highlighted part in the title "call from ..."
√ Can see a popup after clicking "call from ..."
√ Can input a name to identify the source list, add a first number and save it
√ Can see the title "If online and call from nameOfTheSourceList" after saving the new source list initially
√ Can see the popup with the source list after clicking the title again
√ Can add numbers to that source list by clicking an add button in the popup
√ Can delete numbers from the source list by clicking a delete button

extra:

√ Adding a sourceset to an unpersisted destinationset is prevented:
√ Changed condition menu label

Change-Id: Ifaa7b9cf5e8e5785bbfe2efd9ab7acaa0497cef5
changes/47/40247/7
Carlo Venusino 5 years ago
parent a063d1ab9c
commit 4f6f3f2f23
8 changed files with 123 additions and 92 deletions
Show Stats Download Patch File Download Diff File

32
src/components/pages/NewCallForward/CscCallForwardGroup.vue
Unescape View File

@ -14,19 +14,14 @@
<span
class="csc-cf-destination-add-condition"
v-if="!groupSourceset"
v-if="!groupSourceset && !isTempGroup"
>
<q-icon
name="add"
color="primary"
size="20px"
/>
{{ $t('pages.newCallForward.conditionBtnLabel') }}
{{ $t('pages.newCallForward.conditionBtnLabelPrefix') }}
<span class="csc-cf-from-link">
{{ $t('pages.newCallForward.conditionBtnLabel') }}
</span>
<q-popover
ref="conditions"
class="csc-cf-number-form"
@open="showConditions()"
@close="showConditionForm()"
>
@ -55,10 +50,11 @@
<span
v-if="groupSourceset"
class="csc-cf-from-link"
>
{{ $t('pages.newCallForward.fromLabelShort') +'"'+ groupSourceset +'"'}}
{{ $t('pages.newCallForward.conditionBtnLabelPrefix') }}
<span class="csc-cf-from-link">
{{ $t('pages.newCallForward.fromLabelShort') +'"'+ groupSourceset +'"'}}
</span>
<q-popover
ref="sourcesList"
class="csc-cf-number-form"
@ -66,8 +62,8 @@
>
<csc-new-call-forward-edit-sources
ref="editSources"
:sources="sources"
:sourceSetName="groupSourceset"
:sourceSetId="sourceSet.id"
:groupName="group.name"
:groupId="group.id"
/>
@ -228,7 +224,7 @@
const isGroupEnabled = await this.$store.dispatch('newCallForward/isGroupEnabled', {groupName: this.group.name, id: this.group.id});
this.isEnabled = isGroupEnabled;
}
this.updateSourcesetNames()
await this.updateSourcesetNames()
}
catch(err){
console.log(err)
@ -236,6 +232,7 @@
},
computed: {
...mapGetters('newCallForward', [
'getGroupsLoaders',
'getOwnPhoneTimeout',
'groupsCount',
'getMappings',
@ -273,6 +270,9 @@
},
groupSourceset(){
return this.sourceSet ? this.sourceSet.name : false;
},
isTempGroup(){
return this.group.id.toString().includes('temp-');
}
},
watch: {
@ -389,8 +389,6 @@
.csc-cf-destination-value
text-align center
.csc-cf-destination-add-condition
color $primary
cursor pointer
font-size 16px
.csc-cf-destination-add-destination
padding-left 25px

3
src/components/pages/NewCallForward/CscNewCallForward.vue
Unescape View File

@ -154,9 +154,10 @@
this.groupsLoading = true;
try{
await this.$store.dispatch('newCallForward/loadMappings');
await this.$store.dispatch('newCallForward/loadSourcesets');
await this.$store.dispatch('newCallForward/loadForwardGroups');
let unconditionalGroups = await this.$store.dispatch('newCallForward/getForwardGroupByName', 'unconditional');
this.toggleDefaultNumber = !unconditionalGroups; //|| unconditionalGroup.destinations.length < 1;
this.toggleDefaultNumber = !unconditionalGroups;
}
catch(err){
console.log(err)

43
src/components/pages/NewCallForward/CscNewCallForwardAddSourcesetForm.vue
Unescape View File

@ -76,7 +76,6 @@
},
data () {
return {
mode: 'create',
loading: false,
enabled: false,
number: '',
@ -109,32 +108,28 @@
let sourceSetId;
const forwardGroupId = this.groupId;
const forwardGroupName = this.groupName;
if (this.numberError || this.nameError || this.saveDisabled) {
showGlobalError(this.$t('validationErrors.generic'));
return;
}
switch(this.mode){
case 'create':
try{
sourceSetId = await this.$store.dispatch('newCallForward/createSourceSet', {
name: this.name,
source: this.number
});
await this.$store.dispatch('newCallForward/addSourcesetToGroup', {
name: forwardGroupName,
id: forwardGroupId,
sourceSetId: sourceSetId
});
await this.$store.dispatch('newCallForward/loadForwardGroups');
}
catch(err){
console.log(err)
}
break;
case 'edit':
break;
try{
await this.$store.dispatch('newCallForward/addGroupLoader', forwardGroupId);
sourceSetId = await this.$store.dispatch('newCallForward/createSourceSet', {
name: this.name,
source: this.number
});
await this.$store.dispatch('newCallForward/addSourcesetToGroup', {
name: forwardGroupName,
id: forwardGroupId,
sourceSetId: sourceSetId
});
await this.$store.dispatch('newCallForward/removeGroupLoader', forwardGroupId);
await this.$store.dispatch('newCallForward/loadForwardGroups');
await this.$store.dispatch('newCallForward/loadSourcesets');
}
catch(err){
console.log(err)
}
},
cancel() {

62
src/components/pages/NewCallForward/CscNewCallForwardEditSources.vue
Unescape View File

@ -3,8 +3,17 @@
v-if="enabled"
class="csc-form"
>
<div class="col text-left col-xs-12 col-md-12 ">
<div
class='csc-cf-sourceset-name'
>
{{ sourceSetName }}
</div>
</div>
<div
class="csc-cf-row row"
v-for="(source, item) in sources"
:key="source + '_' + item"
>
@ -12,6 +21,7 @@
:groupId="groupId"
:groupName="groupName"
:source="source.source"
:sourceSetId="sourceSetId"
:sourceSetName="sourceSetName"
/>
</div>
@ -20,9 +30,10 @@
class="csc-cf-row row"
>
<csc-new-call-forward-input
ref="sourceInputField"
:label="$t('callBlocking.number')"
v-model="number"
@submit="save"
@submit="save()"
@error="errorNumber"
/>
</div>
@ -43,7 +54,7 @@
flat
color="primary"
icon="done"
@click="save(); close()"
@click="save()"
:disable="saveDisabled"
>
{{ $t('buttons.save') }}
@ -94,14 +105,15 @@
enabled: false,
number: '',
numberError: false,
destinationIndex: null
destinationIndex: null,
sources: []
}
},
props: [
'groupName',
'groupId',
'sourceSetName',
'sources'
'sourceSetId'
],
validations: {
number: {
@ -111,6 +123,7 @@
},
computed: {
...mapGetters('newCallForward', [
'destinationInCreation',
'getSourcesets',
'getSourcesesBySourcesetId'
]),
@ -118,16 +131,45 @@
return this.number.length < 1 || this.numberError || this.disable || this.loading;
}
},
async mounted(){
try{
this.sources = await this.getSourcesesBySourcesetId(this.sourceSetId);
}
catch(err){
console.log(err)
}
},
watch:{
getSourcesets: function(){
this.sources = this.getSourcesesBySourcesetId(this.sourceSetId);
}
},
methods: {
async save() {
//const forwardGroupId = this.groupId;
// const forwardGroupName = this.groupName;
//const forwardGroup = await this.$store.dispatch('newCallForward/getForwardGroupById', forwardGroupId);
const sources = this.sources;
if (this.numberError || this.saveDisabled) {
showGlobalError(this.$t('validationErrors.generic'));
}
// TODO save source
sources.push({
source: this.number
});
try{
await this.$store.dispatch('newCallForward/addGroupLoader', this.groupId);
this.$refs.sourceInputField.reset();
await this.$store.dispatch('newCallForward/addSourceToSourceset', {
id: this.sourceSetId,
sources: sources
});
await this.$store.dispatch('newCallForward/loadSourcesets');
}
catch(err){
console.log(err)
}
finally {
await this.$store.dispatch('newCallForward/removeGroupLoader', this.groupId);
}
},
cancel() {
this.number = '';
@ -152,4 +194,6 @@
<style lang="stylus" rel="stylesheet/stylus">
@import '../../../themes/app.common.styl'
.csc-cf-sourceset-name
margin-top 10px
</style>

6
src/components/pages/NewCallForward/CscNewCallForwardInput.vue
Unescape View File

@ -7,6 +7,7 @@
dark
clearable
type="text"
ref="inputField"
:float-label="label"
v-model="inputValue"
@keyup.enter="submit"
@ -44,6 +45,7 @@
mounted(){
if(this.prefilled){
this.inputValue = this.prefilled === " " ? "" : this.prefilled;
this.$v.$reset();
}
},
@ -97,6 +99,10 @@
blur() {
this.$v.inputValue.$touch();
this.error = this.$v.inputValue.$error;
},
reset(){
this.$refs.inputField.clear();
this.$v.$reset();
}
},
watch: {

58
src/components/pages/NewCallForward/CscNewCallForwardSource.vue
Unescape View File

@ -3,16 +3,6 @@
class="row csc-cf-source-cont"
v-bind:class="{ 'csc-cf-removed-source': removeInProgress }"
>
<div class="col text-left col-xs-12 col-md-12 ">
<div
class='csc-cf-sourceset-name'
>
{{ sourceSetName }}
</div>
</div>
<div class="col text-left col-xs-12 col-md-6 ">
<div
@ -28,14 +18,7 @@
name="delete"
color="negative"
size="24px"
@click="showConfirmDialog"
/>
<csc-confirm-dialog
ref="confirmDialog"
title-icon="delete"
:title="$t('pages.newCallForward.cancelDialogTitle', {sourceSetName: this.sourceSetName})"
:message="$t('pages.newCallForward.cancelDialogText', {sourceSetName: this.sourceSetName, source: this.source})"
@confirm="confirmDeleteSource"
@click="deleteSource"
/>
</div>
</div>
@ -74,31 +57,40 @@
'groupId',
'groupName',
'source',
'sourceSetName'
'sourceSetName',
'sourceSetId'
],
// mounted(){
// this.updateValues(this.destination)
// },
data(){
return {
removeInProgress: false,
toggleNumberForm: true
toggleNumberForm: true,
sources: []
}
},
computed: {
...mapGetters('newCallForward', []),
...mapGetters('newCallForward', [
'getSourcesesBySourcesetId'
]),
},
methods: {
showConfirmDialog(){
this.$refs.confirmDialog.open();
},
async confirmDeleteSource(){
async deleteSource(){
this.removeInProgress = true;
await this.$store.dispatch('newCallForward/removeSourceFromSourceset', {
source: this.source,
forwardGroupId: this.groupId,
sourceSetId: this.sourceSetId
});
let sources = this.getSourcesesBySourcesetId(this.sourceSetId);
sources = sources.filter($source=> $source.source !== this.source);
try{
await this.$store.dispatch('newCallForward/addGroupLoader', this.groupId);
await this.$store.dispatch('newCallForward/removeSourceFromSourceset', {
id: this.sourceSetId,
sources: sources
});
await this.$store.dispatch('newCallForward/loadSourcesets');
}
catch(err){
console.log(err)
}
finally{
await this.$store.dispatch('newCallForward/removeGroupLoader', this.groupId);
}
this.removeInProgress = false;
}
}

5
src/locales/en.json
Unescape View File

@ -221,7 +221,8 @@
"primarNumberEnabled": "All calls go to the primary number",
"primarNumberDisabled": "No call goes to primary number",
"forwardBtnLabel": "Add forwarding",
"conditionBtnLabel": "add condition",
"conditionBtnLabelPrefix": " and",
"conditionBtnLabel": " condition",
"numberLabel": "Number",
"voiceMailLabel": "Voicemail",
"destinationTimeoutLabel": "Then after ",
@ -236,7 +237,7 @@
"cancelGroupDialogText": "You are about to delete {groupName} call forwarding group",
"unconditionalLabel": "If online",
"fromLabel": "If call from ...",
"fromLabelShort": " and call from ",
"fromLabelShort": " call from ",
"offlineLabel": "If offline",
"busyLabel": "If busy",
"sourcesetName": "List name"

6
src/store/new-call-forward.js
Unescape View File

@ -166,9 +166,6 @@ export default {
}
state.forwardGroups = forwardGroups;
},
setDestinationInCreation(state, isInCreation){
state.destinationInCreation = isInCreation;
},
setSelectedDestType(state, destType){
state.selectedDestType = destType;
},
@ -581,9 +578,6 @@ export default {
console.log(err)
}
},
setDestinationInCreation(context, isInCreation){
context.commit('setDestinationInCreation', isInCreation);
},
setSelectedDestType(context, destType){
context.commit('setSelectedDestType', destType);
},

Write Preview
Loading…
Cancel
Save