Feature_edit.vue

    },

    getLinkedFeatures() {
      featureAPI
        .getFeatureLinks(this.$route.params.slug_signal)
        .then((data) => this.addExistingLinkedFormset(data));
    },
  },

  created() {
    this.$store.commit(
      "feature_type/SET_CURRENT_FEATURE_TYPE_SLUG",
      this.$route.params.slug_type_signal
    );

    if (this.$route.params.slug_signal) {
      this.getFeatureAttachments();
      this.getLinkedFeatures();
    }
  },

  mounted() {
    this.$store
      .dispatch("GET_PROJECT_INFO", this.$route.params.slug)
      .then((data) => {
        console.log(data);
        this.initForm();
        this.initMap();
        this.onFeatureTypeLoaded();
        this.initExtraForms(this.feature);

        setTimeout(
          function () {
            mapUtil.addGeocoders(this.$store.state.configuration);
          }.bind(this),
          1000
        );
      });
  },

  destroyed() {
    //* be sure that previous Formset have been cleared for creation
    this.$store.commit("feature/CLEAR_ATTACHMENT_FORM");
    this.$store.commit("feature/CLEAR_LINKED_FORM");
  },
};
</script>

<style>
#map {
  height: 70vh;
  width: 100%;
  border: 1px solid grey;
}
#get-geom-from-image-file {
  margin-bottom: 5px;
}
.georef-btn {
  max-width: 400px;
}
@media only screen and (max-width: 767px) {
  #map {
    height: 80vh;
  }
}
/* // ! missing style in semantic.min.css, je ne comprends pas comment... */
.ui.right.floated.button {
  float: right;
  margin-right: 0;
  margin-left: 0.25em;
}
/* // ! margin écrasé par class last-child first-child, pas normal ... */
.ui.segment {
  margin: 1rem 0 !important;
}

/* override to display buttons under the dimmer of modal */
.leaflet-top,
.leaflet-bottom {
  z-index: 800;
}
</style>