From 4212e243ac354de290a069d32cb02b4c478c9a4a Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Tue, 11 Mar 2025 12:57:07 +0100
Subject: [PATCH] change base data (de-)commission date

---
 .../configuration/equipment/CreateEquipmentModal.vue  | 11 ++++++++---
 .../configuration/equipment/UpdateEquipmentModal.vue  |  9 +++++++--
 .../admin/configuration/force/CreateForceModal.vue    | 11 ++++++++---
 .../admin/configuration/force/UpdateForceModal.vue    |  6 +++---
 .../configuration/vehicle/CreateVehicleModal.vue      | 11 ++++++++---
 .../configuration/vehicle/UpdateVehicleModal.vue      |  9 +++++++--
 6 files changed, 41 insertions(+), 16 deletions(-)

diff --git a/src/components/admin/configuration/equipment/CreateEquipmentModal.vue b/src/components/admin/configuration/equipment/CreateEquipmentModal.vue
index 985d197..1dbe89e 100644
--- a/src/components/admin/configuration/equipment/CreateEquipmentModal.vue
+++ b/src/components/admin/configuration/equipment/CreateEquipmentModal.vue
@@ -18,12 +18,17 @@
         <input type="text" id="type" />
       </div>
       <div>
-        <label for="commissioned">verfügbar ab (optional)</label>
-        <input type="date" id="commissioned" />
+        <label for="commissioned">verfügbar ab</label>
+        <input
+          type="date"
+          id="commissioned"
+          required
+          @change="(e) => (($refs.decommissioned as HTMLInputElement).min = (e.target as HTMLInputElement)?.value)"
+        />
       </div>
       <div>
         <label for="decommissioned">verfügbar bis (optional)</label>
-        <input type="date" id="decommissioned" />
+        <input ref="decommissioned" type="date" id="decommissioned" />
       </div>
       <div class="flex flex-row gap-2">
         <button primary type="submit" :disabled="status == 'loading' || status?.status == 'success'">erstellen</button>
diff --git a/src/components/admin/configuration/equipment/UpdateEquipmentModal.vue b/src/components/admin/configuration/equipment/UpdateEquipmentModal.vue
index 52c414a..882bae8 100644
--- a/src/components/admin/configuration/equipment/UpdateEquipmentModal.vue
+++ b/src/components/admin/configuration/equipment/UpdateEquipmentModal.vue
@@ -20,12 +20,17 @@
         <input type="text" id="type" v-model="equipment.type" />
       </div>
       <div>
-        <label for="commissioned">verfügbar ab (optional)</label>
+        <label for="commissioned">verfügbar ab</label>
         <input type="date" id="commissioned" v-model="equipment.commissioned" />
       </div>
       <div>
         <label for="decommissioned">verfügbar bis (optional)</label>
-        <input type="date" id="decommissioned" v-model="equipment.decommissioned" />
+        <input
+          type="date"
+          id="decommissioned"
+          v-model="equipment.decommissioned"
+          :min="equipment.commissioned.toString()"
+        />
       </div>
       <div class="flex flex-row gap-2">
         <button primary-outline type="reset" :disabled="canSaveOrReset" @click="resetForm">verwerfen</button>
diff --git a/src/components/admin/configuration/force/CreateForceModal.vue b/src/components/admin/configuration/force/CreateForceModal.vue
index 58d6c5e..26c5004 100644
--- a/src/components/admin/configuration/force/CreateForceModal.vue
+++ b/src/components/admin/configuration/force/CreateForceModal.vue
@@ -22,12 +22,17 @@
         <input type="text" id="nameaffix" />
       </div>
       <div>
-        <label for="commissioned">verfügbar ab (optional)</label>
-        <input type="date" id="commissioned" />
+        <label for="commissioned">verfügbar ab</label>
+        <input
+          type="date"
+          id="commissioned"
+          required
+          @change="(e) => (($refs.decommissioned as HTMLInputElement).min = (e.target as HTMLInputElement)?.value)"
+        />
       </div>
       <div>
         <label for="decommissioned">verfügbar bis (optional)</label>
