From 088465534c46f9e664b87997991c66a748985158 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Timoth=C3=A9e=20Poussard?= <tpoussard@neogeo.fr> Date: Tue, 1 Mar 2022 11:01:40 +0100 Subject: [PATCH] add feature_type link in feature_details --- src/views/feature/Feature_detail.vue | 45 ++++++++++++++++++++++++++++ src/views/project/Project_detail.vue | 2 +- 2 files changed, 46 insertions(+), 1 deletion(-) diff --git a/src/views/feature/Feature_detail.vue b/src/views/feature/Feature_detail.vue index 66892238..66c148a4 100644 --- a/src/views/feature/Feature_detail.vue +++ b/src/views/feature/Feature_detail.vue @@ -63,6 +63,37 @@ <div class="seven wide column"> <table class="ui very basic table"> <tbody> + <tr v-if="feature_type"> + <td> + <b> Type de signalement </b> + </td> + <td> + <router-link + :to="{ + name: 'details-type-signalement', + params: { feature_type_slug: feature_type.slug }, + }" + class="feature-type-title" + > + <img + v-if="feature_type.geom_type === 'point'" + class="list-image-type" + src="@/assets/img/marker.png" + > + <img + v-if="feature_type.geom_type === 'linestring'" + class="list-image-type" + src="@/assets/img/line.png" + > + <img + v-if="feature_type.geom_type === 'polygon'" + class="list-image-type" + src="@/assets/img/polygon.png" + > + {{ feature_type.title }} + </router-link> + </td> + </tr> <div v-for="(field, index) in feature.feature_data" :key="'field' + index" @@ -445,6 +476,9 @@ export default { 'linked_features', 'statusChoices' ]), + ...mapGetters('feature_type', [ + 'feature_type', + ]), DJANGO_BASE_URL() { return this.$store.state.configuration.VUE_APP_DJANGO_BASE; }, @@ -790,4 +824,15 @@ export default { .prewrap { white-space: pre-wrap; } +.feature-type-title { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: 1.5em; +} +.list-image-type { + margin-right: 5px; + height: 25px; + vertical-align: bottom; + } </style> \ No newline at end of file diff --git a/src/views/project/Project_detail.vue b/src/views/project/Project_detail.vue index c2abc54a..ffe089da 100644 --- a/src/views/project/Project_detail.vue +++ b/src/views/project/Project_detail.vue @@ -1263,7 +1263,7 @@ export default { margin-right: 5px; height: 25px; vertical-align: bottom; - } +} .feature-type-container { display: flex; justify-content: space-between; -- GitLab