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.
115 lines
3.3 KiB
115 lines
3.3 KiB
<template>
|
|
<csc-list-item
|
|
icon="email"
|
|
:odd="odd"
|
|
:expanded="expanded"
|
|
@toggle="toggle"
|
|
>
|
|
<template
|
|
slot="title"
|
|
>
|
|
<csc-list-item-title>
|
|
{{ $t('<{destination}> as {filetype}', {destination: destination.destination, filetype: destination.filetype}) }}
|
|
</csc-list-item-title>
|
|
<q-slide-transition>
|
|
<csc-list-item-subtitle
|
|
v-if="!expanded"
|
|
>
|
|
<q-icon
|
|
size="16px"
|
|
:name="destination.incoming ? 'call_received' : ' '"
|
|
data-cy="destination-icon-deliver-incoming"
|
|
/>
|
|
<q-icon
|
|
size="16px"
|
|
:name="destination.outgoing ? 'call_made' : ' '"
|
|
data-cy="destination-icon-deliver-outgoing"
|
|
/>
|
|
<q-icon
|
|
size="16px"
|
|
:name="destination.status ? 'fas fa-file-alt' : ' '"
|
|
data-cy="destination-icon-receive-reports"
|
|
/>
|
|
</csc-list-item-subtitle>
|
|
</q-slide-transition>
|
|
</template>
|
|
<template
|
|
slot="menu"
|
|
>
|
|
<csc-list-menu-item
|
|
:disable="loading"
|
|
icon="delete"
|
|
data-cy="destination-delete"
|
|
icon-color="negative"
|
|
@click="deleteDestination"
|
|
>
|
|
{{ $t('Remove') }}
|
|
</csc-list-menu-item>
|
|
</template>
|
|
<template slot="body">
|
|
<csc-fax-to-mail-destination-form
|
|
:is-add-new-mode="false"
|
|
:initial-data="destination"
|
|
:loading="loading"
|
|
@update-property="updateProperty"
|
|
/>
|
|
</template>
|
|
</csc-list-item>
|
|
</template>
|
|
|
|
<script>
|
|
import CscListItem from 'components/CscListItem'
|
|
import CscListItemTitle from 'components/CscListItemTitle'
|
|
import CscListMenuItem from 'components/CscListMenuItem'
|
|
import CscListItemSubtitle from 'components/CscListItemSubtitle'
|
|
import CscFaxToMailDestinationForm from 'components/pages/FaxSettings/CscFaxToMailDestinationForm'
|
|
|
|
export default {
|
|
name: 'CscFaxToMailDestination',
|
|
components: {
|
|
CscFaxToMailDestinationForm,
|
|
CscListItemSubtitle,
|
|
CscListMenuItem,
|
|
CscListItemTitle,
|
|
CscListItem
|
|
},
|
|
props: {
|
|
destination: {
|
|
type: Object,
|
|
required: true
|
|
},
|
|
odd: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
expanded: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
loading: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
},
|
|
methods: {
|
|
deleteDestination () {
|
|
if (this.$refs.listItem) {
|
|
this.$refs.listItem.closePopoverMenu()
|
|
}
|
|
this.$emit('remove')
|
|
},
|
|
toggle () {
|
|
if (this.expanded) {
|
|
this.$emit('collapse')
|
|
} else {
|
|
this.$emit('expand')
|
|
}
|
|
},
|
|
updateProperty () {
|
|
this.$emit('update-property', ...arguments)
|
|
}
|
|
|
|
}
|
|
}
|
|
</script>
|