Add PendingContent to config/metadata forms

spraakbanken · Feb 20, 2024 · 08fb2b4 · 08fb2b4
1 parent 0e2863f
commit 08fb2b4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 13 deletions.
diff --git a/src/corpus/config/CorpusConfiguration.vue b/src/corpus/config/CorpusConfiguration.vue
@@ -90,7 +90,7 @@ async function submit(fields: Form) {
 </script>
 
 <template>
-  <div v-if="config">
+  <PendingContent v-if="config" :on="`corpus/${corpusId}/config`">
     <FormKit
       id="corpus-config"
       v-slot="{ value }"
@@ -175,17 +175,15 @@ async function submit(fields: Form) {
       </LayoutSection>
     </FormKit>
     <div class="flex justify-center">
-      <PendingContent :on="`corpus/${corpusId}`">
-        <RouteButton
-          :to="`/library/corpus/${corpusId}/delete`"
-          class="button-danger"
-        >
-          <icon :icon="['far', 'trash-can']" class="mr-1" />
-          {{ $t("corpus.delete") }}
-        </RouteButton>
-      </PendingContent>
+      <RouteButton
+        :to="`/library/corpus/${corpusId}/delete`"
+        class="button-danger"
+      >
+        <icon :icon="['far', 'trash-can']" class="mr-1" />
+        {{ $t("corpus.delete") }}
+      </RouteButton>
     </div>
-  </div>
+  </PendingContent>
 </template>
 
 <style scoped>

diff --git a/src/corpus/config/CorpusMetadata.vue b/src/corpus/config/CorpusMetadata.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { useRouter } from "vue-router";
+import PendingContent from "@/spin/PendingContent.vue";
 import useCorpusIdParam from "@/corpus/corpusIdParam.composable";
 import LayoutSection from "@/components/LayoutSection.vue";
 import useConfig from "./config.composable";
@@ -31,7 +32,7 @@ async function submit(fields: Form) {
 </script>
 
 <template>
-  <div v-if="config">
+  <PendingContent v-if="config" :on="`corpus/${corpusId}/config`">
     <FormKit
       id="corpus-config"
       type="form"
@@ -88,5 +89,5 @@ async function submit(fields: Form) {
         />
       </LayoutSection>
     </FormKit>
-  </div>
+  </PendingContent>
 </template>