github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-15 09:48:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

all filters toggleable

Browse Source
This commit is contained in:
Peter Olu 2022-05-03 14:52:11 +01:00
parent cc00d6a93e
commit 2c57337257
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/dashboard/related/trace/Filter.vue
View File

@ -15,6 +15,18 @@ limitations under the License. -->
<template> <template>
<div class="flex-h row"> <div class="flex-h row">
<div class="flex-h"> <div class="flex-h">
<el-tooltip
v-if="!activeFilter.length || activeFilter === 'service'"
class="box-item"
effect="dark"
content="Service"
placement="top-start"
>
<el-button @click="setFilter('service')" type="secondary">
<Icon size="sm" iconName="cloud_queue" />
</el-button>
</el-tooltip>
<el-tooltip <el-tooltip
v-if="!activeFilter.length || activeFilter === 'instance'" v-if="!activeFilter.length || activeFilter === 'instance'"
class="box-item" class="box-item"
@ -78,7 +90,9 @@ limitations under the License. -->
<div class="wrap-filters"> <div class="wrap-filters">
<div <div
class="filter my-5" class="filter my-5"
v-if="activeFilter === 'service' && dashboardStore.entity === EntityType[1].value" v-if="
activeFilter === 'service'
"
> >
<span class="grey mr-5">{{ t("service") }}:</span> <span class="grey mr-5">{{ t("service") }}:</span>
<Selector <Selector
@ -135,7 +149,7 @@ limitations under the License. -->
<span class="grey mr-5">-</span> <span class="grey mr-5">-</span>
<el-input size="small" class="inputs" v-model="maxTraceDuration" /> <el-input size="small" class="inputs" v-model="maxTraceDuration" />
</div> </div>
<ConditionTags v-if="tagsActive" :type="'TRACE'" @update="updateTags" /> <ConditionTags v-if="activeFilter === 'tags'" :type="'TRACE'" @update="updateTags" />
<el-button <el-button
v-if="activeFilter" v-if="activeFilter"
class="search-btn" class="search-btn"