hide functions when offline

src/views/feature/Feature_edit.vue

@@ -72,7 +72,7 @@
 
           <!-- Import GeoImage -->
           <div v-frag v-if="feature_type && feature_type.geom_type === 'point'">
-            <p>
+            <p v-if="isOffline()!=true">
               <button
                 @click="showGeoRef = true"
                 id="add-geo-image"
@@ -182,45 +182,48 @@
         </div>
 
         <!-- Pièces jointes -->
-        <div class="ui horizontal divider">PIÈCES JOINTES</div>
-        <div id="formsets-attachment">
-          <FeatureAttachmentForm
-            v-for="form in attachmentFormset"
-            :key="form.dataKey"
-            :attachmentForm="form"
-            ref="attachementForm"
-          />
-        </div>
+        <div v-if="isOffline()!=true">
+          <div class="ui horizontal divider">PIÈCES JOINTES</div>
+          <div v-if="isOffline()!=true" id="formsets-attachment">
+            <FeatureAttachmentForm
+              v-for="form in attachmentFormset"
+              :key="form.dataKey"
+              :attachmentForm="form"
+              ref="attachementForm"
+            />
+          </div>
 
-        <button
-          @click="add_attachement_formset"
-          id="add-attachment"
-          type="button"
-          class="ui compact basic button button-hover-green"
-        >
-          <i class="ui plus icon"></i>Ajouter une pièce jointe
-        </button>
+          <button
+            @click="add_attachement_formset"
+            id="add-attachment"
+            type="button"
+            class="ui compact basic button button-hover-green"
+          >
+            <i class="ui plus icon"></i>Ajouter une pièce jointe
+          </button>
+        </div>
 
         <!-- Signalements liés -->
-        <div class="ui horizontal divider">SIGNALEMENTS LIÉS</div>
-        <div id="formsets-link">
-          <FeatureLinkedForm
-            v-for="form in linkedFormset"
-            :key="form.dataKey"
-            :linkedForm="form"
-            :features="features"
-            ref="linkedForm"
-          />
+        <div v-if="isOffline()!=true">
+          <div class="ui horizontal divider">SIGNALEMENTS LIÉS</div>
+          <div id="formsets-link">
+            <FeatureLinkedForm
+              v-for="form in linkedFormset"
+              :key="form.dataKey"
+              :linkedForm="form"
+              :features="features"
+              ref="linkedForm"
+            />
+          </div>
+          <button
+            @click="add_linked_formset"
+            id="add-link"
+            type="button"
+            class="ui compact basic button button-hover-green"
+          >
+            <i class="ui plus icon"></i>Ajouter une liaison
+          </button>
         </div>
-        <button
-          @click="add_linked_formset"
-          id="add-link"
-          type="button"
-          class="ui compact basic button button-hover-green"
-        >
-          <i class="ui plus icon"></i>Ajouter une liaison
-        </button>
-
         <div class="ui divider"></div>
 
         <button @click="postForm" type="button" class="ui teal icon button">
@@ -428,6 +431,9 @@ export default {
   },
 
   methods: {
+    isOffline(){
+      return navigator.onLine==false;
+    },
     initForm() {
       if (this.currentRouteName === "editer-signalement") {
         for (let key in this.feature) {

src/views/project/Project_detail.vue

@@ -64,7 +64,7 @@
               </div>
               <div class="ui icon right floated compact buttons">
                 <a
-                  v-if="permissions && permissions.can_view_project"
+                  v-if="permissions && permissions.can_view_project && isOffline()!=true"
                   id="subscribe-button"
                   class="ui button button-hover-green"
                   data-tooltip="S'abonner au projet"
@@ -75,7 +75,7 @@
                   <i class="inverted grey envelope icon"></i>
                 </a>
                 <router-link
-                  v-if="permissions && permissions.can_update_project"
+                  v-if="permissions && permissions.can_update_project && isOffline()!=true"
                   :to="{ name: 'project_edit', params: { slug: project.slug } }"
                   class="ui button button-hover-orange"
                   data-tooltip="Modifier le projet"
@@ -166,7 +166,7 @@
                   v-if="
                     project &&
                     permissions &&
-                    permissions.can_create_feature_type
+                    permissions.can_create_feature_type && isOffline()!=true
                   "
                   class="
                     ui
@@ -192,7 +192,7 @@
                     project &&
                     type.is_editable &&
                     permissions &&
-                    permissions.can_create_feature_type
+                    permissions.can_create_feature_type && isOffline()!=true
                   "
                   class="
                     ui
@@ -218,7 +218,7 @@
 
           <div class="nouveau-type-signalement">
             <router-link
-              v-if="permissions && permissions.can_update_project"
+              v-if="permissions && permissions.can_update_project && isOffline()!=true"
               :to="{
                 name: 'ajouter-type-signalement',
                 params: { slug: project.slug },
@@ -230,7 +230,7 @@
           </div>
           <div class="nouveau-type-signalement">
             <a
-              v-if="permissions && permissions.can_update_project"
+              v-if="permissions && permissions.can_update_project && isOffline()!=true"
               class="
                 ui
                 compact