diff --git a/src/views/feature/Feature_detail.vue b/src/views/feature/Feature_detail.vue index 66892238a5562dec20c683ce3a47387cbfd99ce9..66c148a4f66da1a651d6f6f7854fe31ed2c7273d 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 c2abc54a4dd46760520cab3280b28e15948f7ead..ffe089daf4269ad63fa04cffe0cbe3b4ee6beaf6 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;