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

showing logs active state

Browse Source
This commit is contained in:
Peter Olu 2022-05-07 12:53:25 +01:00
parent d17939a116
commit 36a86dff1d
1 changed files with 36 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
src/views/dashboard/related/log/Header.vue
View File

@ -14,8 +14,38 @@ See the License for the specific language governing permissions and
limitations under the License. --> limitations under the License. -->
<template> <template>
<div class="flex-h log-wrapper"> <div class="flex-h log-wrapper">
<div v-if="!currentSearchTerm.length" class="flex-h items-center">
<el-button
type="success"
class="toggle-btn mx-3"
@click="setSearchTerm('traceId')"
>
<!-- {{ t("traceID") }} -->
Trace ID
</el-button>
<el-button
type="success"
class="toggle-btn mx-3"
@click="setSearchTerm('tags')"
>
Tags
</el-button>
<el-button
type="success"
class="toggle-btn mx-3"
@click="setSearchTerm('keywords')"
>
Keywords
</el-button>
<el-button
type="success"
class="toggle-btn mx-3"
@click="setSearchTerm('exclude')"
>
Exclude keywords
</el-button>
</div>
<div class="flex-h row"> <div class="flex-h row">
<!-- <h1>{{EntityType[3].value}}</h1> -->
<!-- <div <!-- <div
class="mr-5 flex-h" class="mr-5 flex-h"
v-if="dashboardStore.entity === EntityType[1].value" v-if="dashboardStore.entity === EntityType[1].value"
@ -66,45 +96,14 @@ limitations under the License. -->
<b>{{ t("conditionNotice") }}</b> <b>{{ t("conditionNotice") }}</b>
</div> --> </div> -->
<div class="flex-h items-center"> <div class="flex-h items-center">
<div class="flex-h items-center">
<el-button
type="success"
class="toggle-btn mx-3"
@click="setSearchTerm('traceId')"
>
<!-- {{ t("traceID") }} -->
Trace ID
</el-button>
<el-button
type="success"
class="toggle-btn mx-3"
@click="setSearchTerm('tags')"
>
Tags
</el-button>
<el-button
type="success"
class="toggle-btn mx-3"
@click="setSearchTerm('keywords')"
>
Keywords
</el-button>
<el-button
type="success"
class="toggle-btn mx-3"
@click="setSearchTerm('exclude')"
>
Exclude keywords
</el-button>
</div>
<div class="mr-5 flex-h items-center traceId" v-show="!isBrowser"> <div class="mr-5 flex-h items-center traceId" v-show="!isBrowser">
<div class="flex-h items-center" v-if="currentSearchTerm === 'traceId'"> <div class="flex-h items-center" v-if="currentSearchTerm === 'traceId'">
<span class="grey mr-5">{{ t("traceID") }}:</span> <span class="grey mr-5">{{ t("traceID") }}:</span>
<el-input v-model="traceId" class="inputs-max" size="small" /> <el-input v-model="traceId" class="inputs-max" size="small" />
</div> </div>
</div> </div>
<ConditionTags <ConditionTags
v-if="currentSearchTerm === 'tags'" v-if="currentSearchTerm === 'tags'"
:type="'LOG'" :type="'LOG'"
@ -112,7 +111,7 @@ limitations under the License. -->
/> />
</div> </div>
<div class="flex-h items-center" v-show="!isBrowser"> <div class="flex-h items-center" v-show="!isBrowser">
<div <div
class="mr-5 flex-h items-center" class="mr-5 flex-h items-center"
v-show=" v-show="
@ -173,7 +172,7 @@ limitations under the License. -->
</div> </div>
<!-- Search&cancel buttons --> <!-- Search&cancel buttons -->
<div class="flex-h items-center"> <div v-if="currentSearchTerm.length" class="flex-h items-center">
<el-button <el-button
class="search-btn toggle-btn" class="search-btn toggle-btn"
size="small" size="small"
@ -373,7 +372,7 @@ function setSearchTerm(term: string) {
currentSearchTerm.value = term; currentSearchTerm.value = term;
} }
function cancelSearchTerm() { function cancelSearchTerm() {
currentSearchTerm.value = ''; currentSearchTerm.value = "";
} }
watch( watch(
() => selectorStore.currentService, () => selectorStore.currentService,