Vehicle Condition Report Management: Complete Operations Guide

The Vehicle Condition Report module helps logistics businesses document vehicle states before and after transport. This minimizes liability and enables confident resolution of damage claims with clear evidence.

Whether you are on a desktop workstation or a mobile device in the field, every feature is optimized for speed, clarity, and one-tap execution.

Vehicle Condition Report Creation

The creation form is structured into collapsible cards for focused editing.

Form Sections

  • Vehicle Info — Truck number, driver name, contact details
  • Inspection Checklist — Tyres, oil level, dents & scratches, tools & spare parts, documents
  • Photo Uploads — Front, rear, left side, right side images for visual evidence
  • Remarks & Signatures — Condition notes and digital sign-off from authorized personnel or drivers

The form integrates a real-time preview of uploaded photos and supports digital sign-off using touch-enabled devices.

Inspection Checklist

A thorough checklist ensures all critical vehicle components are inspected before and after transport.

Checklist Items

  • Tyres — Wear assessment, tread depth, pressure check
  • Oil Level — Engine oil and other fluid levels verification
  • Dents & Scratches — Documentation of any existing body damage
  • Tools & Spare Parts — Availability and condition of essential tools and spares
  • Documents — Registration Certificate (RC), Insurance, Permits verification

Note: Each checklist item can be marked as Pass, Fail, or N/A. Failed items trigger a mandatory remarks field for detailed documentation.

Photo Uploads

Enhance accountability by uploading images from multiple angles for visual evidence.

Required Angles

  • Front View — Full front of the vehicle including number plate
  • Rear View — Full rear including tail lights and bumper
  • Left Side — Driver side profile showing body condition
  • Right Side — Passenger side profile showing body condition
  • Close-ups — Any specific damage points or areas of concern

Tip: Photos are compressed automatically for fast upload while maintaining clarity. Tap any thumbnail to view full resolution.

Digital Signatures

Collect digital signatures from authorized personnel or drivers to formalize the inspection.

  1. Complete the checklist and upload photos.
  2. Tap the signature field at the bottom of the form.
  3. Sign using your finger or stylus on the touch canvas.
  4. Tap Save Signature to lock it into the report.

Note: Signatures are embedded into the PDF and cannot be altered after saving. A timestamp is automatically recorded with each signature.

Dashboard Statistics

Four stat cards sit above the list, updating automatically as you add, delete, or modify reports.

Total Reports

All-time count

This Month

Current calendar month

This Week

Last 7 days

Today

Since midnight

Each card features a distinct color accent and an icon for at-a-glance recognition.

Vehicle Condition Report List View

Reports are displayed in a high-density table on desktop and collapsible cards on mobile.

Desktop Table Columns

  • # — Serial number
  • Report Details — Report number + creation date (green Latest badge on newest)
  • Vehicle Info — Truck number, driver name, clickable phone link
  • Status — Inspection result summary (Pass / Fail / Partial)
  • Photos — Thumbnail count indicating attached images
  • Actions — Three-dot dropdown menu

Records sort by report number descending (newest first). Infinite scroll loads 10 records initially, then auto-fetches the next batch as you scroll.

View Report PDF

Opens the generated PDF in a new browser tab for quick verification.

  1. Click the three-dot menu on any report row.
  2. Select View Report.
  3. The PDF opens in a new tab with your company branding, watermark, and signatures.

Note: The PDF is generated server-side on demand. It is cached locally for 3 minutes. A duplicate-guard ref prevents double-clicks from opening multiple tabs.

Download / Save PDF

Saves the report PDF to your device with a standardized filename.

  1. Click the three-dot menu on any report row.
  2. Select Save PDF.
  3. The file downloads as vehicle-report-{number}.pdf.

Tip:On mobile, if the download does not start automatically, check your browser's download manager or notification shade.

Share Report

Distributes the PDF via your device's native share sheet or clipboard.

  1. Click the three-dot menu on any report row.
  2. Select Share Report.
  3. On mobile, the system share sheet opens — choose WhatsApp, email, or any app.

