feat: refs #7119 update vehicle selection to use active vehicles and refactor vehicle card component

src/pages/Route/Card/RouteFilter.vue

@@ -100,7 +100,7 @@ const emit = defineEmits(['search']);
                     <VnSelect
                         :label="t('Vehicle')"
                         v-model="params.vehicleFk"
-                        url="Vehicles"
+                        url="Vehicles/active"
                         sort-by="numberPlate ASC"
                         option-value="id"
                         option-label="numberPlate"

src/pages/Route/Card/RouteForm.vue

@@ -99,7 +99,7 @@ const onSave = (data, response) => {
                 <VnSelect
                     :label="t('Vehicle')"
                     v-model="data.vehicleFk"
-                    url="Vehicles"
+                    url="Vehicles/active"
                     sort-by="numberPlate ASC"
                     option-value="id"
                     option-label="numberPlate"

src/pages/Route/RouteExtendedList.vue

@@ -96,8 +96,7 @@ const columns = computed(() => [
         create: true,
         component: 'select',
         attrs: {
-            url: 'vehicles',
-            fields: ['id', 'numberPlate'],
+            url: 'vehicles/active',
             optionLabel: 'numberPlate',
             optionFilterValue: 'numberPlate',
             find: {

src/pages/Route/Vehicle/Card/VehicleCard.vue

@@ -1,11 +1,11 @@
 <script setup>
-import VnCard from 'components/common/VnCard.vue';
+import VnCardBeta from 'components/common/VnCard.vue';
 import VehicleSearchbar from '../VehicleSearchbar.vue';
 import VehicleDescriptor from './VehicleDescriptor.vue';
 import VehicleFilter from '../VehicleFilter.js';
 </script>
 <template>
-    <VnCard
+    <VnCardBeta
         data-key="Vehicle"
         base-url="Vehicles"
         :filter="VehicleFilter"
@@ -15,5 +15,5 @@ import VehicleFilter from '../VehicleFilter.js';
         <template #searchbar>
             <VehicleSearchbar />
         </template>
-    </VnCard>
+    </VnCardBeta>
 </template>

src/pages/Route/Vehicle/Card/VehicleDescriptor.vue

@@ -4,6 +4,13 @@ import CardDescriptor from 'components/ui/CardDescriptor.vue';
 </script>
 <template>
     <CardDescriptor module="Vehicle" data-key="Vehicle" title="numberPlate">
+        <template #menu="{ entity }">
+            <QItem v-ripple clickable @click="axios.delete(`Vehicles/${entity.id}`)">
+                <QItemSection>
+                    {{ $t('vehicle.delete') }}
+                </QItemSection>
+            </QItem>
+        </template>
         <template #body="{ entity }">
             <VnLv :label="$t('vehicle.numberPlate')" :value="entity.numberPlate" />
             <VnLv :label="$t('vehicle.tradeMark')" :value="entity.tradeMark" />