diff --git a/src/views/feature_type/Feature_type_detail.vue b/src/views/feature_type/Feature_type_detail.vue index 1beab1d4ae462542b6390695b535570590d84a6e..d066c264e885239da26e3d8b1ec9483bbe7c9a72 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