remodel scan process and visualize external

This commit is contained in:
Julian Krauser 2025-07-15 13:19:59 +02:00
parent 9ef76a7c26
commit ed947e5777
23 changed files with 338 additions and 29 deletions

View file

@ -26,6 +26,9 @@
<p v-else class="pt-4 border-b border-gray-300">{{ item.title }}</p>
</div>
</template>
<template #bottomButtons>
<ScanSidebarInfo v-if="inUse" />
</template>
</SidebarTemplate>
</template>
<template #main>
@ -43,6 +46,8 @@ import SidebarTemplate from "@/templates/Sidebar.vue";
import RoutingLink from "@/components/admin/RoutingLink.vue";
import { useAbilityStore } from "@/stores/ability";
import { RouterView } from "vue-router";
import { useScannerStore } from "../../stores/admin/scanner";
import ScanSidebarInfo from "../../components/scanner/ScanSidebarInfo.vue";
</script>
<script lang="ts">
@ -54,6 +59,7 @@ export default defineComponent({
"activeLink",
"activeNavigation",
]),
...mapState(useScannerStore, ["inUse"]),
},
created() {
useAbilityStore().$subscribe(() => {

View file

@ -48,7 +48,7 @@ import Spinner from "@/components/Spinner.vue";
import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
import FailureXMark from "@/components/FailureXMark.vue";
import { useEquipmentTypeStore } from "@/stores/admin/unit/equipmentType/equipmentType";
import ScanInput from "@/components/ScanInput.vue";
import ScanInput from "@/components/scanner/ScanInput.vue";
import EquipmentTypeSearchSelect from "@/components/search/EquipmentTypeSearchSelect.vue";
</script>

View file

@ -50,7 +50,7 @@ import type {
import Spinner from "@/components/Spinner.vue";
import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
import FailureXMark from "@/components/FailureXMark.vue";
import ScanInput from "@/components/ScanInput.vue";
import ScanInput from "@/components/scanner/ScanInput.vue";
import isEqual from "lodash.isequal";
import cloneDeep from "lodash.clonedeep";
</script>

View file

@ -66,7 +66,7 @@ import type {
import Spinner from "@/components/Spinner.vue";
import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
import FailureXMark from "@/components/FailureXMark.vue";
import ScanInput from "@/components/ScanInput.vue";
import ScanInput from "@/components/scanner/ScanInput.vue";
import isEqual from "lodash.isequal";
import cloneDeep from "lodash.clonedeep";
import InspectionTimeFormatExplainIcon from "@/components/admin/unit/InspectionTimeFormatExplainIcon.vue";

View file

@ -49,7 +49,7 @@ import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
import FailureXMark from "@/components/FailureXMark.vue";
import { useVehicleTypeStore } from "@/stores/admin/unit/vehicleType/vehicleType";
import VehicleTypeSearchSelect from "@/components/search/VehicleTypeSearchSelect.vue";
import ScanInput from "@/components/ScanInput.vue";
import ScanInput from "@/components/scanner/ScanInput.vue";
</script>
<script lang="ts">

View file

@ -52,7 +52,7 @@ import type { UpdateVehicleViewModel, VehicleViewModel } from "@/viewmodels/admi
import Spinner from "@/components/Spinner.vue";
import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
import FailureXMark from "@/components/FailureXMark.vue";
import ScanInput from "@/components/ScanInput.vue";
import ScanInput from "@/components/scanner/ScanInput.vue";
import isEqual from "lodash.isequal";
import cloneDeep from "lodash.clonedeep";
</script>

View file

@ -49,7 +49,7 @@ import Spinner from "@/components/Spinner.vue";
import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
import FailureXMark from "@/components/FailureXMark.vue";
import { useWearableTypeStore } from "@/stores/admin/unit/wearableType/wearableType";
import ScanInput from "@/components/ScanInput.vue";
import ScanInput from "@/components/scanner/ScanInput.vue";
import MemberSearchSelectSingle from "@/components/search/MemberSearchSelectSingle.vue";
import WearableTypeSearchSelect from "@/components/search/WearableTypeSearchSelect.vue";
</script>

View file

@ -53,7 +53,7 @@ import type {
import Spinner from "@/components/Spinner.vue";
import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
import FailureXMark from "@/components/FailureXMark.vue";
import ScanInput from "@/components/ScanInput.vue";
import ScanInput from "@/components/scanner/ScanInput.vue";
import isEqual from "lodash.isequal";
import cloneDeep from "lodash.clonedeep";
import MemberSearchSelectSingle from "@/components/search/MemberSearchSelectSingle.vue";