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

TT#39927 Fix issue time and dests briefly shown

Browse Source 
Change-Id: Ibca14d1ef9f1c03695da01400ca8d53394964a24
changes/88/22488/4
raxelsen 7 years ago
parent eeb9df5512
commit 50f7c5ee6f
3 changed files with 104 additions and 66 deletions
Show Stats Download Patch File Download Diff File

40
src/components/pages/CallForward/CscCallForwardTimes.vue
Unescape View File

@ -1,22 +1,37 @@
<template>
<div class="times-card">
<q-list no-border>
<csc-call-forward-time class="csc-call-forward-times" v-if="times.length > 0" v-for="(time, index) in times"
:key="index" :time="time" :index="index" />
<csc-call-forward-time
class="csc-call-forward-times"
v-if="times.length > 0"
v-for="(time, index) in times"
:key="index"
:time="time"
:index="index"
/>
</q-list>
<csc-add-time-form v-if="activeTimeForm" type="existing" :timeset="timesetName" ref="addFormExisting" />
<q-btn v-else
color="primary"
class="add-time"
icon="fa-plus" flat
@click="enableAddForm()">
<div v-if="timesetTimesLoaded">
<csc-add-time-form
v-if="activeTimeForm"
type="existing"
:timeset="timesetName"
ref="addFormExisting"
/>
<q-btn
v-else
color="primary"
class="add-time"
icon="fa-plus" flat
@click="enableAddForm()"
>
{{ $t('pages.callForward.times.addTimeButton') }}
</q-btn>
</q-btn>
</div>
</div>
</template>
<script>
import { mapState } from 'vuex'
import { mapGetters } from 'vuex'
import CscCallForwardTime from './CscCallForwardTime'
import CscAddTimeForm from './CscAddTimeForm'
import { QField, QBtn, QList } from 'quasar-framework'
@ -39,8 +54,9 @@
QList
},
computed: {
...mapState('callForward', [
'activeTimeForm'
...mapGetters('callForward', [
'activeTimeForm',
'timesetTimesLoaded'
])
},
methods: {

21
src/components/pages/CallForward/CscCallForwardTimeset.vue
Unescape View File

@ -1,6 +1,6 @@
<template>
<div>
<div v-if="showTimesAndDestinations">
<div v-if="showSections">
<csc-call-forward-times
:times="timesetTimes"
:timesetName="timesetName"
@ -60,7 +60,7 @@
</q-alert>
</div>
<csc-add-time-form
v-if="activeTimeForm && !timesetExists"
v-if="showTimesetForm"
type="new"
:timeset="timesetName"
ref="addTimeNew"
@ -70,7 +70,7 @@
</template>
<script>
import { mapState, mapGetters } from 'vuex'
import { mapGetters } from 'vuex'
import { QAlert, QCard } from 'quasar-framework'
import {
startLoading,
@ -104,7 +104,7 @@
QCard
},
computed: {
...mapState('callForward', [
...mapGetters('callForward', [
'destinations',
'timesetTimes',
'resetTimeState',
@ -116,16 +116,15 @@
'activeTimeForm',
'sourcesets',
'loadDestinationState',
'addSourcesetState'
]),
...mapGetters('callForward', [
'addSourcesetState',
'resetTimeError',
'addTimeError',
'showDefinedAlert',
'destinationsLoaded',
'showTimesAndDestinations',
'loadDestinationError',
'addSourcesetError'
'addSourcesetError',
'timesetTimesLoaded'
]),
labelReset() {
return this.$t('pages.callForward.times.resetTimeset', {
@ -136,6 +135,12 @@
return this.$t('pages.callForward.times.addTimeset', {
timeset: this.timesetName
});
},
showTimesetForm() {
return this.activeTimeForm && !this.timesetExists && this.timesetTimesLoaded;
},
showSections() {
return this.showTimesAndDestinations && this.timesetTimesLoaded;
}
},
methods: {

109
src/store/call-forward.js
Unescape View File

@ -6,8 +6,6 @@ import { i18n } from '../i18n';
import {
getSourcesets,
getDestinationsets,
getTimesets,
getMappings,
deleteDestinationFromDestinationset,
addDestinationToDestinationset,
addDestinationToEmptyGroup,
@ -29,7 +27,7 @@ import {
} from '../api/call-forward';
const RequestState = {
button: 'button',
initial: 'initial',
requesting: 'requesting',
succeeded: 'succeeded',
failed: 'failed'
@ -44,33 +42,33 @@ export default {
timesets: null,
destinationsets: null,
destinations: [],
loadDestinationState: RequestState.button,
loadDestinationState: RequestState.initial,
loadDestinationError: null,
removeDestinationState: RequestState.button,
removeDestinationState: RequestState.initial,
removeDestinationError: null,
lastRemovedDestination: null,
addDestinationState: RequestState.button,
addDestinationState: RequestState.initial,
addDestinationError: null,
lastAddedDestination: null,
changeDestinationState: RequestState.button,
changeDestinationState: RequestState.initial,
changeDestinationError: null,
removeTimeState: RequestState.button,
removeTimeState: RequestState.initial,
removeTimeError: null,
lastRemovedDay: null,
resetTimeState: RequestState.button,
resetTimeState: RequestState.initial,
resetTimeError: null,
addTimeState: RequestState.button,
addTimeState: RequestState.initial,
addTimeError: null,
addSourcesetState: RequestState.button,
addSourcesetState: RequestState.initial,
addSourcesetError: null,
removeSourcesetState: RequestState.button,
removeSourcesetState: RequestState.initial,
removeSourcesetError: null,
lastRemovedSourceset: null,
lastAddedSourceset: null,
addSourceState: RequestState.button,
addSourceState: RequestState.initial,
addSourceError: null,
lastAddedSource: null,
removeSourceState: RequestState.button,
removeSourceState: RequestState.initial,
removeSourceError: null,
lastRemovedSource: null,
activeForm: '',
@ -90,7 +88,8 @@ export default {
timesetHasDuplicate: false,
timesetId: null,
activeTimeForm: false,
addSourceFormEnabled: false
addSourceFormEnabled: false,
timesetTimesLoaded: false
},
getters: {
hasFaxCapability(state, getters, rootState, rootGetters) {
@ -180,18 +179,54 @@ export default {
},
lastRemovedSource(state) {
return state.lastRemovedSource;
},
timesetTimesLoaded(state) {
return state.timesetTimesLoaded;
},
destinations(state) {
return state.destinations;
},
timesetTimes(state) {
return state.timesetTimes;
},
resetTimeState(state) {
return state.resetTimeState;
},
addTimeState(state) {
return state.addTimeState;
},
timesetHasDuplicate(state) {
return state.timesetHasDuplicate;
},
timesetIsCompatible(state) {
return state.timesetIsCompatible;
},
timesetHasReverse(state) {
return state.timesetHasReverse;
},
timesetExists(state) {
return state.timesetExists;
},
activeTimeForm(state) {
return state.activeTimeForm;
},
sourcesets(state) {
return state.sourcesets;
},
loadDestinationState(state) {
return state.loadDestinationState;
},
addSourcesetState(state) {
return state.addSourcesetState;
},
lastAddedSourceset(state) {
return state.lastAddedSourceset;
}
},
mutations: {
loadMappings(state, result) {
state.mappings = result;
},
loadSourcesets(state, result) {
state.sourcesets = result;
},
loadTimesets(state, result) {
state.timesets = result;
},
loadDestinations(state, result) {
state.destinations = result;
},
@ -229,9 +264,9 @@ export default {
state.formType = '';
state.destinationsetId = '';
state.groupName = '';
state.addDestinationState = RequestState.button;
state.changeDestinationState = RequestState.button;
state.removeDestinationState = RequestState.button;
state.addDestinationState = RequestState.initial;
state.changeDestinationState = RequestState.initial;
state.removeDestinationState = RequestState.initial;
},
addDestinationRequesting(state) {
state.addDestinationState = RequestState.requesting;
@ -285,6 +320,7 @@ export default {
state.lastRemovedDay = value;
},
loadTimesSucceeded(state, result) {
state.timesetTimesLoaded = true;
state.timesetTimes = result.times;
state.timesetIsCompatible = result.timesetIsCompatible;
state.timesetExists = result.timesetExists;
@ -320,7 +356,7 @@ export default {
state.activeTimeForm = value;
},
resetAddTimeState(state) {
state.addTimeState = RequestState.button;
state.addTimeState = RequestState.initial;
},
resetTimesetState(state) {
state.timesetIsCompatible = true;
@ -328,7 +364,8 @@ export default {
state.timesetHasReverse = false;
state.timesetHasDuplicate = false;
state.activeTimeForm = false;
state.addTimeState = RequestState.button;
state.addTimeState = RequestState.initial;
state.timesetTimesLoaded = false;
},
setSourceset(state, result) {
state.sourceset = result;
@ -410,16 +447,6 @@ export default {
}
},
actions: {
loadMappings(context) {
return new Promise((resolve, reject) => {
getMappings(localStorage.getItem('subscriberId'))
.then(result => {
context.commit('loadMappings', result);
}).catch(err => {
reject(err);
});
});
},
loadSourcesets(context) {
return new Promise((resolve, reject) => {
getSourcesets(localStorage.getItem('subscriberId'))
@ -430,16 +457,6 @@ export default {
});
});
},
loadTimesets(context) {
return new Promise((resolve, reject) => {
getTimesets(localStorage.getItem('subscriberId'))
.then(result => {
context.commit('loadTimesets', result);
}).catch((err) => {
reject(err);
});
});
},
loadDestinationsets(context) {
return new Promise((resolve, reject) => {
getDestinationsets(localStorage.getItem('subscriberId'))

Write Preview
Loading…
Cancel
Save