Login
Check-In
Check-Out
Inventory
User Audit
Asset Log
Reports
Session Timeout
Theming
Login System
Secure employee authentication with PIN-based login, first-time setup, and forgot PIN recovery via security questions.
1️⃣ Enter 6-8 digit Employee ID with floating label input
2️⃣ Existing users enter 4-digit PIN via on-screen keypad (iPad-optimized)
3️⃣ New users set PIN + choose security question + answer
4️⃣ Forgot PIN — verify security question, then reset PIN
🔒 Encrypted PIN storage (AES-128-CBC + HMAC-SHA256)
📱 Device detection — tracks iPad, iPhone, MacBook
Login Page — Light Mode
Login Page — Dark Mode
PIN Entry with Keypad
Forgot PIN — Security Question Reset
Check-In Asset
Register new assets or return existing ones. Fill the form manually or use Tesseract.js camera OCR to scan the asset sticker or engraved serial number on the back of a MacBook.
📝 11 data fields: Asset ID, Serial Number, Chip, Config, Processor, Model Year, RAM, Assigned To, Location, Emp ID, Email
📷 Camera OCR scan (Tesseract.js) — reads white sticker Asset ID (02HW0XXXXX) or engraved Serial Number behind MacBook
🔍 Auto-fill from existing records when Asset ID or Serial Number is typed (5+ characters)
✅ Validation: Serial Number, Chip, Assigned To, Status are required. Asset ID pattern validated (02HW0, 01HW0, 34HW0, 3HW0, 4HW0)
📊 Status dropdown: Working-Warranty, Working-No Warranty, Not Working-Repair, Broken-Send to Edison, Loaner, Unallocated, Special Case
🔄 After successful check-in, shows green success banner and auto-navigates to Check-Out tab
Check-In Form — Floating Labels + Camera Scan
Tesseract.js Camera OCR — Reads Asset ID & Serial from MacBook
Check-Out Asset
Assign available assets to users. Only unallocated assets with valid Asset IDs can be checked out. Searchable combo box with camera scan support.
🔎 Searchable combo box — type full Asset ID or last 5 digits to filter instantly
📦 Only shows unallocated assets with valid Asset IDs — unavailable assets excluded
📷 Camera OCR scan (Tesseract.js) to quickly select asset by scanning white sticker
👤 Assigned To (required) + Emp ID fields
ℹ️ Asset details auto-displayed on selection: Type, Config, Status badge
⏱️ 300ms debounce on search for smooth filtering experience
Check-Out — Searchable Combo Box + Camera Scan
Inventory
View, search, and manage all assets. Split-panel table with pinned Asset ID column. By default shows available (unallocated) assets including those without Asset IDs.
📌 Asset ID pinned on left, Edit pinned on right — never scroll away (split-panel sync)
🔎 Search with instant filtering and clear (✕) button
📊 Header shows: Total assets badge + Available (unallocated) assets badge
📍 Location selector: Austin / SCV (configurable)
⚙️ Gear menu: Show Available Only / Show All Assets, Show All Columns, Fullscreen, Export to Excel
🟢 Green left border = available (unallocated), Orange = unavailable — clear visual indicator
✏️ Edit asset via floating-label modal — user can update Asset ID upon generation and all other fields
📄 Default columns: Asset ID, Serial Number, Chip, Status, Year, Current User. "Show All Columns" adds Prev Users, Config, etc.
📐 Rows per page: 10, 25, 50, 100, 200
⬇️ Export to Excel (.xlsx) from gear menu
Inventory — Light Mode (Default Columns)
Inventory — Dark Mode
Show Available Assets Only (Unallocated)
Show All Assets (including unavailable with orange border)
Show All Columns (Prev Users, Config, etc.)
Search Filtering — Instant Results
Fullscreen Mode
Edit Asset — Floating Label Modal
Location Selector: Austin / SCV
User Audit
Complete user login activity tracking. Shows who logged in, when, from which device (iPad, MacBook, iPhone), session duration, and how they logged out.
👤 Columns: Emp ID, Name, Login Time, Logout Time, Duration, Logout Method, Login Failure, Device
📱 Device tracking: iPad, iPhone, MacBook, Unknown
🔴 Red highlighting for failed logins (Incorrect PIN, Invalid Employee ID)
📋 Logout methods tracked: User Logout, Session Timeout, Page Refresh
⬇️ Export to Excel + Fullscreen mode via gear menu
🔎 Search across all fields and pagination (25 rows per page)
User Audit — Login Activity Tracking
Asset Log
Real-time history of every asset action in the current session — which asset got checked in, checked out, or edited in the inventory list.
📋 Every check-in, check-out, and inventory edit recorded with timestamp
👤 Action By — shows who performed each action with Employee ID
🏷️ Status badges color-coded by current asset state
⬇️ Export to Excel + Fullscreen mode via gear menu
🔎 Search across all fields and pagination (25 rows per page)
📌 Asset ID pinned on left — split-panel synchronized scroll
Asset Log — Real-time Change History
Leadership Reports & Statistics
Detailed asset statistics for leadership. Location-based analytics with breakdowns by status, year, chip type, user activity, and more.
📊 Overview Cards: Total Assets, Assigned (In Use + Working), Unallocated, On Loan, In Repair, Broken-Send to Edison, Sent to Edison, M-Chip count, Intel count
📍 Location dropdown: Austin / SCV — all statistics scoped to the selected location
🌍 Location cards: All Locations total (Austin + SCV) + selected location asset count
📈 By Status tab: count, percentage, color-coded progress bars per status
📅 By Year tab: Total, Assigned, Unallocated, Loaner, Repair, Broken-Edison, Sent-Edison, Special, Other per year
💻 Type & Processor tab: Asset Type breakdown (Laptop, Monitor, etc.) + Chip distribution (M1-M5, Intel)
👥 User Analytics tab: Top 15 users by assets held, Check-Outs/Check-Ins/Edits by user
📅 Activity tab: 30-day check-ins, check-outs, edits metrics + most checked-out assets list
Reports — Austin (Light Mode)
Reports — Austin (Dark Mode)
Austin — Status Breakdown
SCV — Status Breakdown
Austin — By Year Breakdown
SCV — By Year Breakdown
Type & Processor Distribution
User Analytics — Top Assigned Users
30-Day Activity Metrics
SCV — User Analytics
Session Management & Idle Timeout
Automatic idle detection with warning popup and force logout for security compliance. All session events logged in User Audit.
⏱️ 10 minutes of inactivity triggers warning — tracked by monitoring mouse, keyboard, touch, and scroll events
🔔 Warning popup appears with 30-second countdown — timer turns red at 10 seconds
🔄 Extend Session button — resets idle timer, popup disappears, user continues working
🚪 Log Out Now button — immediate logout recorded in audit
⚡ Auto force logout when countdown reaches 0 — recorded as "Session Timeout" in User Audit
🔄 Page refresh detected via sessionStorage — logs out with "Page Refresh" reason in audit
