rc/aircox
12
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

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,