From 08fb2b48c7e0a783dc2ce44cd0591395c14e5f2d Mon Sep 17 00:00:00 2001
From: Arild Matsson <arild.matsson@gu.se>
Date: Tue, 20 Feb 2024 19:05:59 +0100
Subject: [PATCH] Add PendingContent to config/metadata forms

---
 src/corpus/config/CorpusConfiguration.vue | 20 +++++++++-----------
 src/corpus/config/CorpusMetadata.vue      |  5 +++--
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/corpus/config/CorpusConfiguration.vue b/src/corpus/config/CorpusConfiguration.vue
index 83618fa..d8cd56c 100644
--- 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
index a580230..79560fa 100644
--- 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>