From 9ffd87118e0bd022da89c70fb08013c42b3b8314 Mon Sep 17 00:00:00 2001
From: SamuelQuetin <samquetinuel@gmail.com>
Date: Wed, 28 Aug 2024 09:29:34 +0200
Subject: [PATCH] FIX loading pas assez visible + ajout couleur theme dans le
 spinner de la simu

---
 src/components/Exemp/TypeExemp.vue      | 7 +++++++
 src/components/Modif/TypeTraitement.vue | 8 +++++++-
 src/components/Simulation.vue           | 2 +-
 src/components/Supp/TypeFile.vue        | 9 +++++++++
 4 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/components/Exemp/TypeExemp.vue b/src/components/Exemp/TypeExemp.vue
index 9fb6c50..18b8ebf 100644
--- a/src/components/Exemp/TypeExemp.vue
+++ b/src/components/Exemp/TypeExemp.vue
@@ -5,6 +5,12 @@
       <v-btn depressed variant="text" @click="deleted()" prepend-icon="mdi-delete">Supprimer</v-btn>
     </v-card-title>
     <v-card-text class="pa-0 ma-0">
+      <v-overlay v-if="isLoading" v-model="overlay" class="justify-center align-center" contained>
+        <v-progress-circular
+          color="info"
+          indeterminate
+        ></v-progress-circular>
+      </v-overlay>
       <v-hover v-slot="{ isHovering, props }" v-for="exemp in listExemp" :key="exemp.numTypeExemp">
         <div v-bind="props" :class="`btn-perso elevation-${isHovering ? 6 : 2} pa-5 ma-1 d-flex justify-space-between`" @click="onClick(exemp)">
           <v-row class="align-center">
@@ -27,6 +33,7 @@ const typeExemp = defineModel();
 const emits = defineEmits(['click', 'deleted']);
 const props = defineProps({ isLoading: { type: Boolean } });
 const listExemp = ref([]);
+const overlay = ref(true);
 
 onMounted(() => {
   DemandesService.getTypeExemp()
diff --git a/src/components/Modif/TypeTraitement.vue b/src/components/Modif/TypeTraitement.vue
index 83f815e..8b4a0c3 100644
--- a/src/components/Modif/TypeTraitement.vue
+++ b/src/components/Modif/TypeTraitement.vue
@@ -6,6 +6,12 @@
     </v-card-title>
 
     <v-card-text  class="pa-0 ma-0">
+      <v-overlay v-if="isLoading" v-model="overlay" class="justify-center align-center" contained>
+        <v-progress-circular
+          color="info"
+          indeterminate
+        ></v-progress-circular>
+      </v-overlay>
       <v-hover v-slot="{ isHovering, props }" v-for="traitement in listTraitement" :key="traitement.id">
         <div v-bind="props" :class="`btn-perso elevation-${isHovering ? 6 : 2} pa-5 ma-1 d-flex justify-space-between`" @click="onClick(traitement)">
           <v-row class="align-center">
@@ -28,7 +34,7 @@ const typeTraitement = defineModel();
 const emits = defineEmits(['clicked', 'deleted']);
 const props = defineProps({ isLoading: { type: Boolean } });
 const listTraitement = ref([]);
-
+const overlay = ref(true);
 onMounted(() => {
   DemandesService.getTypeTraitement()
     .then(response => {
diff --git a/src/components/Simulation.vue b/src/components/Simulation.vue
index 22c4476..7e0cad8 100644
--- a/src/components/Simulation.vue
+++ b/src/components/Simulation.vue
@@ -3,7 +3,7 @@
 
   <v-overlay v-model="isLoading" class="justify-center align-center">
     <v-progress-circular
-      color="blue-lighten-3"
+      color="info"
       indeterminate
       :size="128"
       :width="12"
diff --git a/src/components/Supp/TypeFile.vue b/src/components/Supp/TypeFile.vue
index 452a195..2ed7c13 100644
--- a/src/components/Supp/TypeFile.vue
+++ b/src/components/Supp/TypeFile.vue
@@ -5,6 +5,12 @@
       <v-btn depressed variant="text" @click="deleted()" prepend-icon="mdi-delete">Supprimer</v-btn>
     </v-card-title>
     <v-card-text class="pa-0 ma-0">
+      <v-overlay v-if="isLoading" v-model="overlay" class="justify-center align-center" contained>
+        <v-progress-circular
+          color="info"
+          indeterminate
+        ></v-progress-circular>
+      </v-overlay>
       <v-hover v-slot="{ isHovering, props }" v-for="type in types" :key="type">
         <div v-bind="props" :class="`btn-perso elevation-${isHovering ? 6 : 2} pa-5 ma-1 d-flex justify-space-between`" @click="onClick(type)">
           <v-row class="align-center">
@@ -22,6 +28,8 @@
 </template>
 <script setup>
 
+import { ref } from 'vue';
+
 const emits = defineEmits(['clicked','deleted'])
 const props = defineProps({
   isLoading: {
@@ -31,6 +39,7 @@ const props = defineProps({
 })
 const model = defineModel();
 const types = ['PPN','EPN'];
+const overlay = ref(true);
 
 function onClick(type) {
   model.value = type;