fix(local-workspace): tag filter bar + SVG chevron #16
@@ -2597,6 +2597,20 @@ console.log('FLOWDECK v2.4.6 — IIFE done, _wsInitData keys:', Object.keys(wind
|
|||||||
<span class="filter-clear" @click="filterType='', doFilter()">clear filter</span>
|
<span class="filter-clear" @click="filterType='', doFilter()">clear filter</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Tag filter bar -->
|
||||||
|
<div class="tag-filter-bar" x-show="workspaceTags && workspaceTags.length > 0">
|
||||||
|
<span style="font-size:11px;color:var(--text-tertiary);margin-right:4px;">Tags:</span>
|
||||||
|
<template x-for="t in workspaceTags" :key="'tf'+t.id">
|
||||||
|
<button class="tag-chip" :class="{ active: tagFilter === t.name }"
|
||||||
|
:style="{background: t.color}"
|
||||||
|
@click="toggleTagFilter(t.name)">
|
||||||
|
<span x-text="t.name"></span>
|
||||||
|
<span style="font-size:10px;opacity:.7" x-text="'('+t.count+')'"></span>
|
||||||
|
</button>
|
||||||
|
</template>
|
||||||
|
<button x-show="tagFilter" class="tag-chip rm-btn" @click="tagFilter='', doFilter()" style="margin-left:4px;">clear</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Tree -->
|
<!-- Tree -->
|
||||||
<div x-show="viewMode==='tree'" style="display:contents;">
|
<div x-show="viewMode==='tree'" style="display:contents;">
|
||||||
|
|
||||||
@@ -2706,27 +2720,13 @@ console.log('FLOWDECK v2.4.6 — IIFE done, _wsInitData keys:', Object.keys(wind
|
|||||||
<li x-show="displayTree.length > 5 && showAll" style="list-style:none;">
|
<li x-show="displayTree.length > 5 && showAll" style="list-style:none;">
|
||||||
<div class="ws-tree-item ws-more-item" @click="showAll = false" style="padding-left:4px;cursor:pointer;">
|
<div class="ws-tree-item ws-more-item" @click="showAll = false" style="padding-left:4px;cursor:pointer;">
|
||||||
<span style="width:16px;flex-shrink:0;"></span>
|
<span style="width:16px;flex-shrink:0;"></span>
|
||||||
<span class="icon">🔼</span>
|
<span class="icon" style="display:inline-flex;align-items:center;justify-content:center;"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:14px;height:14px;color:var(--text-dim);"><polyline points="18 15 12 9 6 15"/></svg></span>
|
||||||
<span class="name folder" style="color:var(--text-secondary);">Show less</span>
|
<span class="name folder" style="color:var(--text-secondary);">Show less</span>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Tag filter bar -->
|
|
||||||
<div class="tag-filter-bar" x-show="workspaceTags && workspaceTags.length > 0">
|
|
||||||
<span style="font-size:11px;color:var(--text-tertiary);margin-right:4px;">Tags:</span>
|
|
||||||
<template x-for="t in workspaceTags" :key="'tf'+t.id">
|
|
||||||
<button class="tag-chip" :class="{ active: tagFilter === t.name }"
|
|
||||||
:style="{background: t.color}"
|
|
||||||
@click="toggleTagFilter(t.name)">
|
|
||||||
<span x-text="t.name"></span>
|
|
||||||
<span style="font-size:10px;opacity:.7" x-text="'('+t.count+')'"></span>
|
|
||||||
</button>
|
|
||||||
</template>
|
|
||||||
<button x-show="tagFilter" class="tag-chip rm-btn" @click="tagFilter='', doFilter()" style="margin-left:4px;">clear</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Filter table (shown when search/filter/tag is active) -->
|
<!-- Filter table (shown when search/filter/tag is active) -->
|
||||||
<table class="ws-table-enhanced" x-show="(searchQuery || filterType || tagFilter) && filteredTableItems.length > 0">
|
<table class="ws-table-enhanced" x-show="(searchQuery || filterType || tagFilter) && filteredTableItems.length > 0">
|
||||||
<thead><tr>
|
<thead><tr>
|
||||||
|
|||||||
Reference in New Issue
Block a user