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

feat: support collapsing and expanding for the event widget (#503)

Browse Source
This commit is contained in:
Fine0830
2025-10-10 15:35:48 +08:00
committed by GitHub
parent 51817f32de
commit 4bf57ec7c5
13 changed files with 133 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/dashboard/configuration/Event.vue
View File

@@ -15,6 +15,10 @@ limitations under the License. -->
<div class="config-label flex-h mr-20">{{ t("enableAssociate") }}</div>
<el-switch v-model="eventAssociate" active-text="Yes" inactive-text="No" @change="updateConfig" />
</div>
<div class="config-item flex-h">
<div class="config-label flex-h mr-20">{{ t("eventDefaultCollapse") }}</div>
<el-switch v-model="eventDefaultCollapse" active-text="Yes" inactive-text="No" @change="updateConfig" />
</div>
<ConfigurationFooter />
</template>
<script lang="ts" setup>
@@ -28,10 +32,19 @@ limitations under the License. -->
const { t } = useI18n();
const dashboardStore = useDashboardStore();
const eventAssociate = ref(dashboardStore.selectedGrid?.eventAssociate || false);
const eventDefaultCollapse = ref(
dashboardStore.selectedGrid?.eventDefaultCollapse === undefined
? true
: dashboardStore.selectedGrid?.eventDefaultCollapse,
);
function updateConfig() {
const { selectedGrid } = dashboardStore;
dashboardStore.selectWidget({ ...selectedGrid, eventAssociate: eventAssociate.value } as LayoutConfig);
dashboardStore.selectWidget({
...selectedGrid,
eventAssociate: eventAssociate.value,
eventDefaultCollapse: eventDefaultCollapse.value,
} as LayoutConfig);
}
</script>