1
0
mirror of https://github.com/muety/wakapi.git synced 2023-08-10 21:12:56 +03:00
wakapi/static/assets/js/components/time-picker.js

32 lines
1.2 KiB
JavaScript
Raw Normal View History

function TimePicker({ fromDate, toDate, timeSelection }) {
return {
$template: '#time-picker-template',
$delimiters: ['${', '}'],
state: {
showDropdownTimepicker: false
},
fromDate: fromDate,
toDate: toDate,
timeSelection: timeSelection,
intervalLink(interval) {
const queryParams = new URLSearchParams(window.location.search)
queryParams.set('interval', interval)
return `summary?${queryParams.toString()}`
},
onDateUpdated() {
document.getElementById('time-picker-form').submit()
},
mounted() {
window.addEventListener('click', (e) => {
const skip = findParentAttribute(e.target, 'data-trigger-for')?.value
Object.keys(this.state).filter(k => k !== skip).forEach(k => this.state[k] = false)
})
const query = new URLSearchParams(window.location.search)
if (query.has('interval')) {
const refEl = document.getElementById(`time-option-${query.get('interval')}`)
this.timeSelection = refEl ? refEl.innerText : 'Unknown'
}
}
}
}