disable imports when offline

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