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

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