mirror of
https://github.com/apache/skywalking-booster-ui.git
synced 2025-05-15 01:33:54 +00:00
filter cleanups
This commit is contained in:
parent
0bd59412de
commit
61622936f5
@ -30,56 +30,8 @@ limitations under the License. -->
|
|||||||
>
|
>
|
||||||
<Icon iconSize="sm" :iconName="item.iconName" />
|
<Icon iconSize="sm" :iconName="item.iconName" />
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</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>
|
||||||
<div class="flex-h row">
|
<div class="flex-h row">
|
||||||
<!-- <div
|
<!-- <div
|
||||||
|
@ -33,103 +33,6 @@ limitations under the License. -->
|
|||||||
</el-button>
|
</el-button>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</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>
|
||||||
<div class="wrap-filters">
|
<div class="wrap-filters">
|
||||||
<div class="filter" v-if="activeFilter === 'service'">
|
<div class="filter" v-if="activeFilter === 'service'">
|
||||||
|
Loading…
Reference in New Issue
Block a user