@mixd-id/web-scaffold 0.1.230406343 → 0.1.230406344

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406343",
+  "version": "0.1.230406344",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/widgets/Dashboard.vue

@@ -646,7 +646,11 @@
            @mousedown="(e) => $util.dragResize(e, resize1)"></div>
     </div>
 
-    <div v-if="viewedPreset" class="flex-1 px-8 py-5 overflow-y-auto flex flex-col gap-6">
+    <div v-if="readyState === 0" class="flex-1 flex items-center justify-center">
+      <svg class="animate-spin aspect-square w-[64px] h-[64px]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>
+    </div>
+
+    <div v-else-if="viewedPreset" class="flex-1 px-8 py-5 overflow-y-auto flex flex-col gap-6">
 
       <div class="flex flex-row gap-2 md:gap-2 items-center" ref="title">
         <button type="button"
@@ -718,6 +722,7 @@
     <DatasourcePreview ref="datasourcePreview" :src="previewSrc" />
 
   </div>
+  <div v-else>{{ $t('Loading...') }}</div>
 </template>
 
 <script>
@@ -939,6 +944,8 @@ export default{
 
       previewData: null,
 
+      readyState: 0,
+
       selectedViewUid: null,
 
       viewTypes: [
@@ -1210,6 +1217,7 @@ export default{
       this.socket.send(this.src, { views })
           .then(_ => {
             Object.assign(this.values, _)
+            this.readyState = 1
           })
     },