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

toggle displaymode from store

Browse Source
This commit is contained in:
Peter Olu 2022-05-06 04:36:14 +01:00
parent 2b926628fc
commit 4b3449b287
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/dashboard/panel/component/TraceDetailsTools.vue
View File

@ -89,7 +89,7 @@
class="grey"
size="small"
:class="{ ghost: displayMode !== 'List' }"
@click="displayMode = 'List'"
@click="changeDisplayMode('List')"
>
<Icon class="mr-5" size="sm" iconName="list-bulleted" />
{{ t("list") }}
@ -98,7 +98,7 @@
class="grey"
size="small"
:class="{ ghost: displayMode !== 'Tree' }"
@click="displayMode = 'Tree'"
@click="changeDisplayMode('Tree')"
>
<Icon class="mr-5" size="sm" iconName="issue-child" />
{{ t("tree") }}
@ -107,7 +107,7 @@
class="grey"
size="small"
:class="{ ghost: displayMode !== 'Table' }"
@click="displayMode = 'Table'"
@click="changeDisplayMode('Table')"
>
<Icon class="mr-5" size="sm" iconName="table" />
{{ t("table") }}
@ -116,7 +116,7 @@
class="grey"
size="small"
:class="{ ghost: displayMode !== 'Statistics' }"
@click="displayMode = 'Statistics'"
@click="changeDisplayMode('Statistics')"
>
<Icon class="mr-5" size="sm" iconName="statistics-bulleted" />
{{ t("statistics") }}
@ -168,7 +168,9 @@ export default defineComponent({
}
copy(copyValue);
}
function changeDisplayMode(mode: string) {
traceStore.displayMode = mode;
}
async function changeTraceId(opt: Option[] | any) {
traceId.value = opt[0].value;
loading.value = true;
@ -200,6 +202,7 @@ export default defineComponent({
}
return {
showTraceList,
changeDisplayMode,
traceStore,
displayMode,
dateFormat,