Add skeleton loading for module configuration form

NethServer · Dec 13, 2023 · 236fc05 · 236fc05
1 parent 71e6b74
commit 236fc05
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/ui/src/views/Settings.vue b/ui/src/views/Settings.vue
@@ -22,7 +22,14 @@
     <cv-row>
       <cv-column>
         <cv-tile light>
-          <cv-form @submit.prevent="configureModule">
+          <cv-skeleton-text
+            v-if="loading.getConfiguration || loading.configureModule"
+            heading
+            paragraph
+            :line-count="15"
+            width="80%"
+          ></cv-skeleton-text>
+          <cv-form v-else @submit.prevent="configureModule">
             <cv-text-input
               :label="$t('settings.roundcubemail_fqdn')"
               placeholder="roundcubemail.example.org"