filter cleanups

This commit is contained in:
Peter Olu 2022-05-07 15:44:50 +01:00
parent 0bd59412de
commit 61622936f5
2 changed files with 1 additions and 146 deletions

View File

@ -32,54 +32,6 @@ limitations under the License. -->
</el-button>
</el-tooltip>
</div>
<!-- <el-tooltip
class="box-item"
effect="dark"
content="Tags"
placement="bottom-start"
>
<el-button
type="success"
:class="[activeTerms.includes('tags') ? 'active-toggle' : '']"
class="toggle-btn mx-3"
@click="setSearchTerm('tags')"
>
<Icon iconSize="sm" iconName="epic" />
</el-button>
</el-tooltip>
<el-tooltip
class="box-item"
effect="dark"
content="Keywords"
placement="bottom-start"
>
<el-button
type="success"
:class="[activeTerms.includes('keywords') ? 'active-toggle' : '']"
class="toggle-btn mx-3"
@click="setSearchTerm('keywords')"
>
<Icon iconSize="sm" iconName="library_books" />
</el-button>
</el-tooltip>
<el-tooltip
class="box-item"
effect="dark"
content="Exclude keywords"
placement="bottom-start"
>
<el-button
type="success"
:class="[activeTerms.includes('exclude') ? 'active-toggle' : '']"
class="toggle-btn mx-3"
@click="setSearchTerm('exclude')"
>
<Icon iconSize="sm" iconName="issue-child" />
</el-button>
</el-tooltip> -->
</div>
<div class="flex-h row">
<!-- <div

View File

@ -33,103 +33,6 @@ limitations under the License. -->
</el-button>
</el-tooltip>
</div>
<!-- <el-tooltip
v-if="!activeFilter.length || activeFilter === 'service'"
class="box-item"
effect="dark"
content="Service"
placement="top-start"
>
<el-button
type="success"
:class="[queriedFilter === 'service' ? 'active-filter' : '']"
class="filter-btn"
@click="setFilter('service')"
>
<Icon size="sm" iconName="cloud_queue" />
</el-button>
</el-tooltip>
<el-tooltip
v-if="!activeFilter.length || activeFilter === 'instance'"
class="box-item"
effect="dark"
content="Instance"
placement="top-start"
>
<el-button
:class="[queriedFilter === 'instance' ? 'active-filter' : '']"
class="filter-btn"
@click="setFilter('instance')"
>
<Icon size="sm" iconName="storage" />
</el-button>
</el-tooltip>
<el-tooltip
v-if="!activeFilter.length || activeFilter === 'status'"
class="box-item"
effect="dark"
content="Status"
placement="top-start"
>
<el-button
:class="[queriedFilter === 'status' ? 'active-filter' : '']"
class="filter-btn"
@click="setFilter('status')"
>
<Icon size="sm" iconName="device_hub" />
</el-button>
</el-tooltip>
<el-tooltip
v-if="!activeFilter.length || activeFilter === 'duration'"
class="box-item"
effect="dark"
content="Duration"
placement="top-start"
>
<el-button
:class="[queriedFilter === 'duration' ? 'active-filter' : '']"
class="filter-btn"
@click="setFilter('duration')"
>
<Icon size="sm" iconName="av_timer" />
</el-button>
</el-tooltip>
<el-tooltip
v-if="!activeFilter.length || activeFilter === 'traceId'"
class="box-item"
effect="dark"
content="Trace ID"
placement="top-start"
>
<el-button
:class="[queriedFilter === 'traceId' ? 'active-filter' : '']"
class="filter-btn"
@click="setFilter('traceId')"
>
<Icon size="sm" iconName="timeline" />
</el-button>
</el-tooltip>
<el-tooltip
v-if="!activeFilter.length || activeFilter === 'tags'"
class="box-item"
effect="dark"
content="Tags"
placement="top-start"
>
<el-button
:class="[queriedFilter === 'tags' ? 'active-filter' : '']"
class="filter-btn"
@click="setFilter('tags')"
>
<Icon size="sm" iconName="epic" />
</el-button>
</el-tooltip> -->
</div>
<div class="wrap-filters">
<div class="filter" v-if="activeFilter === 'service'">