- Add call forwarding type "Auto Attendant" - Add call forwarding type "Office Hours Announcement" - Add call forwarding type "Calling Card" - Add call forwarding type "Call Through" - Add call forwarding type "Local Subscriber" - Add "gridView" to call forwarding menu Change-Id: Ib64668e3caadfed2ec631d0242e0eef07aa7d819mr10.1.1
Hans-Peter Herzog
4 years ago
parent
d0a51c3ff9
commit
07a4dbd95f
@ -0,0 +1,69 @@
|
|||||||
|
<template>
|
||||||
|
<span
|
||||||
|
:class="cssClasses"
|
||||||
|
>
|
||||||
|
<q-icon
|
||||||
|
:name="destinationIcon"
|
||||||
|
/>
|
||||||
|
{{ destinationLabel }}
|
||||||
|
<slot />
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import destination from 'src/mixins/destination'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'CscCfDestination',
|
||||||
|
mixins: [destination],
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
type: Object,
|
||||||
|
default: undefined
|
||||||
|
},
|
||||||
|
icon: {
|
||||||
|
type: String,
|
||||||
|
default: undefined
|
||||||
|
},
|
||||||
|
label: {
|
||||||
|
type: String,
|
||||||
|
default: undefined
|
||||||
|
},
|
||||||
|
clickable: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
destinationIcon () {
|
||||||
|
if (this.icon) {
|
||||||
|
return this.icon
|
||||||
|
} else if (this.value?.destination) {
|
||||||
|
return this.destinationIconBySipUri(this.value.destination)
|
||||||
|
} else {
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
destinationLabel () {
|
||||||
|
if (this.label) {
|
||||||
|
return this.label
|
||||||
|
} else if (this.value?.destination) {
|
||||||
|
return this.destinationFormattedBySipUri(this.value.destination)
|
||||||
|
} else {
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cssClasses () {
|
||||||
|
return [
|
||||||
|
'q-pl-xs',
|
||||||
|
'text-weight-bold',
|
||||||
|
'text-no-wrap',
|
||||||
|
...(this.clickable ? [
|
||||||
|
'cursor-pointer',
|
||||||
|
'text-primary'
|
||||||
|
] : [])
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@ -0,0 +1,61 @@
|
|||||||
|
<template>
|
||||||
|
<csc-cf-destination
|
||||||
|
:value="destination"
|
||||||
|
:label="announcement ? announcement.label : ''"
|
||||||
|
:clickable="true"
|
||||||
|
>
|
||||||
|
<q-popup-edit
|
||||||
|
v-model="announcement"
|
||||||
|
buttons
|
||||||
|
anchor="top left"
|
||||||
|
@before-show="$store.commit('callForwarding/popupShow', null)"
|
||||||
|
@save="$emit('input', announcement)"
|
||||||
|
>
|
||||||
|
<q-select
|
||||||
|
v-model="announcement"
|
||||||
|
map-options
|
||||||
|
:rules="[ checkAnnouncement ]"
|
||||||
|
:options="announcements"
|
||||||
|
:label="$t('Custom Announcements')"
|
||||||
|
:disable="$attrs.loading"
|
||||||
|
/>
|
||||||
|
</q-popup-edit>
|
||||||
|
</csc-cf-destination>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import CscCfDestination from 'components/call-forwarding/CscCfDestination'
|
||||||
|
import { showGlobalError } from 'src/helpers/ui'
|
||||||
|
export default {
|
||||||
|
name: 'CscCfDestinationCustomAnnouncement',
|
||||||
|
components: { CscCfDestination },
|
||||||
|
props: {
|
||||||
|
destination: {
|
||||||
|
type: Object,
|
||||||
|
default: undefined
|
||||||
|
},
|
||||||
|
announcements: {
|
||||||
|
type: Array,
|
||||||
|
default: undefined
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
announcement: this.$attrs.value
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
'$attrs.value' (value) {
|
||||||
|
this.announcement = value
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
checkAnnouncement () {
|
||||||
|
const fieldFilled = this.announcement
|
||||||
|
if (!fieldFilled) {
|
||||||
|
showGlobalError(this.$t('Please select an option'))
|
||||||
|
}
|
||||||
|
return fieldFilled
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@ -0,0 +1,52 @@
|
|||||||
|
<template>
|
||||||
|
<csc-cf-destination
|
||||||
|
:value="destination"
|
||||||
|
:label="destination.simple_destination === ' ' ? $t('Number') : destination.simple_destination"
|
||||||
|
:clickable="true"
|
||||||
|
>
|
||||||
|
<q-popup-edit
|
||||||
|
v-model="number"
|
||||||
|
buttons
|
||||||
|
@before-show="$store.commit('callForwarding/popupShow', null)"
|
||||||
|
@save="$emit('input', $event)"
|
||||||
|
>
|
||||||
|
<csc-input
|
||||||
|
v-model="number"
|
||||||
|
dense
|
||||||
|
>
|
||||||
|
<template
|
||||||
|
v-slot:prepend
|
||||||
|
>
|
||||||
|
<q-icon
|
||||||
|
name="phone_forwarded"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</csc-input>
|
||||||
|
</q-popup-edit>
|
||||||
|
</csc-cf-destination>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import CscCfDestination from 'components/call-forwarding/CscCfDestination'
|
||||||
|
import CscInput from 'components/form/CscInput'
|
||||||
|
export default {
|
||||||
|
name: 'CscCfDestinationNumber',
|
||||||
|
components: { CscInput, CscCfDestination },
|
||||||
|
props: {
|
||||||
|
destination: {
|
||||||
|
type: Object,
|
||||||
|
default: undefined
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
number: this.$attrs.value
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
'$attrs.value' (value) {
|
||||||
|
this.number = value
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@ -0,0 +1,160 @@
|
|||||||
|
import sipUriParse from 'src/sip-uri-parse'
|
||||||
|
import _ from 'lodash'
|
||||||
|
|
||||||
|
const DestinationType = {
|
||||||
|
VoiceBox: 'VoiceBox',
|
||||||
|
Conference: 'Conference',
|
||||||
|
Fax2Mail: 'Fax2Mail',
|
||||||
|
CallingCard: 'CallingCard',
|
||||||
|
CallThrough: 'CallThrough',
|
||||||
|
AutoAttendant: 'AutoAttendant',
|
||||||
|
OfficeHoursAnnouncement: 'OfficeHoursAnnouncement',
|
||||||
|
CustomAnnouncement: 'CustomAnnouncement',
|
||||||
|
LocalSubscriber: 'LocalSubscriber',
|
||||||
|
ManagerSecretary: 'ManagerSecretary',
|
||||||
|
Application: 'Application',
|
||||||
|
Number: 'Number'
|
||||||
|
}
|
||||||
|
|
||||||
|
function parseSipUri (sipUri) {
|
||||||
|
const parsedUri = sipUriParse(sipUri)
|
||||||
|
const host = parsedUri.host
|
||||||
|
const username = parsedUri.username
|
||||||
|
let destinationType
|
||||||
|
if (host.endsWith('voicebox.local')) {
|
||||||
|
destinationType = DestinationType.VoiceBox
|
||||||
|
} else if (host.endsWith('conference.local')) {
|
||||||
|
destinationType = DestinationType.Conference
|
||||||
|
} else if (host.endsWith('fax2mail.local')) {
|
||||||
|
destinationType = DestinationType.Fax2Mail
|
||||||
|
} else if (username === 'callingcard' && host.endsWith('app.local')) {
|
||||||
|
destinationType = DestinationType.CallingCard
|
||||||
|
} else if (username === 'callthrough' && host.endsWith('app.local')) {
|
||||||
|
destinationType = DestinationType.CallThrough
|
||||||
|
} else if (username === 'auto-attendant' && host.endsWith('app.local')) {
|
||||||
|
destinationType = DestinationType.AutoAttendant
|
||||||
|
} else if (username === 'office-hours' && host.endsWith('app.local')) {
|
||||||
|
destinationType = DestinationType.OfficeHoursAnnouncement
|
||||||
|
} else if (username === 'custom-hours' && host.endsWith('app.local')) {
|
||||||
|
destinationType = DestinationType.CustomAnnouncement
|
||||||
|
} else if (username === 'localuser' && host.endsWith('local')) {
|
||||||
|
destinationType = DestinationType.LocalSubscriber
|
||||||
|
} else if (host.endsWith('managersecretary.local')) {
|
||||||
|
destinationType = DestinationType.ManagerSecretary
|
||||||
|
} else if (host.endsWith('app.local')) {
|
||||||
|
destinationType = DestinationType.Application
|
||||||
|
} else {
|
||||||
|
destinationType = DestinationType.Number
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
destinationType,
|
||||||
|
parsedUri
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default {
|
||||||
|
methods: {
|
||||||
|
isDestinationType (sipUri, destinationType) {
|
||||||
|
const parsedSipUri = parseSipUri(sipUri)
|
||||||
|
return parsedSipUri.destinationType === destinationType
|
||||||
|
},
|
||||||
|
isDestinationTypeVoiceBox (sipUri) {
|
||||||
|
return this.isDestinationType(sipUri, DestinationType.VoiceBox)
|
||||||
|
},
|
||||||
|
isDestinationTypeConference (sipUri) {
|
||||||
|
return this.isDestinationType(sipUri, DestinationType.Conference)
|
||||||
|
},
|
||||||
|
isDestinationTypeFax2Mail (sipUri) {
|
||||||
|
return this.isDestinationType(sipUri, DestinationType.Fax2Mail)
|
||||||
|
},
|
||||||
|
isDestinationTypeCallingCard (sipUri) {
|
||||||
|
return this.isDestinationType(sipUri, DestinationType.CallingCard)
|
||||||
|
},
|
||||||
|
isDestinationTypeCallThrough (sipUri) {
|
||||||
|
return this.isDestinationType(sipUri, DestinationType.CallThrough)
|
||||||
|
},
|
||||||
|
isDestinationTypeAutoAttendant (sipUri) {
|
||||||
|
return this.isDestinationType(sipUri, DestinationType.AutoAttendant)
|
||||||
|
},
|
||||||
|
isDestinationTypeOfficeHoursAnnouncement (sipUri) {
|
||||||
|
return this.isDestinationType(sipUri, DestinationType.OfficeHoursAnnouncement)
|
||||||
|
},
|
||||||
|
isDestinationTypeCustomAnnouncement (sipUri) {
|
||||||
|
return this.isDestinationType(sipUri, DestinationType.CustomAnnouncement)
|
||||||
|
},
|
||||||
|
isDestinationTypeLocalSubscriber (sipUri) {
|
||||||
|
return this.isDestinationType(sipUri, DestinationType.LocalSubscriber)
|
||||||
|
},
|
||||||
|
isDestinationTypeManagerSecretary (sipUri) {
|
||||||
|
return this.isDestinationType(sipUri, DestinationType.ManagerSecretary)
|
||||||
|
},
|
||||||
|
isDestinationTypeApplication (sipUri) {
|
||||||
|
return this.isDestinationType(sipUri, DestinationType.Application)
|
||||||
|
},
|
||||||
|
isDestinationTypeNumber (sipUri) {
|
||||||
|
return this.isDestinationType(sipUri, DestinationType.Number)
|
||||||
|
},
|
||||||
|
destinationIconBySipUri (sipUri) {
|
||||||
|
const parsedSipUri = parseSipUri(sipUri)
|
||||||
|
return this.destinationIconByType(parsedSipUri.destinationType)
|
||||||
|
},
|
||||||
|
destinationIconByType (destinationType) {
|
||||||
|
switch (destinationType) {
|
||||||
|
case DestinationType.VoiceBox:
|
||||||
|
return 'voicemail'
|
||||||
|
case DestinationType.Conference:
|
||||||
|
return 'groups'
|
||||||
|
case DestinationType.Fax2Mail:
|
||||||
|
return 'email'
|
||||||
|
case DestinationType.CallingCard:
|
||||||
|
return 'credit_card'
|
||||||
|
case DestinationType.CallThrough:
|
||||||
|
return 'double_arrow'
|
||||||
|
case DestinationType.AutoAttendant:
|
||||||
|
return 'dialpad'
|
||||||
|
case DestinationType.OfficeHoursAnnouncement:
|
||||||
|
return 'schedule'
|
||||||
|
case DestinationType.CustomAnnouncement:
|
||||||
|
return 'music_note'
|
||||||
|
case DestinationType.LocalSubscriber:
|
||||||
|
return 'person_pin'
|
||||||
|
case DestinationType.ManagerSecretary:
|
||||||
|
return 'support_agent'
|
||||||
|
case DestinationType.Application:
|
||||||
|
return 'apps'
|
||||||
|
case DestinationType.Number:
|
||||||
|
return 'phone_forwarded'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
destinationFormattedBySipUri (sipUri) {
|
||||||
|
const parsedSipUri = parseSipUri(sipUri)
|
||||||
|
switch (parsedSipUri.destinationType) {
|
||||||
|
case DestinationType.VoiceBox:
|
||||||
|
return this.$t('Voicebox')
|
||||||
|
case DestinationType.Conference:
|
||||||
|
return this.$t('Conference')
|
||||||
|
case DestinationType.Fax2Mail:
|
||||||
|
return this.$t('Fax2Mail')
|
||||||
|
case DestinationType.CallingCard:
|
||||||
|
return this.$t('Calling Card')
|
||||||
|
case DestinationType.CallThrough:
|
||||||
|
return this.$t('Call Through')
|
||||||
|
case DestinationType.AutoAttendant:
|
||||||
|
return this.$t('Auto Attendant')
|
||||||
|
case DestinationType.OfficeHoursAnnouncement:
|
||||||
|
return this.$t('Office Hours Announcement')
|
||||||
|
case DestinationType.CustomAnnouncement:
|
||||||
|
return this.$t('Custom Announcement')
|
||||||
|
case DestinationType.LocalSubscriber:
|
||||||
|
return this.$t('Local Subscriber')
|
||||||
|
case DestinationType.ManagerSecretary:
|
||||||
|
return this.$t('Manager Secretary')
|
||||||
|
case DestinationType.Application:
|
||||||
|
return _.words(parsedSipUri.parsedUri.username).map(word => _.upperFirst(word)).join(' ')
|
||||||
|
default:
|
||||||
|
case DestinationType.Number:
|
||||||
|
return parsedSipUri.parsedUri.username
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in new issue