feat: handle size quota

.env.example

@@ -0,0 +1 @@
+VUE_APP_BASE_URL=https://associations.espacecondorcet.org

src/components/GlobalSnackbar.vue

@@ -6,7 +6,7 @@
       :vertical="$vuetify.breakpoint.mobile"
       :multi-line="$vuetify.breakpoint.mobile"
       v-model="$store.state.alert.enabled"
-      :timeout="2500"
+      :timeout="3500"
     >
       {{ $store.state.alert.text }}
 

src/layouts/Delegate.vue

@@ -306,6 +306,11 @@ export default {
       } else {
         inUrl = true
       }
+      
+      // get the size
+      // this.$apitator.get('/delegate/size', { withAuth: true }).then(res => {
+      //   console.log(res.data.data)
+      // })
 
       this.$apitator.setAuthorizationToken(delegateToken)
       // verify the token
@@ -388,12 +393,23 @@ export default {
           }
           resolve()
         }).catch(err => {
-          console.log(err.data)
+          console.log(err.response)
+          if (err.response != null) {
+            console.log(err.response.data)
+            console.log(err.response.code)
+          }
           this.isSaving = false
-          this.$store.commit('ADD_ALERT', {
+          if (err.response != null && err.response.status === 413) {
-            color: 'error',
+            this.$store.commit('ADD_ALERT', {
-            text: 'Impossible de sauvegarder vos changements'
+              color: 'error',
-          })
+              text: 'Le contenu renseigné est trop grand, vous devez le réduire'
+            })
+          } else {
+            this.$store.commit('ADD_ALERT', {
+              color: 'error',
+              text: 'Impossible de sauvegarder vos changements'
+            })
+          }
           reject(err)
         })
       })

src/views/Admin/OrganizationList.vue

@@ -118,7 +118,7 @@
           </v-chip>
         </template>
         <template v-slot:item.actions="{ item }">
-          <v-tooltip top v-if="item.validationState === 'published' || item.validationState === 'rejected'">
+          <v-tooltip top v-if="item.publishedAt != null">
             <template v-slot:activator="{ on, attrs }">
               <v-btn icon small color="success">
                 <v-icon

src/views/Delegate/Gallery.vue

@@ -241,12 +241,20 @@ export default {
           color: 'success',
           text: 'Couverture mise à jour !'
         })
-      }).catch(() => {
+      }).catch(err => {
-        this.$store.commit('ADD_ALERT', {
+        console.log(err)
-          color: 'error',
-          text: 'Impossible de mettre à jour la couverture'
-        })
         this.coverLoading = false
+        if (err.response != null && err.response.status === 413) {
+          this.$store.commit('ADD_ALERT', {
+            color: 'error',
+            text: 'Vous avez atteint votre quota concernant la taille des fichiers téléversés'
+          })
+        } else {
+          this.$store.commit('ADD_ALERT', {
+            color: 'error',
+            text: 'Impossible de mettre à jour la couverture'
+          })
+        }
       })
     },
     loadFile (file) {
@@ -288,14 +296,25 @@ export default {
           this.uploadLoading = false
           this.addMediaModal = false
           this.files = []
-        }).catch(() => {
+        }).catch(err => {
-          this.coverLoading = false
+          console.log(err)
-          this.$store.commit('ADD_ALERT', {
+
-            color: 'error',
+          this.uploadLoading = false
-            text: 'Impossible de téleverser ces fichiers'
+          if (err.response != null && err.response.status === 413) {
-          })
+            this.$store.commit('ADD_ALERT', {
+              color: 'error',
+              text: 'Vous avez atteint votre quota concernant la taille des fichiers téléversés'
+            })
+          } else {
+            this.$store.commit('ADD_ALERT', {
+              color: 'error',
+              text: 'Impossible de téleverser ces fichiers'
+            })
+          }
         })
-      }).catch(() => {
+      }).catch(err => {
+        console.log(err)
+        this.coverLoading = false
         this.$store.commit('ADD_ALERT', {
           color: 'error',
           text: 'Erreur de chargement des fichiers'

src/views/Delegate/Main.vue

@@ -149,12 +149,20 @@ export default {
           color: 'success',
           text: 'Logo mis à jour !'
         })
-      }).catch(() => {
+      }).catch(err => {
+        console.log(err)
         this.logoLoading = false
-        this.$store.commit('ADD_ALERT', {
+        if (err.response != null && err.response.status === 413) {
-          color: 'error',
+          this.$store.commit('ADD_ALERT', {
-          text: 'Impossible de mettre à jour le logo'
+            color: 'error',
-        })
+            text: 'Vous avez atteint votre quota concernant la taille des fichiers téléversés'
+          })
+        } else {
+          this.$store.commit('ADD_ALERT', {
+            color: 'error',
+            text: 'Impossible de mettre à jour le logo'
+          })
+        }
       })
     }
   }