show number of tag usage
This commit is contained in:
parent
38dc23d57b
commit
22585b92fe
8 changed files with 47 additions and 7 deletions
|
|
@ -15,7 +15,12 @@ in jigsawpuzzles.io
|
|||
<div>
|
||||
<label v-if="tags.length > 0">
|
||||
Tags:
|
||||
<span class="bit" v-for="(t,idx) in tags" :key="idx" @click="toggleTag(t)" :class="{on: filters.tags.includes(t.slug)}">{{t.title}}</span>
|
||||
<span
|
||||
class="bit"
|
||||
v-for="(t,idx) in relevantTags"
|
||||
:key="idx"
|
||||
@click="toggleTag(t)"
|
||||
:class="{on: filters.tags.includes(t.slug)}">{{t.title}} ({{t.total}})</span>
|
||||
<!-- <select v-model="filters.tags" @change="filtersChanged">
|
||||
<option value="">All</option>
|
||||
<option v-for="(c, idx) in tags" :key="idx" :value="c.slug">{{c.title}}</option>
|
||||
|
|
@ -97,6 +102,11 @@ export default defineComponent({
|
|||
async created() {
|
||||
await this.loadImages()
|
||||
},
|
||||
computed: {
|
||||
relevantTags (): Tag[] {
|
||||
return this.tags.filter((tag: Tag) => tag.total > 0)
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
autocompleteTags (input: string, exclude: string[]): string[] {
|
||||
return this.tags
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue