implement separation of put and post for basemaps

src/components/project/project_mapping_basemap.vue

@@ -122,7 +122,7 @@ export default {
   },
 
   created() {
-    if (this.basemap.layers) {
+    if (this.basemap.layers) { //* add datakeys to layers coming from api 
       this.fillLayersWithDatakey(this.basemap.layers);
     }
   },

src/store/modules/map.js

@@ -148,17 +148,28 @@ const map = {
     },
 
 
-    SAVE_BASEMAPS({ state, rootState, dispatch }) {
+    SAVE_BASEMAPS({ state, rootState, dispatch }, newBasemapIds) {
       for (let basemap of state.basemaps) {
         basemap["project"] = rootState.project_slug
         // TODO: différencier PUT & POST
+        console.log(newBasemapIds.includes(basemap.id), newBasemapIds, basemap.id);
+        if (newBasemapIds.includes(basemap.id)) {
           axios
             .post(`${DJANGO_API_BASE}base-maps/`, basemap)
             .then((response) => (console.log(response.data)))
             .catch((error) => {
               throw error;
             });
+        } else {
+          axios
+            .put(`${DJANGO_API_BASE}base-maps/${basemap.id}/`, basemap)
+            .then((response) => (console.log(response.data)))
+            .catch((error) => {
+              throw error;
+            });
+        }
       }
+      //* delete in the backend the basemaps that was rewoved from the front
       for (let basemapId of state.basemapsToDelete) {
         dispatch("DELETE_BASEMAP", basemapId);
       }

src/views/project/Project_mapping.vue

@@ -51,6 +51,12 @@ export default {
     ProjectMappingBasemap: Project_mapping_basemap,
   },
 
+  data() {
+    return {
+      newBasemapIds: [],
+    };
+  },
+
   computed: {
     ...mapState("map", ["basemaps"]),
     ...mapGetters("map", ["basemapMaxId"]),
@@ -58,13 +64,13 @@ export default {
 
   methods: {
     addBasemap() {
+      this.newBasemapIds.push(this.basemapMaxId + 1); //* register new basemaps to seperate post and put
       this.$store.commit("map/CREATE_BASEMAP", this.basemapMaxId + 1);
     },
 
     saveChanges() {
-
       // ToDo : check if values are filled
-      this.$store.dispatch("map/SAVE_BASEMAPS");
+      this.$store.dispatch("map/SAVE_BASEMAPS", this.newBasemapIds);
     },
   },