Vendor Order List Dashboard

A live dashboard to view and track work orders per vendor and hosted via GitHub Pages.

Live Dashboard: https://ub1qu1tous.github.io/vendor-dashboard/

or

[https://vendors.sulfur.one)

Features

• Vendor overview with active order counts.
• Individual vendor pages with detailed product information.
• Conditional formatting for overdue tasks.
• Thumbnail previews and links to folders/files.
• Auto-updating timestamp for data freshness.
• Responsive design and print-friendly layout.

---

Project Structure

vendor-dashboard/

• index.html — Vendor list landing page
• vendor.html — Individual vendor detail view
• 404.html — Custom 404 error page
• style.css — Styling and responsive layout
• vendors.js — Loads and displays the vendor index
• vendor.js — Renders data for an individual vendor based on URL params
• vendor-header.js — Fetches and shows last updated timestamp
• README.md — Project documentation

---

How It Works

• index.html + vendors.js:

• Fetches all vendor data.

• Displays links like: vendor.html?vendor=vendor_key.

• vendor.html + vendor.js:

• Parses vendor from URL parameters.

• Fetches and displays vendor-specific records.

• Sorts by Expected Finish Date.

• Highlights overdue dates in red.

• Provides links for image previews, folders, and downloadable files.

---

Auto Updates

• Vendor data loads dynamically.
• Timestamp updates on each page load.
• (Optional) Uncomment setInterval() in vendor.js to enable auto-refresh every 10 seconds.

---

Print-Optimized

• Landscape A3 format for printing.
• Print styles and overflow handling included in CSS.

---

Hosting

• Hosted on GitHub Pages.