Change-Id: I383a67d94d2ca6e31b8afcdbd1a2d6d7e70db2c3mr9.1.1
Carlo Venusino
5 years ago
parent
88b66464c6
commit
3aabf8c3c9
@ -1,133 +0,0 @@
|
||||
<template>
|
||||
<div
|
||||
v-if="enabled"
|
||||
>
|
||||
<div
|
||||
v-if="disableSourcesetMenu"
|
||||
class="csc-cf-dest-type"
|
||||
@click="addFromCondition()"
|
||||
>
|
||||
{{ $t('pages.newCallForward.fromLabel') }}
|
||||
</div>
|
||||
<div
|
||||
v-if="disableTimesetMenu"
|
||||
class="csc-cf-dest-type"
|
||||
@click="addDateIsCondition()"
|
||||
>
|
||||
{{ $t('pages.newCallForward.dateIsLabel') }}
|
||||
</div>
|
||||
<div
|
||||
v-if="disableDateRangeMenu"
|
||||
ref="daterangeItem"
|
||||
class="csc-cf-dest-type"
|
||||
@click="addDateRangeCondition()"
|
||||
>
|
||||
{{ $t('pages.newCallForward.dateRangeLabel') }}
|
||||
</div>
|
||||
<div
|
||||
v-if="disableWeekdaysMenu"
|
||||
class="csc-cf-dest-type"
|
||||
@click="addWeekdayCondition()"
|
||||
>
|
||||
{{ $t('pages.newCallForward.weekdaysLabel') }}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'CscNewCallForwardConditionTypeSelect',
|
||||
props: {
|
||||
groupId: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
groupName: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
disableSourcesetMenu: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
disableTimesetMenu: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
disableDateRangeMenu: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
disableWeekdaysMenu: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
enabled: true,
|
||||
action: null,
|
||||
timesetName: null
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
allFieldsFilled () {
|
||||
return this.rangeDateModel.from !== null &&
|
||||
this.rangeDateModel.to !== null &&
|
||||
this.rangeTimeModel.from !== null &&
|
||||
this.rangeTimeModel.to !== null
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.timesetName = 'timeset-' + this.groupId
|
||||
},
|
||||
methods: {
|
||||
addFromCondition () {
|
||||
this.action = 'addFromCondition'
|
||||
this.$parent.close()
|
||||
},
|
||||
addDateIsCondition () {
|
||||
this.action = 'addDateIsCondition'
|
||||
this.$parent.close()
|
||||
},
|
||||
addDateRangeCondition () {
|
||||
this.action = 'addDateRangeCondition'
|
||||
this.$parent.close()
|
||||
},
|
||||
addWeekdayCondition () {
|
||||
this.action = 'addWeekdayCondition'
|
||||
this.$parent.close()
|
||||
},
|
||||
cancel () {
|
||||
this.action = null
|
||||
this.enabled = false
|
||||
this.$parent.close()
|
||||
},
|
||||
add () {
|
||||
this.enabled = true
|
||||
},
|
||||
close () {
|
||||
this.action = null
|
||||
this.enabled = false
|
||||
this.$parent.close()
|
||||
},
|
||||
showQDate () {
|
||||
this.$refs.dayWidget.open()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus" rel="stylesheet/stylus">
|
||||
.csc-cf-dest-type
|
||||
min-width 100px
|
||||
padding 10px
|
||||
cursor pointer
|
||||
.csc-cf-dest-type:hover
|
||||
background $main-menu-item-hover-background
|
||||
.csc-cf-calendar-day
|
||||
padding 20px
|
||||
min-width 400px
|
||||
.q-datetime-weekdays
|
||||
color $tertiary
|
||||
</style>
|
||||
@ -1,119 +0,0 @@
|
||||
|
||||
<template>
|
||||
<q-field
|
||||
:error-label="errorMessage"
|
||||
>
|
||||
<q-input
|
||||
ref="inputField"
|
||||
v-model="inputValue"
|
||||
dark
|
||||
clearable
|
||||
type="text"
|
||||
:float-label="label"
|
||||
:error="$v.inputValue.$error"
|
||||
:before="beforeButtons"
|
||||
@keyup.enter="submit"
|
||||
@keypress.space.prevent
|
||||
@keydown.space.prevent
|
||||
@keyup.space.prevent
|
||||
@input="input"
|
||||
@blur="blur"
|
||||
/>
|
||||
</q-field>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
userInfoAndEmpty
|
||||
} from 'src/helpers/validation'
|
||||
import {
|
||||
maxLength,
|
||||
required
|
||||
} from 'vuelidate/lib/validators'
|
||||
|
||||
export default {
|
||||
name: 'CscNewCallForwardInput',
|
||||
props: {
|
||||
label: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
prefilled: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
before: {
|
||||
type: Array,
|
||||
default () {
|
||||
return []
|
||||
}
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
inputValue: '',
|
||||
error: ''
|
||||
}
|
||||
},
|
||||
validations: {
|
||||
inputValue: {
|
||||
userInfoAndEmpty,
|
||||
maxLength: maxLength(64),
|
||||
required
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
errorMessage () {
|
||||
if (!this.$v.inputValue.required) {
|
||||
return this.$t('validationErrors.fieldRequired', {
|
||||
field: this.label
|
||||
})
|
||||
} else if (!this.$v.inputValue.maxLength) {
|
||||
return this.$t('validationErrors.maxLength', {
|
||||
field: this.label,
|
||||
maxLength: this.$v.inputValue.$params.maxLength.max
|
||||
})
|
||||
} else if (!this.$v.inputValue.userInfoAndEmpty) {
|
||||
return this.$t('validationErrors.inputValidNumber')
|
||||
} else {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
beforeButtons () {
|
||||
return this.before ? this.before : []
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
error (state) {
|
||||
this.$emit('error', state)
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
if (this.prefilled) {
|
||||
this.inputValue = this.prefilled === ' ' ? '' : this.prefilled
|
||||
this.$v.$reset()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submit () {
|
||||
this.$emit('submit')
|
||||
},
|
||||
input () {
|
||||
this.$v.inputValue.$touch()
|
||||
this.error = this.$v.inputValue.$error
|
||||
this.$emit('input', this.inputValue)
|
||||
},
|
||||
blur () {
|
||||
this.$v.inputValue.$touch()
|
||||
this.error = this.$v.inputValue.$error
|
||||
},
|
||||
reset () {
|
||||
this.$refs.inputField.clear()
|
||||
this.$v.$reset()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus" rel="stylesheet/stylus">
|
||||
</style>
|
||||
@ -1,113 +0,0 @@
|
||||
|
||||
<template>
|
||||
<q-field
|
||||
:error-label="errorMessage"
|
||||
>
|
||||
<q-input
|
||||
v-model="inputValue"
|
||||
dark
|
||||
clearable
|
||||
type="text"
|
||||
:float-label="label"
|
||||
:error="$v.inputValue.$error"
|
||||
:before="beforeButtons"
|
||||
@keyup.enter="submit"
|
||||
@keypress.space.prevent
|
||||
@keydown.space.prevent
|
||||
@keyup.space.prevent
|
||||
@input="input"
|
||||
@blur="blur"
|
||||
/>
|
||||
</q-field>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
userInfoAndEmpty
|
||||
} from 'src/helpers/validation'
|
||||
import {
|
||||
maxLength,
|
||||
required
|
||||
} from 'vuelidate/lib/validators'
|
||||
|
||||
export default {
|
||||
name: 'CscNewCallForwardInputText',
|
||||
props: {
|
||||
label: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
prefilled: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
before: {
|
||||
type: Array,
|
||||
default () {
|
||||
return []
|
||||
}
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
inputValue: '',
|
||||
error: ''
|
||||
}
|
||||
},
|
||||
validations: {
|
||||
inputValue: {
|
||||
userInfoAndEmpty,
|
||||
maxLength: maxLength(64),
|
||||
required
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
errorMessage () {
|
||||
if (!this.$v.inputValue.required) {
|
||||
return this.$t('validationErrors.fieldRequired', {
|
||||
field: this.label
|
||||
})
|
||||
} else if (!this.$v.inputValue.maxLength) {
|
||||
return this.$t('validationErrors.maxLength', {
|
||||
field: this.label,
|
||||
maxLength: this.$v.inputValue.$params.maxLength.max
|
||||
})
|
||||
} else if (!this.$v.inputValue.userInfoAndEmpty) {
|
||||
return this.$t('validationErrors.inputValidNumber')
|
||||
} else {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
beforeButtons () {
|
||||
return this.before ? this.before : []
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
error (state) {
|
||||
this.$emit('error', state)
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
if (this.prefilled) {
|
||||
this.inputValue = this.prefilled === ' ' ? '' : this.prefilled
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submit () {
|
||||
this.$emit('submit')
|
||||
},
|
||||
input () {
|
||||
this.$v.inputValue.$touch()
|
||||
this.error = this.$v.inputValue.$error
|
||||
this.$emit('input', this.inputValue)
|
||||
},
|
||||
blur () {
|
||||
this.$v.inputValue.$touch()
|
||||
this.error = this.$v.inputValue.$error
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus" rel="stylesheet/stylus">
|
||||
</style>
|
||||
Loading…
Reference in new issue