From 9e584734eabf5d4a50a8d40e6aa00bde218ebc06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Timoth=C3=A9e=20Poussard?= <tpoussard@neogeo.fr>
Date: Thu, 3 Mar 2022 12:41:35 +0100
Subject: [PATCH] disable imports when offline

---
 .../feature_type/Feature_type_detail.vue      | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/views/feature_type/Feature_type_detail.vue b/src/views/feature_type/Feature_type_detail.vue
index 1beab1d4..d066c264 100644
--- a/src/views/feature_type/Feature_type_detail.vue
+++ b/src/views/feature_type/Feature_type_detail.vue
@@ -71,13 +71,13 @@
           class="ui styled accordion"
         >
           <div
-            :class="['title', { active: showImport }]"
+            :class="['title', { active: showImport && isOnline, nohover: !isOnline }]"
             @click="toggleShowImport"
           >
             <i class="dropdown icon" />
             Importer des signalements
           </div>
-          <div :class="['content', { active: showImport }]">
+          <div :class="['content', { active: showImport && isOnline }]">
             <div
               id="form-import-features"
               class="ui form"
@@ -120,7 +120,7 @@
               </router-link>
               <div
                 v-if="$route.params.geojson"
-                class="ui button import-catalog basic active teal no-hover"
+                class="ui button import-catalog basic active teal nohover"
               >
                 Ressource {{ $route.params.geojson.name }}
               </div>
@@ -149,13 +149,13 @@
         </div>
         <div class="ui styled accordion">
           <div
-            :class="['title', { active: !showImport }]"
+            :class="['title', { active: !showImport && isOnline, nohover: !isOnline }]"
             @click="toggleShowImport"
           >
             <i class="dropdown icon" />
             Exporter les signalements
           </div>
-          <div :class="['content', { active: !showImport }]">
+          <div :class="['content', { active: !showImport && isOnline}]">
             <p>
               Vous pouvez télécharger tous les signalements qui vous sont
               accessibles.
@@ -332,7 +332,7 @@ export default {
 
   computed: {
     ...mapGetters([
-      'permissions'
+      'permissions',
     ]),
     ...mapGetters('projects', [
       'project'
@@ -340,6 +340,7 @@ export default {
     ...mapState([
       'reloadIntervalId',
       'configuration',
+      'isOnline',
     ]),
     ...mapState('projects', [
       'project'
@@ -591,7 +592,11 @@ export default {
   margin-bottom: 1em;
 }
 
-.no-hover {
+.nohover, .nohover:hover {
   cursor: default;
 }
+
+.ui.styled.accordion .nohover.title:hover {
+  color: rgba(0, 0, 0, .4);
+}
 </style>
\ No newline at end of file
-- 
GitLab