Block UI interaction when loading (#263)

This commit is contained in:
Chenlei Hu
2024-07-30 09:56:40 -04:00
committed by GitHub
parent b78682689e
commit 53bfc0c95a

View File

@@ -1,13 +1,15 @@
<template> <template>
<ProgressSpinner v-if="isLoading" class="spinner"></ProgressSpinner> <ProgressSpinner v-if="isLoading" class="spinner"></ProgressSpinner>
<BlockUI full-screen :blocked="isLoading" />
<GraphCanvas /> <GraphCanvas />
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { computed, markRaw, onMounted, watch } from 'vue' import { computed, markRaw, onMounted, watch } from 'vue'
import BlockUI from 'primevue/blockui'
import ProgressSpinner from 'primevue/progressspinner'
import GraphCanvas from '@/components/graph/GraphCanvas.vue' import GraphCanvas from '@/components/graph/GraphCanvas.vue'
import QueueSideBarTab from '@/components/sidebar/tabs/QueueSideBarTab.vue' import QueueSideBarTab from '@/components/sidebar/tabs/QueueSideBarTab.vue'
import ProgressSpinner from 'primevue/progressspinner'
import { app } from './scripts/app' import { app } from './scripts/app'
import { useSettingStore } from './stores/settingStore' import { useSettingStore } from './stores/settingStore'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'