mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-06-30 18:39:28 +00:00
SimonGschnell
42 lines
1.1 KiB
JavaScript
Executable File
42 lines
1.1 KiB
JavaScript
Executable File
export default {
|
|
inject: [
|
|
'eventsAreNull',
|
|
'size',
|
|
'classHeader'
|
|
],
|
|
props: {
|
|
title: String
|
|
},
|
|
emits: [
|
|
'prev',
|
|
'next',
|
|
'click'
|
|
],
|
|
computed: {
|
|
myClassHeader() {
|
|
// TODO(chris): + {'btn-sm': !this.size}
|
|
let c = this.classHeader;
|
|
if (Array.isArray(c)) {
|
|
if (!this.size)
|
|
c.push('btn-sm');
|
|
} else if (typeof c === 'string' || c instanceof String) {
|
|
if (!this.size)
|
|
c += ' btn-sm';
|
|
} else {
|
|
c['btn-sm'] = !this.size;
|
|
}
|
|
|
|
return c;
|
|
}
|
|
},
|
|
template: `
|
|
<div class="calendar-header card-header btn-group w-100" :class="classHeader">
|
|
<button class="btn btn-outline-secondary border-0 flex-grow-0" :class="{'btn-sm':!this.size}" @click="$emit('prev')"><i class="fa fa-chevron-left"></i></button>
|
|
<button class="btn btn-link link-secondary text-decoration-none" :class="{'btn-sm': !this.size}" @click="$emit('click')">
|
|
{{ title }}
|
|
<i v-if="eventsAreNull" class="fa fa-spinner fa-pulse"></i>
|
|
</button>
|
|
<button class="btn btn-outline-secondary border-0 flex-grow-0" :class="{'btn-sm': !this.size}" @click="$emit('next')"><i class="fa fa-chevron-right"></i></button>
|
|
</div>`
|
|
}
|