12 hour clock selection, fix #119
This commit is contained in:
@@ -7,8 +7,10 @@ v-col(cols=12)
|
|||||||
v-btn(v-if='settings.allow_recurrent_event' value='recurrent' label="recurrent") {{$t('event.recurrent')}}
|
v-btn(v-if='settings.allow_recurrent_event' value='recurrent' label="recurrent") {{$t('event.recurrent')}}
|
||||||
|
|
||||||
p {{$t(`event.${type}_description`)}}
|
p {{$t(`event.${type}_description`)}}
|
||||||
|
|
||||||
v-btn-toggle.v-col-6.flex-column.flex-sm-row(v-if='type === "recurrent"' color='primary' :value='value.recurrent.frequency' @change='fq => change("frequency", fq)')
|
v-btn-toggle.v-col-6.flex-column.flex-sm-row(v-if='type === "recurrent"' color='primary' :value='value.recurrent.frequency' @change='fq => change("frequency", fq)')
|
||||||
v-btn(v-for='f in frequencies' :key='f.value' :value='f.value') {{f.text}}
|
v-btn(v-for='f in frequencies' :key='f.value' :value='f.value') {{f.text}}
|
||||||
|
|
||||||
client-only
|
client-only
|
||||||
.datePicker.mt-3
|
.datePicker.mt-3
|
||||||
v-input(:value='fromDate'
|
v-input(:value='fromDate'
|
||||||
@@ -43,11 +45,6 @@ v-col(cols=12)
|
|||||||
:value='dueHour' clearable
|
:value='dueHour' clearable
|
||||||
:items='hourList' @change='hr => change("dueHour", hr)')
|
:items='hourList' @change='hr => change("dueHour", hr)')
|
||||||
|
|
||||||
//- div.col-md-12(v-if='isRecurrent')
|
|
||||||
//- p(v-if='value.recurrent.frequency !== "1m" && value.recurrent.frequency !== "2m"') 🡲 {{whenPatterns}}
|
|
||||||
//- v-btn-toggle(v-else dense group v-model='value.recurrent.type' color='primary')
|
|
||||||
//- v-btn(text link v-for='whenPattern in whenPatterns' :value='whenPattern.key' :key='whenPatterns.key') {{whenPattern.label}}
|
|
||||||
|
|
||||||
List(v-if='type==="normal" && todayEvents.length' :events='todayEvents' :title='$t("event.same_day")')
|
List(v-if='type==="normal" && todayEvents.length' :events='todayEvents' :title='$t("event.same_day")')
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
@@ -66,12 +63,7 @@ export default {
|
|||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
type: 'normal',
|
type: 'normal',
|
||||||
time: { start: null, end: null },
|
|
||||||
fromDateMenu: null,
|
|
||||||
dueDateMenu: null,
|
|
||||||
date: null,
|
|
||||||
page: null,
|
page: null,
|
||||||
frequency: '',
|
|
||||||
events: [],
|
events: [],
|
||||||
frequencies: [
|
frequencies: [
|
||||||
{ value: '1w', text: this.$t('event.each_week') },
|
{ value: '1w', text: this.$t('event.each_week') },
|
||||||
@@ -108,9 +100,11 @@ export default {
|
|||||||
const hourList = []
|
const hourList = []
|
||||||
const pad = '00'
|
const pad = '00'
|
||||||
for (let h = 0; h < 24; h++) {
|
for (let h = 0; h < 24; h++) {
|
||||||
hourList.push(`${(pad + h).slice(-pad.length)}:00`)
|
const paddedHour = (pad + h).slice(-2)
|
||||||
hourList.push(`${(pad + h).slice(-pad.length)}:30`)
|
hourList.push({ text: paddedHour + ':00 ' + (h <= 12 ? 'AM' : 'PM'), value: paddedHour + ':00' })
|
||||||
|
hourList.push({ text: paddedHour + ':30 ' + (h <= 12 ? 'AM' : 'PM'), value: paddedHour + ':30' })
|
||||||
}
|
}
|
||||||
|
|
||||||
return hourList
|
return hourList
|
||||||
},
|
},
|
||||||
whenPatterns () {
|
whenPatterns () {
|
||||||
@@ -178,7 +172,7 @@ export default {
|
|||||||
if (what === 'type') {
|
if (what === 'type') {
|
||||||
if (typeof value === 'undefined') { this.type = 'normal' }
|
if (typeof value === 'undefined') { this.type = 'normal' }
|
||||||
if (value === 'recurrent') {
|
if (value === 'recurrent') {
|
||||||
this.$emit('input', { ...this.value, recurrent: {}, multidate: false })
|
this.$emit('input', { ...this.value, recurrent: { frequency: '1w' }, multidate: false })
|
||||||
} else if (value === 'multidate') {
|
} else if (value === 'multidate') {
|
||||||
this.$emit('input', { ...this.value, recurrent: null, multidate: true })
|
this.$emit('input', { ...this.value, recurrent: null, multidate: true })
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
Reference in New Issue
Block a user