clean up organization page

lang/form/fr-FR.js

@@ -21,6 +21,8 @@ export default (context, locale) => {
     updateMap: 'Mise à jour de la carte',
     start_your_research: 'Commencer à écrire pour rechercher...',
     no_coordinate_corresponding: 'Aucune coordonnées GPS ne correspondent à votre adresse',
-    quit_without_saving_warning: 'Vous souhaitez quitter ce formulaire sans avoir enregistré'
+    quit_without_saving_warning: 'Vous souhaitez quitter ce formulaire sans avoir enregistré',
+    please_wait: 'Veuillez patienter',
+    download: 'Télécharger'
   })
 }

pages/cmf_licence/organization.vue

@@ -12,14 +12,24 @@
       ref="form"
       lazy-validation
     >
-      <v-btn class="ma-12" @click="submit">{{ $t('generate') }}</v-btn>
+      <div class="ma-12">
+        <v-btn
+          v-if="!pending && fileUrl === null"
+          @click="submit"
+        >
+          {{ $t('generate') }}
+        </v-btn>
+
+        <v-btn
+          v-else
+          color="primary"
+          :loading="pending"
+          :disabled="pending"
+          :href="fileUrl">
+          {{ $t('download') }}
+        </v-btn>
+      </div>
     </v-form>
-    <span v-if="pending">
-      Loading...
-    </span>
-    <span v-if="fileUrl !== null">
-      <a :href="fileUrl">{{ fileUrl }}</a>
-    </span>
   </div>
 </template>
 
@@ -35,9 +45,8 @@ export default defineComponent({
     const { $config } = useContext()
     let pending: Ref<boolean> = ref(false)
     let fileUrl: Ref<string | null> = ref(null)
-    console.log($config.baseUrl_mercure)
-    const submit = async () => {
 
+    const submit = async () => {
       const url = new URL($config.baseUrl_mercure)
       url.searchParams.append('topic', "files")
       // const eventSource = new EventSource(url.toString(), { withCredentials: true });
@@ -49,7 +58,7 @@ export default defineComponent({
         pending.value = false
       }
 
-      const response = await DataPersister.request(
+      await DataPersister.request(
         '/api/export/cmf-licence/organization',
         HTTP_METHOD.POST,
         { type: QUERY_TYPE.DEFAULT, data: { format: 'pdf', async: true } } as DataPersisterArgs