add icons, autofill type, restrict multi geometry choice to geojson import &...

add icons, autofill type, restrict multi geometry choice to geojson import & remove unused turf libs

package.json

@@ -16,9 +16,6 @@
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/vue-fontawesome": "^2.0.6",
     "@mapbox/vector-tile": "^1.3.1",
-    "@turf/bbox": "^6.5.0",
-    "@turf/flip": "^6.5.0",
-    "@turf/helpers": "^6.5.0",
     "axios": "^0.21.1",
     "core-js": "^3.20.2",
     "csvtojson": "^2.0.10",

src/components/FeatureType/FeatureTypeLink.vue

@@ -25,6 +25,24 @@
       src="@/assets/img/polygon.png"
       alt="Géométrie polygone"
     >
+    <img
+      v-if="featureType.geom_type === 'multipoint'"
+      class="list-image-type"
+      src="@/assets/img/multimarker.png"
+      alt="Géométrie multipoint"
+    >
+    <img
+      v-if="featureType.geom_type === 'multilinestring'"
+      class="list-image-type"
+      src="@/assets/img/multiline.png"
+      alt="Géométrie multiligne"
+    >
+    <img
+      v-if="featureType.geom_type === 'multipolygon'"
+      class="list-image-type"
+      src="@/assets/img/multipolygon.png"
+      alt="Géométrie multipolygone"
+    >
     {{ featureType.title }}
   </router-link>
 </template>

src/components/Project/Detail/ProjectFeatureTypes.vue

@@ -343,7 +343,7 @@
             class="ui plus icon"
             aria-hidden="true"
           />
-          Créer un nouveau type de signalement à partir du catalogue {{ CATALOG_NAME|| 'IDGO' }}
+          Créer un nouveau type de signalement à partir du catalogue {{ CATALOG_NAME || 'IDGO' }}
         </router-link>
       </div>
     </div>

src/views/FeatureType/FeatureTypeEdit.vue

@@ -173,9 +173,6 @@ export default {
         { value: 'linestring', name: 'Ligne' },
         { value: 'point', name: 'Point' },
         { value: 'polygon', name: 'Polygone' },
-        { value: 'multilinestring', name: 'Multiligne' },
-        { value: 'multipoint', name: 'Multipoint' },
-        { value: 'multipolygon', name: 'Multipolygone' },
       ],
       form: {
         colors_style: {
@@ -362,6 +359,12 @@ export default {
       } else { //* case when the geojson comes from datasud catalog
         this.form.title.value = this.geojson.name;// * use the typename as title by default
       }
+      //* add multiple geometries options available only for geojson (therefore when importing from catalog also)
+      this.geomTypeChoices.push(
+        { value: 'multilinestring', name: 'Multiligne' },
+        { value: 'multipoint', name: 'Multipoint' },
+        { value: 'multipolygon', name: 'Multipolygone' },
+      );
     }
     if (this.csv) {
       this.importCSVFeatureType();
@@ -613,15 +616,6 @@ export default {
       });
     },
 
-    translateLabel(value) {
-      if (value === 'LineString') {
-        return 'linestring';
-      } else if (value === 'Polygon' || value === 'MultiPolygon') {
-        return 'polygon';
-      }
-      return 'point';
-    },
-
     buildCustomForm(properties) {
       for (const [key, val] of Object.entries(properties)) {
         //* check that the property is not a keyword from the backend or map style
@@ -644,7 +638,7 @@ export default {
         //* in order to get feature_type properties, the first feature is enough
         const { properties, geometry } = this.geojson.features[0];
         this.form.title.value = properties.feature_type;
-        this.form.geom_type.value = this.translateLabel(geometry.type);
+        this.form.geom_type.value = geometry.type.toLowerCase();
         this.updateStore(); //* register title & geom_type in store
         this.buildCustomForm(properties);
       }