mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-07-22 17:32:18 +00:00
30 lines
575 B
JavaScript
30 lines
575 B
JavaScript
export default {
|
|
inject: [
|
|
'focusDate'
|
|
],
|
|
props: {
|
|
start: Number,
|
|
end: Number
|
|
},
|
|
emits: [
|
|
'updateMode'
|
|
],
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
computed: {
|
|
years() {
|
|
return [...Array(this.end - this.start).keys()].map(i => i + this.start);
|
|
}
|
|
},
|
|
template: `
|
|
<div class="fhc-calendar-years-page d-flex flex-wrap">
|
|
<div v-for="year in years" :key="year" class="d-grid col-4">
|
|
<button class="btn btn-outline-secondary" :class="{'border-0': year != focusDate.y}" @click="focusDate.y = year; $emit('updateMode')">
|
|
{{year}}
|
|
</button>
|
|
</div>
|
|
</div>`
|
|
}
|