Merge branch 'redmine-issues/13575' into 'develop'

REDMINE_ISSUE-13575|Mode déconnecté - Désactiver les filtres dans la page liste et carte

See merge request !467

src/components/Project/FeaturesListAndMap/FeatureListTable.vue

 <template>
   <div>
     <div class="table-mobile-buttons left-align">
-      <FeatureListMassToggle />
+      <FeatureListMassToggle v-if="isOnline" />
     </div>
     <div
       data-tab="list"
@@ -15,6 +15,7 @@
         <thead>
           <tr>
             <th
+              v-if="isOnline"
               scope="col"
               class="dt-center"
             >
@@ -26,7 +27,7 @@
               class="dt-center"
             >
               <div
-                class="pointer"
+                :class="isOnline ? 'pointer' : 'disabled'"
                 @click="changeSort('status')"
               >
                 Statut
@@ -45,7 +46,7 @@
               class="dt-center"
             >
               <div
-                class="pointer"
+                :class="isOnline ? 'pointer' : 'disabled'"
                 @click="changeSort('feature_type')"
               >
                 Type
@@ -64,7 +65,7 @@
               class="dt-center"
             >
               <div
-                class="pointer"
+                :class="isOnline ? 'pointer' : 'disabled'"
                 @click="changeSort('title')"
               >
                 Nom
@@ -83,7 +84,7 @@
               class="dt-center"
             >
               <div
-                class="pointer"
+                :class="isOnline ? 'pointer' : 'disabled'"
                 @click="changeSort('updated_on')"
               >
                 Dernière modification
@@ -103,7 +104,7 @@
               class="dt-center"
             >
               <div
-                class="pointer"
+                :class="isOnline ? 'pointer' : 'disabled'"
                 @click="changeSort('display_creator')"
               >
                 Auteur
@@ -123,7 +124,7 @@
               class="dt-center"
             >
               <div
-                class="pointer"
+                :class="isOnline ? 'pointer' : 'disabled'"
                 @click="changeSort('display_last_editor')"
               >
                 Dernier éditeur
@@ -144,7 +145,10 @@
             v-for="(feature, index) in paginatedFeatures"
             :key="index"
           >
-            <td class="dt-center">
+            <td
+              v-if="isOnline"
+              class="dt-center"
+            >
               <div
                 :class="['ui checkbox', {disabled: !checkRights(feature)}]"
               >
@@ -268,7 +272,7 @@
         sur {{ featuresCount }} éléments
       </div>
       <div
-        v-if="pageNumbers.length > 1"
+        v-if="pageNumbers.length > 1 && isOnline"
         id="table-features_paginate"
         class="dataTables_paginate paging_simple_numbers"
       >
@@ -386,7 +390,11 @@ export default {
 
   computed: {
     ...mapGetters(['permissions']),
-    ...mapState(['user', 'USER_LEVEL_PROJECTS']),
+    ...mapState([
+      'user',
+      'USER_LEVEL_PROJECTS',
+      'isOnline'
+    ]),
     ...mapState('projects', ['project']),
     ...mapState('feature', ['clickedFeatures', 'massMode']),
 
@@ -501,6 +509,7 @@ export default {
     },
 
     changeSort(column) {
+      if (!this.isOnline) return;
       if (this.sort.column === column) {
         //changer only order
         this.$emit('update:sort', {
@@ -616,6 +625,11 @@ i.icon.sort:not(.down):not(.up) {
 .table-mobile-buttons {
   margin-bottom: 1em;
 }
+
+#table-features .disabled {
+  opacity: .5;
+}
+
 @media only screen and (min-width: 761px) {
   .table-mobile-buttons {
     display: none !important;

src/components/Project/FeaturesListAndMap/FeaturesListAndMapFilters.vue

@@ -86,7 +86,7 @@
               </div>
             </div>
             <div
-              v-if="checkedFeatures.length > 0 && massMode === 'modify'"
+              v-if="checkedFeatures.length > 0 && massMode === 'modify' && isOnline"
               class="ui dropdown button compact button-hover-green tiny-margin-left"
               data-tooltip="Modifier le statut des Signalements"
               data-position="bottom right"
@@ -117,7 +117,7 @@
               </div>
             </div>
             <div
-              v-if="checkedFeatures.length > 0 && massMode === 'delete'"
+              v-if="checkedFeatures.length > 0 && massMode === 'delete' && isOnline"
               class="ui button compact button-hover-red tiny-margin-left"
               data-tooltip="Supprimer tous les signalements sélectionnés"
               data-position="bottom right"
@@ -138,7 +138,7 @@
     >
       <div
         id="type"
-        class="field column"
+        :class="['field column', { 'disabled': !isOnline }]"
       >
         <label>Type</label>
         <Dropdown
@@ -151,7 +151,7 @@
       </div>
       <div
         id="statut"
-        class="field column"
+        :class="['field column', { 'disabled': !isOnline }]"
       >
         <label>Statut</label>
         <!--  //* giving an object mapped on key name -->
@@ -165,7 +165,7 @@
       </div>
       <div
         id="name"
-        class="field column"
+        :class="['field column', { 'disabled': !isOnline }]"
       >
         <label>Nom</label>
         <div class="ui icon input">
@@ -260,7 +260,8 @@ export default {
   computed: {
     ...mapState([
       'user',
-      'USER_LEVEL_PROJECTS'
+      'USER_LEVEL_PROJECTS',
+      'isOnline'
     ]),
     ...mapState('feature', [
       'checkedFeatures',

src/views/Project/FeaturesListAndMap.vue

@@ -14,7 +14,7 @@
       />
 
       <div
-        :class="['ui tab active map-container', {visible: showMap}]"
+        :class="['ui tab active map-container', { 'visible': showMap }]"
         data-tab="map"
       >
         <div