-        <input type="date" id="decommissioned" />
+        <input ref="decommissioned" type="date" id="decommissioned" />
       </div>
       <div class="flex flex-row gap-2">
         <button primary type="submit" :disabled="status == 'loading' || status?.status == 'success'">erstellen</button>
diff --git a/src/components/admin/configuration/force/UpdateForceModal.vue b/src/components/admin/configuration/force/UpdateForceModal.vue
index 7087d48..733db6b 100644
--- a/src/components/admin/configuration/force/UpdateForceModal.vue
+++ b/src/components/admin/configuration/force/UpdateForceModal.vue
@@ -24,12 +24,12 @@
         <input type="text" id="nameaffix" v-model="force.nameaffix" />
       </div>
       <div>
-        <label for="commissioned">verfügbar ab (optional)</label>
-        <input type="date" id="commissioned" v-model="force.commissioned" />
+        <label for="commissioned">verfügbar ab</label>
+        <input type="date" id="commissioned" v-model="force.commissioned" required />
       </div>
       <div>
         <label for="decommissioned">verfügbar bis (optional)</label>
-        <input type="date" id="decommissioned" v-model="force.decommissioned" />
+        <input type="date" id="decommissioned" v-model="force.decommissioned" :min="force.commissioned.toString()" />
       </div>
       <div class="flex flex-row gap-2">
         <button primary-outline type="reset" :disabled="canSaveOrReset" @click="resetForm">verwerfen</button>
diff --git a/src/components/admin/configuration/vehicle/CreateVehicleModal.vue b/src/components/admin/configuration/vehicle/CreateVehicleModal.vue
index 7f2662b..2ae036d 100644
--- a/src/components/admin/configuration/vehicle/CreateVehicleModal.vue
+++ b/src/components/admin/configuration/vehicle/CreateVehicleModal.vue
@@ -18,12 +18,17 @@
         <input type="text" id="type" />
       </div>
       <div>
-        <label for="commissioned">verfügbar ab (optional)</label>
-        <input type="date" id="commissioned" />
+        <label for="commissioned">verfügbar ab</label>
+        <input
+          type="date"
+          id="commissioned"
+          required
+          @change="(e) => (($refs.decommissioned as HTMLInputElement).min = (e.target as HTMLInputElement)?.value)"
+        />
       </div>
       <div>
         <label for="decommissioned">verfügbar bis (optional)</label>
-        <input type="date" id="decommissioned" />
+        <input ref="decommissioned" type="date" id="decommissioned" />
       </div>
       <div class="flex flex-row gap-2">
         <button primary type="submit" :disabled="status == 'loading' || status?.status == 'success'">erstellen</button>
diff --git a/src/components/admin/configuration/vehicle/UpdateVehicleModal.vue b/src/components/admin/configuration/vehicle/UpdateVehicleModal.vue
index d481c98..5771f4d 100644
--- a/src/components/admin/configuration/vehicle/UpdateVehicleModal.vue
+++ b/src/components/admin/configuration/vehicle/UpdateVehicleModal.vue
@@ -20,12 +20,17 @@
         <input type="text" id="type" v-model="vehicle.type" />
       </div>
       <div>
-        <label for="commissioned">verfügbar ab (optional)</label>
+        <label for="commissioned">verfügbar ab</label>
         <input type="date" id="commissioned" v-model="vehicle.commissioned" />
       </div>
       <div>
         <label for="decommissioned">verfügbar bis (optional)</label>
-        <input type="date" id="decommissioned" v-model="vehicle.decommissioned" />
+        <input
+          type="date"
+          id="decommissioned"
+          v-model="vehicle.decommissioned"
+          :min="vehicle.commissioned.toString()"
+        />
       </div>
       <div class="flex flex-row gap-2">
         <button primary-outline type="reset" :disabled="canSaveOrReset" @click="resetForm">verwerfen</button>