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/CscCfGroupConditionMenu.vue

107 lines
3.3 KiB

<template>
<csc-cf-group-condition
title=" "
>
<q-list
dense
>
<csc-popup-menu-item
icon="person_add"
:label="$t('call to ...')"
data-cy="csc-condition-call-to"
:close-popup="false"
:disable="!!bNumberSet"
@click="$emit('step', 'call-to')"
/>
<csc-popup-menu-item
icon="person_add_disabled"
:label="$t('call not to ...')"
data-cy="csc-condition-call-to"
:close-popup="false"
:disable="!!bNumberSet"
@click="$emit('step', 'call-not-to')"
/>
<csc-popup-menu-item
icon="person_add"
:label="$t('call from ...')"
data-cy="csc-condtion-call-from"
:close-popup="false"
:disable="!!sourceSet"
@click="$emit('step', 'call-from')"
/>
<csc-popup-menu-item
icon="person_add_disabled"
:label="$t('call not from ...')"
data-cy="csc-condtion-call-not-from"
:close-popup="false"
:disable="!!sourceSet"
@click="$emit('step', 'call-not-from')"
/>
<csc-popup-menu-item
icon="today"
:label="$t('date is ...')"
data-cy="csc-condtion-date"
:close-popup="false"
:disable="!!timeSet"
@click="$emit('step', 'date-is')"
/>
<csc-popup-menu-item
icon="book_online"
:label="$t('date range is ...')"
data-cy="csc-condtion-date-range"
:close-popup="false"
:disable="!!timeSet"
@click="$emit('step', 'date-range-is')"
/>
<csc-popup-menu-item
icon="calendar_today"
:label="$t('weekdays are ...')"
data-cy="csc-condtion-weekdays"
:close-popup="false"
:disable="!!timeSet"
@click="$emit('step', 'date-weekdays')"
/>
<csc-popup-menu-item
icon="access_time"
:label="$t('office hours are ...')"
data-cy="csc-condtion-office-hours"
:close-popup="false"
:disable="!!timeSet"
@click="$emit('step', 'office-hours-times')"
/>
</q-list>
</csc-cf-group-condition>
</template>
<script>
import CscPopupMenuItem from 'components/CscPopupMenuItem'
import CscCfGroupCondition from 'components/call-forwarding/CscCfGroupCondition'
export default {
name: 'CscCfGroupConditionMenu',
components: { CscCfGroupCondition, CscPopupMenuItem },
props: {
mapping: {
type: Object,
required: true
},
destinationSet: {
type: Object,
required: true
},
bNumberSet: {
type: Object,
default: undefined
},
sourceSet: {
type: Object,
default: undefined
},
timeSet: {
type: Object,
default: undefined
}
},
emits: ['step']
}
</script>