Merge pull request #112 from abes-esr/fix-loading-pas-assez-visible

FIX loading pas assez visible + ajout couleur theme dans le spinner d…
abes-esr · Aug 28, 2024 · 59cbc67 · 59cbc67
2 parents 3befdbc + 9ffd871
commit 59cbc67
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;