refetch available on start change

src/stores/admin/configuration/equipment.ts

@@ -41,12 +41,12 @@ export const useEquipmentStore = defineStore("equipment", {
           this.loading = "failed";
         });
     },
-    getAvailableEquipments() {
+    getAvailableEquipments(missionId: string) {
       this.availableEquipments = [];
       http
-        .get(`/admin/equipment?available=true`)
+        .get(`/admin/equipment/available/${missionId}`)
         .then((res) => {
-          this.availableEquipments = res.data.equipments;
+          this.availableEquipments = res.data;
         })
         .catch((err) => {});
     },

src/stores/admin/configuration/force.ts

@@ -41,12 +41,12 @@ export const useForceStore = defineStore("force", {
           this.loading = "failed";
         });
     },
-    getAvailableForces() {
+    getAvailableForces(missionId: string) {
       this.availableForces = [];
       http
-        .get(`/admin/force?available=true`)
+        .get(`/admin/force/available/${missionId}`)
         .then((res) => {
-          this.availableForces = res.data.forces;
+          this.availableForces = res.data;
         })
         .catch((err) => {});
     },

src/stores/admin/configuration/vehicle.ts

@@ -41,12 +41,12 @@ export const useVehicleStore = defineStore("vehicle", {
           this.loading = "failed";
         });
     },
-    getAvailableVehicles() {
+    getAvailableVehicles(missionId: string) {
       this.availableVehicles = [];
       http
-        .get(`/admin/vehicle?available=true`)
+        .get(`/admin/vehicle/available/${missionId}`)
         .then((res) => {
-          this.availableVehicles = res.data.vehicles;
+          this.availableVehicles = res.data;
         })
         .catch((err) => {});
     },

src/views/admin/operation/mission/MissionOverview.vue

@@ -123,12 +123,15 @@ export default defineComponent({
     this.manageHash();
     this.connectClient();
     this.initialize(this.id);
-    this.getAvailableForces();
-    this.getAvailableEquipments();
-    this.getAvailableVehicles();
+    this.fetchAvailability();
     window.addEventListener("beforeunload", () => {
       localStorage.removeItem("yjsDoc_timestamp");
     });
+    this.yDoc.getMap("form").observe((event) => {
+      event.changes.keys.forEach((change, key) => {
+        if (key === "start") this.fetchAvailability();
+      });
+    });
   },
   beforeUnmount() {
     this.cleanup();
@@ -144,6 +147,11 @@ export default defineComponent({
         this.$router.replace({ hash: this.tabs[0].hash });
       }
     },
+    fetchAvailability() {
+      this.getAvailableForces(this.id);
+      this.getAvailableEquipments(this.id);
+      this.getAvailableVehicles(this.id);
+    },
   },
 });
 </script>