Car-Repairs-Shop/public/images/vehicle-diagram.svg
sackey 5403c3591d
Some checks are pending
linter / quality (push) Waiting to run
tests / ci (push) Waiting to run
feat: Enhance job card workflow with diagnosis actions and technician assignment modal
- Added buttons for assigning diagnosis and starting diagnosis based on job card status in the job card view.
- Implemented a modal for assigning technicians for diagnosis, including form validation and technician selection.
- Updated routes to include a test route for job cards.
- Created a new Blade view for testing inspection inputs.
- Developed comprehensive feature tests for the estimate module, including creation, viewing, editing, and validation of estimates.
- Added tests for estimate model relationships and statistics calculations.
- Introduced a basic feature test for job cards index.
2025-08-15 08:37:45 +00:00

73 lines
3.8 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="800" height="600">
<!-- Left Side View -->
<g id="left-side" transform="translate(50, 50)">
<rect x="0" y="50" width="200" height="80" fill="#f0f0f0" stroke="#333" stroke-width="2" id="left-body"/>
<circle cx="30" cy="140" r="25" fill="#ddd" stroke="#333" stroke-width="2" id="left-front-wheel"/>
<circle cx="170" cy="140" r="25" fill="#ddd" stroke="#333" stroke-width="2" id="left-rear-wheel"/>
<rect x="0" y="30" width="40" height="20" fill="#f0f0f0" stroke="#333" stroke-width="2" id="left-front"/>
<rect x="160" y="30" width="40" height="20" fill="#f0f0f0" stroke="#333" stroke-width="2" id="left-rear"/>
<text x="100" y="20" text-anchor="middle" class="vehicle-label">Left Side</text>
</g>
<!-- Top View -->
<g id="top-view" transform="translate(350, 50)">
<rect x="0" y="0" width="80" height="200" fill="#f0f0f0" stroke="#333" stroke-width="2" id="top-body"/>
<rect x="-10" y="30" width="20" height="25" fill="#ddd" stroke="#333" stroke-width="2" id="top-left-front-wheel"/>
<rect x="70" y="30" width="20" height="25" fill="#ddd" stroke="#333" stroke-width="2" id="top-right-front-wheel"/>
<rect x="-10" y="145" width="20" height="25" fill="#ddd" stroke="#333" stroke-width="2" id="top-left-rear-wheel"/>
<rect x="70" y="145" width="20" height="25" fill="#ddd" stroke="#333" stroke-width="2" id="top-right-rear-wheel"/>
<text x="40" y="-10" text-anchor="middle" class="vehicle-label">Top View</text>
</g>
<!-- Right Side View -->
<g id="right-side" transform="translate(500, 50)">
<rect x="0" y="50" width="200" height="80" fill="#f0f0f0" stroke="#333" stroke-width="2" id="right-body"/>
<circle cx="30" cy="140" r="25" fill="#ddd" stroke="#333" stroke-width="2" id="right-front-wheel"/>
<circle cx="170" cy="140" r="25" fill="#ddd" stroke="#333" stroke-width="2" id="right-rear-wheel"/>
<rect x="0" y="30" width="40" height="20" fill="#f0f0f0" stroke="#333" stroke-width="2" id="right-front"/>
<rect x="160" y="30" width="40" height="20" fill="#f0f0f0" stroke="#333" stroke-width="2" id="right-rear"/>
<text x="100" y="20" text-anchor="middle" class="vehicle-label">Right Side</text>
</g>
<!-- Front View -->
<g id="front-view" transform="translate(200, 300)">
<rect x="0" y="0" width="100" height="80" fill="#f0f0f0" stroke="#333" stroke-width="2" id="front-body"/>
<rect x="-10" y="70" width="25" height="25" fill="#ddd" stroke="#333" stroke-width="2" id="front-left-wheel"/>
<rect x="85" y="70" width="25" height="25" fill="#ddd" stroke="#333" stroke-width="2" id="front-right-wheel"/>
<rect x="20" y="-10" width="60" height="10" fill="#f0f0f0" stroke="#333" stroke-width="2" id="front-windshield"/>
<text x="50" y="-20" text-anchor="middle" class="vehicle-label">Front View</text>
</g>
<!-- Rear View -->
<g id="rear-view" transform="translate(400, 300)">
<rect x="0" y="0" width="100" height="80" fill="#f0f0f0" stroke="#333" stroke-width="2" id="rear-body"/>
<rect x="-10" y="70" width="25" height="25" fill="#ddd" stroke="#333" stroke-width="2" id="rear-left-wheel"/>
<rect x="85" y="70" width="25" height="25" fill="#ddd" stroke="#333" stroke-width="2" id="rear-right-wheel"/>
<rect x="20" y="80" width="60" height="10" fill="#f0f0f0" stroke="#333" stroke-width="2" id="rear-bumper"/>
<text x="50" y="-10" text-anchor="middle" class="vehicle-label">Rear View</text>
</g>
<style>
.vehicle-label {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
fill: #333;
}
.damage-marker {
fill: red;
stroke: darkred;
stroke-width: 2;
opacity: 0.7;
}
.clickable-area {
cursor: pointer;
opacity: 0;
}
.clickable-area:hover {
opacity: 0.1;
fill: blue;
}
</style>
</svg>