rc/aircox
13
1
Fork 1
Code Issues 15 Pull Requests Projects Releases Wiki Activity

feat: work on date menu

Browse Source
This commit is contained in:
bkfox
2023-11-02 21:54:15 +01:00
parent ab231e9a89
commit 87a2ee5a45
30 changed files with 5302 additions and 4116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
assets/src/components/ACarousel.vue
View File

@ -1,23 +0,0 @@
<template>
<carousel :items-to-show="1.5">
<slot></slot>
<template #addons>
<navigation />
<pagination />
</template>
</carousel>
</template>
<script>
// If you are using PurgeCSS, make sure to whitelist the carousel CSS classes
import 'vue3-carousel/dist/carousel.css'
import { Carousel, Pagination, Navigation } from 'vue3-carousel'
export default {
components: {
Carousel,
Pagination,
Navigation,
},
}
</script>

32
assets/src/components/ADropdown.vue
View File

@ -1,24 +1,18 @@
<template>
<div>
<div :class="['a-dropdown', itemClass, active ? activeClass : '']"
style="display: flex; flex-direction: row"
@click="noButton && toggle()">
<div style="flex:auto">
<slot name="item"></slot>
</div>
<slot name="button">
<span :class="[buttonClass]" style="flex-grow:0" @click="toggle()">
<span class="icon">
<i v-if="!active" :class="buttonIconOpen"></i>
<i v-if="active" :class="buttonIconClose"></i>
</span>
<component :is="tag" :class="[itemClass, active ? activeClass : '']">
<slot name="before-button"></slot>
<slot name="button" :toggle="toggle" :active="active">
<button :class="[buttonClass]" @click="toggle()">
<span class="icon">
<i v-if="!active" :class="buttonIconOpen"></i>
<i v-if="active" :class="buttonIconClose"></i>
</span>
</slot>
</div>
<div :class="contentClass" v-if="active">
</button>
</slot>
<div :class="contentClass" v-show="active">
<slot></slot>
</div>
</div>
</component>
</template>
<script>
export default {
@ -29,9 +23,9 @@ export default {
},
props: {
itemClass: String,
tag: {type: String, default: "div"},
activeClass: {type: String, default: "is-active"},
buttonClass: String,
buttonClass: {type: String, default: "button"},
buttonIconOpen: { type: String, default:"fa fa-angle-down"},
buttonIconClose: { type: String, default:"fa fa-angle-up"},
contentClass: String,