imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Issue #112: Done.

Browse Source
This commit is contained in:
chiayin
2023-10-13 18:33:49 +08:00
parent cf3d799ed7
commit e751aed3eb
1 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/Discover/Map/SidebarFilter.vue
View File

@@ -13,21 +13,21 @@
<div> <div>
<p class="h2">Filter Type</p> <p class="h2">Filter Type</p>
<div v-for="(item, index) in selectFilter['Filter Type']" :key="index"> <div v-for="(item, index) in selectFilter['Filter Type']" :key="index">
<RadioButton v-model="selectValue[0]" :inputId="item + index" name="Filter Type" :value="item" class="mb-1 mr-2"/> <RadioButton v-model="selectValue[0]" :inputId="item + index" name="Filter Type" :value="item" class="mb-1 mr-2" @change="radioFilterType"/>
<label :for="item + index">{{ item }}</label> <label :for="item + index">{{ item }}</label>
</div> </div>
</div> </div>
<div v-show="selectValue[0] === 'Sequence'"> <div v-show="selectValue[0] === 'Sequence'">
<p class="h2">Activity Sequence</p> <p class="h2">Activity Sequence</p>
<div v-for="(item, index) in selectFilter['Activity Sequence']" :key="index"> <div v-for="(item, index) in selectFilter['Activity Sequence']" :key="index">
<RadioButton v-model="selectValue[1]" :inputId="item + index" name="Activity Sequence" :value="item" class="mb-1 mr-2"/> <RadioButton v-model="selectValue[1]" :inputId="item + index" name="Activity Sequence" :value="item" class="mb-1 mr-2" @change="radioActSeq"/>
<label :for="item + index">{{ item }}</label> <label :for="item + index">{{ item }}</label>
</div> </div>
</div> </div>
<div v-show="selectValue[0] === 'Sequence' && selectValue[1] === 'Start & End'"> <div v-show="selectValue[0] === 'Sequence' && selectValue[1] === 'Start & End'">
<p class="h2">Start & End</p> <p class="h2">Start & End</p>
<div v-for="(item, index) in selectFilter['Start & End']" :key="index"> <div v-for="(item, index) in selectFilter['Start & End']" :key="index">
<RadioButton v-model="selectValue[2]" :inputId="item + index" name="Start & End" :value="item" class="mb-1 mr-2"/> <RadioButton v-model="selectValue[2]" :inputId="item + index" name="Start & End" :value="item" class="mb-1 mr-2" @change="radioStartAndEnd"/>
<label :for="item + index">{{ item }}</label> <label :for="item + index">{{ item }}</label>
</div> </div>
</div> </div>
@@ -62,7 +62,6 @@
</div> </div>
<!-- Fiter content --> <!-- Fiter content -->
<div class="w-[calc(100%_-_208px)] h-full"> <div class="w-[calc(100%_-_208px)] h-full">
<!-- Filter titles --> <!-- Filter titles -->
<div class="space-y-2 w-full h-[calc(100%_-_48px)]"> <div class="space-y-2 w-full h-[calc(100%_-_48px)]">
<!-- title: Activity Select --> <!-- title: Activity Select -->
@@ -232,6 +231,24 @@ export default {
} }
}, },
methods: { methods: {
/**
* Change Radio Filter Type
*/
radioFilterType() {
this.reset();
},
/**
* Change Radio Act Seq
*/
radioActSeq() {
this.reset();
},
/**
* Change Radio Start And End
*/
radioStartAndEnd() {
this.reset();
},
/** /**
* @param {string} switch Summary or Insight * @param {string} switch Summary or Insight
*/ */