added spinner and check input

This commit is contained in:
andrea.terzani
2024-11-05 12:32:18 +01:00
parent f71948e888
commit c842ec45e2
7 changed files with 101 additions and 23 deletions

View File

@@ -10,6 +10,7 @@ import { UserPrefStore } from '../stores/UserPrefStore.js';
import { computed, ref, watch } from 'vue';
import { useRoute } from 'vue-router';
import { JellyfishLoader, RiseLoader } from "vue3-spinner";
import AppConfigurator from './AppConfigurator.vue';
import AppProfileMenu from './AppProfileMenu.vue';
@@ -78,10 +79,12 @@ watch(() => userPrefStore.getSelApp, appUpdated, { immediate: true });
<div class="layout-topbar-actions">
<div class="layout-config-menu">
<ProgressSpinner v-if="loadingStore.isLoading" style="width: 25px; height: 25px; margin-top: 6px" strokeWidth="2" fill="transparent"/>
<div v-if="loadingStore.isLoading">
<!--<ProgressSpinner v-if="loadingStore.loadingType=='data'" style="width: 25px; height: 25px; margin-top: 6px" strokeWidth="2" fill="transparent"/>-->
<JellyfishLoader v-if="loadingStore.loadingType=='ai'" scale="0.5" style="width: 25px; height: 10px; margin-right: 25px; margin-top:-5px" />
<RiseLoader v-if="loadingStore.loadingType=='data'" style="scale: 0.5; height: 10px; margin-top:5px"/>
</div>
<button @click="router.push('/mdcanvas')" class="layout-topbar-action" >
<i class="pi pi-pencil"></i>
</button >