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

feat: implement owner option for TopList widgets in related trace options (#426)

Browse Source
This commit is contained in:
Fine0830 2024-11-07 10:31:06 +08:00 committed by GitHub
parent 14fa5d65b6
commit aeddb39637
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/dashboard/configuration/widget/RelatedTraceOptions.vue
View File

@ -81,7 +81,7 @@ limitations under the License. -->
const latency = ref<boolean>(traceOpt.latency || false);
const enableRelate = ref<boolean>(traceOpt.enableRelate || false);
const type = ref<string>((graph && graph.type) || "");
const refIdType = ref<string>(traceOpt.refIdType || "traceId");
const refIdType = ref<string>(traceOpt.refIdType || "");
function updateConfig(param: { [key: string]: unknown }) {
const relatedTrace = {

3
src/views/dashboard/data.ts
View File

@ -266,8 +266,9 @@ export const TextColors: { [key: string]: string } = {
};
export const RefIdTypes = [
{ label: "Trace ID", value: "traceId" },
{ label: "None", value: "none" },
{ label: "Trace ID", value: "traceId" },
{ label: "Owner", value: "owner" },
];
export const RefreshOptions = [
{ label: "Last 30 minutes", value: "30", step: "MINUTE" },

9
src/views/dashboard/graphs/TopList.vue
View File

@ -32,7 +32,7 @@ limitations under the License. -->
<div class="operation" @click="handleClick(i.name)">
<span>{{ t("copy") }}</span>
</div>
<div class="operation" @click="viewTrace(i)" v-show="refIdType === RefIdTypes[0].value">
<div class="operation" @click="viewTrace(i)" v-show="![RefIdTypes[0].value].includes(refIdType)">
<span>{{ t("viewTrace") }}</span>
</div>
<div class="operation" @click="viewDashboard(i)">
@ -75,7 +75,7 @@ limitations under the License. -->
const props = defineProps({
data: {
type: Object as PropType<{
[key: string]: { name: string; value: number; refId: string }[];
[key: string]: { name: string; value: number; refId: string; owner: object }[];
}>,
default: () => ({}),
},
@ -114,14 +114,15 @@ limitations under the License. -->
function handleClick(i: string) {
copy(i);
}
function viewTrace(item: { name: string; refId: string; value: unknown }) {
function viewTrace(item: { name: string; refId: string; value: unknown; owner: object }) {
const filters = {
...item,
queryOrder: QueryOrders[1].value,
status: Status[2].value,
id: item.refId,
id: refIdType.value === RefIdTypes[1].value ? item.refId : undefined,
metricValue: [{ label: props.config.expressions[0], data: item.value, value: item.name }],
isReadRecords: props.config.typesOfMQE.includes(ExpressionResultType.RECORD_LIST) || undefined,
owner: refIdType.value === RefIdTypes[2].value ? item.owner : null,
};
traceOptions.value = {
...traceOptions.value,

13
src/views/dashboard/related/trace/Header.vue
View File

@ -133,12 +133,15 @@ limitations under the License. -->
}
conditions.value = (items.value[0] && items.value[0].label) || "";
if (!filters.id) {
state.service = selectorStore.currentService.id;
if (dashboardStore.entity === EntityType[2].value) {
state.endpoint = selectorStore.currentPod.id;
if (!filters.owner) {
return;
}
if (dashboardStore.entity === EntityType[3].value) {
state.instance = selectorStore.currentPod.id;
state.service = filters.owner.serviceID;
if (filters.owner.scope === EntityType[2].value) {
state.endpoint = filters.owner.endpointID;
}
if (filters.owner?.scope === EntityType[3].value) {
state.instance = filters.owner.serviceInstanceID;
}
await queryTraces();
return;