Fallback: If native sharing is unavailable, BSTD copies the secure PDF URL to your clipboard. If clipboard access is blocked, it auto-downloads the file for manual attachment.

Edit Report

Opens the report form pre-filled with existing data for quick corrections.

  1. Click the three-dot menu on any report row.
  2. Select Edit.
  3. The form opens with all data restored: vehicle info, checklist, photos, and signatures.
  4. Make changes and save. The PDF reflects updates immediately.

Note: The report number remains unchanged during an edit, maintaining link consistency for any PDFs already shared. Change logs are maintained for audit purposes.

Delete Report

Permanently removes a report from your records.

  1. Click the three-dot menu on any report row.
  2. Select Delete.
  3. A confirmation dialog appears with the specific report number. Click Delete to confirm.

Warning: Deletion is irreversible. The record and its PDF are removed immediately. This action is admin-protected to prevent accidental data loss. Export a backup first if needed.

Create New Report

Initiate a new vehicle condition report from two locations on the list page.

Entry Points

  • Hero Button — At the top of the page next to Refresh.
  • Floating Action Button (FAB) — Large teal circle with a plus icon, fixed to the bottom-right corner. Stays visible while scrolling.

Both buttons route to the creation form. A toast "Opening new vehicle report form..." confirms the action.

Refresh Data

Re-fetches the entire dataset from the server. Useful for multi-user synchronization.

  • Full Reload: Clears local cache, shows skeleton loading state, and pulls the latest records.
  • Search Preserved: Your active search query is not cleared.
  • Toast Confirmation: "Refreshing data..." followed by "Loaded N vehicle reports".

Mobile & Desktop Views

The Vehicle Condition Report List adapts its layout based on screen width.

Desktop (md and above)

  • Seven-column table with hover row highlighting.
  • Dropdown menus with viewport-aware positioning.
  • Fixed action columns for easy scanning.

Mobile (below md)

  • Card layout with stacked information.
  • Thumb-sized tap targets (minimum 44×44 pt).
  • Tapping a phone number initiates a native call.
  • Floating scroll-to-top arrow after 300px scroll.

Notifications & Feedback

BSTD uses non-blocking toast notifications in the bottom-right corner. Auto-dismiss after 3.5 seconds.

Success (Emerald)

Report deleted

Error (Red)

Photo upload failed

Info (Blue)

Opening PDF...

Multiple toasts stack vertically so rapid actions produce a readable queue rather than overlapping noise.

UX Tips & Shortcuts

Maximize efficiency with these built-in interaction patterns.

  • Dropdown Auto-Close: Click outside, scroll, or resize to close orphaned menus.
  • PDF Preloading: Hover over View for 200ms to trigger a silent fetch.
  • Search Clear: Press Escape while focused to clear instantly.
  • Photo Zoom: Tap any thumbnail in the list to view full resolution.
  • Color Language: Emerald = pass/success, Red = fail, Amber = partial, Blue = info.

Troubleshooting

Common issues and their resolutions.

PDF fails to open or download

Ensure popups are allowed from bstd.digital.thugo.in. Verify your company ID is saved in localStorage and your auth token has not expired. Retry after 30 seconds or contact support.

Search returns no results

The search covers only loaded records. Scroll to the bottom to trigger infinite scroll and load older data, then search again.

Photo upload fails

Check your internet connection and ensure photos are under 10MB each. If the issue persists, try compressing images before upload or use a different browser.

Share sheet does not appear on mobile

Native sharing requires HTTPS and a modern browser (Chrome 89+, Safari 13+). BSTD falls back to clipboard copy or direct download if unavailable.

Dashboard stats seem incorrect

Click Refresh to synchronize all records. Stats are computed from the currently loaded dataset.

Duplicate PDF tabs open

The duplicate-guard ref should block double-clicks. If multiple tabs still open, wait 2 seconds between clicks, or use Download instead of View.