You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ngcp-csc-ui/src/components/call-forwarding/CscCfDestinationNumber.vue

53 lines
1.3 KiB

<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>