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

feat: Implement independent mode for widgets (#221)

Browse Source
This commit is contained in:
Fine0830
2023-02-06 13:38:19 +08:00
committed by GitHub
parent ca38366a60
commit 224053c0f4
16 changed files with 403 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/dashboard/controls/Widget.vue
View File

@@ -26,18 +26,21 @@ limitations under the License. -->
<Icon iconName="info_outline" size="sm" class="operation" v-show="widget.tips" />
</span>
</el-tooltip>
<el-popover placement="bottom" trigger="click" :width="100" v-if="dashboardStore.editMode">
<el-popover placement="bottom" trigger="click" :width="100">
<template #reference>
<span>
<Icon iconName="ellipsis_v" size="middle" class="operation" />
</span>
</template>
<div class="tools" @click="editConfig">
<div class="tools" @click="editConfig" v-if="dashboardStore.editMode">
<span>{{ t("edit") }}</span>
</div>
<div class="tools" @click="removeWidget">
<div class="tools" @click="removeWidget" v-if="dashboardStore.editMode">
<span>{{ t("delete") }}</span>
</div>
<div class="tools" @click="generateLink">
<span>{{ t("generateLink") }}</span>
</div>
</el-popover>
</div>
</div>
@@ -161,6 +164,10 @@ limitations under the License. -->
}
}
}
function generateLink() {
dashboardStore.setWidgetLink(true);
dashboardStore.selectWidget(props.data);
}
watch(
() => [props.data.metricTypes, props.data.metrics],
() => {
@@ -227,6 +234,7 @@ limitations under the License. -->
state,
appStore,
removeWidget,
generateLink,
editConfig,
data,
loading,