commit 2dfe150a5c5b044382236128848510cb646c0bfb Author: Vaibhav Surve Date: Thu May 28 18:09:32 2026 +0530 feat: AMS V1 — multi-page HTML prototype - Login page with animated floating stat cards - Executive dashboard with Chart.js KPIs and activity feed - Full asset registry (list, search, filter, bulk actions, QR) - Asset detail page with 6 tabs (financial, maintenance, history…) - 3-step asset creation wizard with category-specific fields - Inventory: stock overview, GRN, location tree, physical audit - Procurement: PR → approval → PO → GRN → asset lifecycle - Maintenance: Kanban board, PM schedule, AMC contracts - Reports: depreciation schedule, utilization, compliance gauge - User management: roles, permission matrix, session control - Settings: 8 config sections (org, depreciation, security, integrations) - Premium dark UI with CSS variables, Chart.js 4, toast system diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..5a13882d --- /dev/null +++ b/.gitignore @@ -0,0 +1,22 @@ +# macOS +.DS_Store +.AppleDouble +.LSOverride +._* +.Spotlight-V100 +.Trashes + +# Editor +.idea/ +.vscode/ +*.swp +*.swo + +# Node (if ever added) +node_modules/ +npm-debug.log* + +# Build artifacts +dist/ +build/ +*.zip diff --git a/AMS_Product_Plan_v1.0.docx b/AMS_Product_Plan_v1.0.docx new file mode 100644 index 00000000..4a259e6e Binary files /dev/null and b/AMS_Product_Plan_v1.0.docx differ diff --git a/asset-create.html b/asset-create.html new file mode 100644 index 00000000..f64b191f --- /dev/null +++ b/asset-create.html @@ -0,0 +1,400 @@ + + + + +Add New Asset | AMS + + + + +
+ + + + +
+
+
+ ← Back to Assets +
Add New Asset
+
+
+ + 🚪 +
+
+ +
+
+ +
+
Creation Steps
+
+
+
+
💡 Auto-generated:
+
• Asset ID: AST-2025-021
+
• QR code on save
+
+
+ + +
+ +
+
📋 Step 1: Basic Information
+
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+ + +
+ + + +
+
+ + +
+
💰 Step 2: Purchase & Financial Details
+
+
+
+ + +
+
+ + +
+
+
+
+ +
+ ₹ + +
+
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+
Depreciation Configuration
+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
📍 Step 3: Location & Assignment
+
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+ + +
+
+
Additional Options
+
+ + + +
+
+
+ + +
+
+
+
Ready to save?
+
Asset will be created and QR code will be generated automatically.
+
+
+ + +
+
+
+ +
+
+
+
+
+ + + + +
+ + + + + diff --git a/asset-detail.html b/asset-detail.html new file mode 100644 index 00000000..c623e265 --- /dev/null +++ b/asset-detail.html @@ -0,0 +1,494 @@ + + + + +Asset Detail | AMS + + + + + +
+ + + + +
+
+
+ +
Asset Detail
+
+
+ + + + + 🚪 +
+
+ +
+ +
+ + +
+
+ + + + + + +
+ + +
+
+
+
📋 Asset Information
+
+
+
+
📍 Location & Assignment
+
+
+
+
+
+
📱 QR Code +
+
+
+
+
🔧 Custom Fields
+
+
+
+
+ + +
+
+
+
💰 Depreciation
+
+
+ +
+
+
+
📊 Value Summary
+
+
+
+
+ + +
+
+
👤 Assignment History + +
+
+
+
+ + +
+
+
🔧 Maintenance Records + + Raise Ticket +
+
+
+
+ + +
+
+
📄 Documents + +
+
+
+
+ + +
+
+
🕐 Audit Trail
+
+
+
+
+
+
+
+ + + + + + + + + + + + +
+ + + + + diff --git a/assets.html b/assets.html new file mode 100644 index 00000000..a0a6f3df --- /dev/null +++ b/assets.html @@ -0,0 +1,415 @@ + + + + +All Assets | AMS + + + + +
+ + + + + +
+
+
All Assets
+
🔍
+
+ + Add Asset + + 🚪 +
+
+ +
+ +
+ + +
+
+ 🔍 + +
+ + + + +
Showing 20 of 1,247 assets
+
+ + +
+ 0 items selected + + + + +
+ + +
+ + + + + + + + + + + + + + + + +
Asset ↕Category ↕Status ↕Department ↕Assigned To ↕Purchase Cost ↕Net Value ↕WarrantyActions
+ +
+
+
+
+ + + + + + + + + + + + + +
+ + + + + diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 00000000..2fd40a97 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,475 @@ +/* ================================================================ + AMS — Asset Management System | Design System v1.0 + Premium Dark Theme + ================================================================ */ + +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap'); + +/* ── CSS Variables ─────────────────────────────────────────────── */ +:root { + --bg-root: #07090F; + --bg-surface: #0D1117; + --bg-card: #131926; + --bg-card-hover: #18212f; + --bg-elevated: #1E2A3A; + + --border: rgba(255,255,255,0.055); + --border-strong: rgba(255,255,255,0.1); + --border-accent: rgba(99,102,241,0.35); + + --primary: #6366F1; + --primary-light: #818CF8; + --primary-dark: #4F46E5; + --primary-glow: rgba(99,102,241,0.12); + --primary-glow2: rgba(99,102,241,0.28); + + --cyan: #06B6D4; + --cyan-light: #22D3EE; + --cyan-glow: rgba(6,182,212,0.10); + + --success: #10B981; + --success-bg: rgba(16,185,129,0.10); + --warning: #F59E0B; + --warning-bg: rgba(245,158,11,0.10); + --danger: #EF4444; + --danger-bg: rgba(239,68,68,0.10); + --info: #3B82F6; + --info-bg: rgba(59,130,246,0.10); + --purple: #A855F7; + --purple-bg: rgba(168,85,247,0.10); + + --text-primary: #EFF6FF; + --text-secondary:#94A3B8; + --text-muted: #4B5563; + + --sidebar-w: 256px; + --topbar-h: 62px; + --radius-sm: 6px; + --radius-md: 10px; + --radius-lg: 14px; + --radius-xl: 20px; + --shadow-sm: 0 1px 4px rgba(0,0,0,0.4); + --shadow-md: 0 4px 20px rgba(0,0,0,0.5); + --shadow-lg: 0 8px 40px rgba(0,0,0,0.65); + --t: all 0.2s cubic-bezier(.4,0,.2,1); + --t-fast: all 0.12s ease; + --t-slow: all 0.35s cubic-bezier(.4,0,.2,1); +} + +/* ── Reset ─────────────────────────────────────────────────────── */ +*,*::before,*::after{box-sizing:border-box;margin:0;padding:0} +html{font-size:14px;scroll-behavior:smooth} +body{font-family:'Inter',-apple-system,sans-serif;background:var(--bg-root);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased} +a{color:var(--primary-light);text-decoration:none} +a:hover{color:var(--primary)} +::-webkit-scrollbar{width:5px;height:5px} +::-webkit-scrollbar-track{background:transparent} +::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px} +::-webkit-scrollbar-thumb:hover{background:var(--text-muted)} + +/* ── App Layout ─────────────────────────────────────────────────── */ +.app-layout{display:flex;min-height:100vh} + +/* ── Sidebar ─────────────────────────────────────────────────────── */ +.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;overflow-y:auto;overflow-x:hidden;transition:var(--t-slow)} +.sidebar-logo{display:flex;align-items:center;gap:12px;padding:18px 18px 16px;border-bottom:1px solid var(--border);flex-shrink:0} +.logo-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--primary),var(--cyan));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;box-shadow:0 0 18px var(--primary-glow2)} +.logo-title{font-size:16px;font-weight:800;letter-spacing:-0.4px} +.logo-sub{font-size:9.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-top:1px} +.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto} +.nav-section-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:14px 18px 5px} +.nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;margin:1px 8px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:var(--t);text-decoration:none;white-space:nowrap;overflow:hidden;position:relative} +.nav-item:hover{background:var(--bg-card);color:var(--text-primary)} +.nav-item.active{background:var(--primary-glow);color:var(--primary-light);border:1px solid var(--border-accent)} +.nav-item.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);border-radius:0 2px 2px 0} +.nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0} +.nav-badge{margin-left:auto;background:var(--danger);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center} +.sidebar-footer{padding:14px;border-top:1px solid var(--border);flex-shrink:0} +.user-card{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-md);cursor:pointer;transition:var(--t)} +.user-card:hover{background:var(--bg-card)} +.user-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--purple));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0} +.user-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} +.user-role{font-size:11px;color:var(--text-muted)} + +/* ── Main ─────────────────────────────────────────────────────── */ +.main-wrapper{margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh;flex:1} + +/* ── Topbar ─────────────────────────────────────────────────────── */ +.topbar{position:sticky;top:0;z-index:50;height:var(--topbar-h);background:rgba(13,17,23,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 22px} +.topbar-left{flex:1;display:flex;align-items:center;gap:10px} +.topbar-title{font-size:17px;font-weight:700;letter-spacing:-.3px} +.topbar-sub{font-size:12px;color:var(--text-muted);font-weight:400;margin-left:6px} +.topbar-search{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:7px 13px;width:260px;transition:var(--t)} +.topbar-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)} +.topbar-search input{background:none;border:none;outline:none;color:var(--text-primary);font-size:13px;width:100%;font-family:inherit} +.topbar-search input::placeholder{color:var(--text-muted)} +.topbar-actions{display:flex;align-items:center;gap:8px} +.icon-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--t);font-size:15px;position:relative} +.icon-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--primary)} +.badge-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--danger);border-radius:50%;border:1.5px solid var(--bg-root)} + +/* ── Content ─────────────────────────────────────────────────────── */ +.content{flex:1;padding:22px 24px} +.page-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px} +.page-title{font-size:21px;font-weight:800;letter-spacing:-.3px} +.page-sub{font-size:12.5px;color:var(--text-muted);margin-top:2px} +.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap} + +/* ── Cards ─────────────────────────────────────────────────────── */ +.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--t)} +.card:hover{border-color:var(--border-strong)} +.card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0} +.card-title{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px} +.card-body{padding:20px} +.card-footer{padding:12px 20px;border-top:1px solid var(--border)} + +/* ── Stat Cards ─────────────────────────────────────────────────── */ +.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;position:relative;overflow:hidden;transition:var(--t-slow);cursor:default} +.stat-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--sc-color,var(--primary)),transparent);opacity:0;transition:var(--t)} +.stat-card:hover::after{opacity:1} +.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)} +.stat-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:14px} +.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-weight:700;margin-bottom:5px} +.stat-value{font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1} +.stat-change{font-size:11.5px;margin-top:6px;display:flex;align-items:center;gap:4px} +.stat-change.up{color:var(--success)} +.stat-change.down{color:var(--danger)} + +/* ── Grids ─────────────────────────────────────────────────────── */ +.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} +.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} +.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} +.grid-charts{display:grid;grid-template-columns:2fr 1fr;gap:14px} +.col-span-2{grid-column:span 2} +.col-span-3{grid-column:span 3} + +/* ── Buttons ─────────────────────────────────────────────────────── */ +.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-md);border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer;transition:var(--t);font-family:inherit;white-space:nowrap;text-decoration:none;line-height:1} +.btn:active{transform:scale(.97)} +.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary-dark)} +.btn-primary:hover{background:var(--primary-dark);box-shadow:0 0 22px var(--primary-glow2)} +.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border)} +.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--primary);color:var(--primary-light)} +.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent} +.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)} +.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:rgba(239,68,68,.2)} +.btn-danger:hover{background:var(--danger);color:#fff} +.btn-success{background:var(--success-bg);color:var(--success);border-color:rgba(16,185,129,.2)} +.btn-success:hover{background:var(--success);color:#fff} +.btn-sm{padding:6px 12px;font-size:12px;border-radius:var(--radius-sm)} +.btn-lg{padding:12px 26px;font-size:14.5px} +.btn-icon{width:34px;height:34px;padding:0;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0} + +/* ── Badges ─────────────────────────────────────────────────────── */ +.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px} +.badge-dot-ind{width:5px;height:5px;border-radius:50%;flex-shrink:0} +.badge-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.2)} +.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.2)} +.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.2)} +.badge-info{background:var(--info-bg);color:var(--info);border:1px solid rgba(59,130,246,.2)} +.badge-primary{background:var(--primary-glow);color:var(--primary-light);border:1px solid var(--border-accent)} +.badge-purple{background:var(--purple-bg);color:var(--purple);border:1px solid rgba(168,85,247,.2)} +.badge-neutral{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)} +.badge-cyan{background:var(--cyan-glow);color:var(--cyan-light);border:1px solid rgba(6,182,212,.2)} + +/* ── Tables ─────────────────────────────────────────────────────── */ +.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card)} +.data-table{width:100%;border-collapse:collapse;font-size:13px} +.data-table thead{background:var(--bg-surface);position:sticky;top:0;z-index:2} +.data-table th{padding:11px 14px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;user-select:none} +.data-table th:hover{color:var(--text-secondary)} +.data-table td{padding:13px 14px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-secondary)} +.data-table tr:last-child td{border-bottom:none} +.data-table tbody tr{transition:var(--t-fast);cursor:pointer} +.data-table tbody tr:hover{background:var(--bg-card-hover)} +.data-table tbody tr:hover td{color:var(--text-primary)} +.asset-cell{display:flex;align-items:center;gap:10px} +.asset-ic{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--primary-glow);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0} +.asset-n{font-weight:600;color:var(--text-primary);font-size:13px} +.asset-id{font-size:11px;color:var(--text-muted)} + +/* ── Filters ─────────────────────────────────────────────────────── */ +.filters-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap} +.search-wrap{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;flex:1;min-width:180px;max-width:340px;transition:var(--t)} +.search-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)} +.search-wrap input{background:none;border:none;outline:none;color:var(--text-primary);font-size:13px;width:100%;font-family:inherit} +.search-wrap input::placeholder{color:var(--text-muted)} +.filter-sel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 13px;color:var(--text-secondary);font-size:13px;font-family:inherit;outline:none;cursor:pointer;transition:var(--t)} +.filter-sel:focus{border-color:var(--primary);color:var(--text-primary)} +.filter-sel option{background:var(--bg-elevated)} + +/* ── Forms ─────────────────────────────────────────────────────── */ +.form-group{margin-bottom:16px} +.form-label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.2px} +.form-label .req{color:var(--danger);margin-left:3px} +.form-input,.form-select,.form-textarea{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 13px;color:var(--text-primary);font-size:13.5px;font-family:inherit;outline:none;transition:var(--t)} +.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--bg-card)} +.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)} +.form-select option{background:var(--bg-elevated)} +.form-textarea{resize:vertical;min-height:78px} +.form-hint{font-size:11px;color:var(--text-muted);margin-top:4px} +.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px} +.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px} + +/* ── Tabs ─────────────────────────────────────────────────────── */ +.tabs{border-bottom:1px solid var(--border);display:flex;gap:0;margin-bottom:18px;overflow-x:auto} +.tab-btn{padding:10px 18px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:var(--t);font-family:inherit;white-space:nowrap;display:flex;align-items:center;gap:7px;margin-bottom:-1px} +.tab-btn:hover{color:var(--text-primary)} +.tab-btn.active{color:var(--primary-light);border-bottom-color:var(--primary)} +.tab-content{display:none} +.tab-content.active{display:block} + +/* ── Modals ─────────────────────────────────────────────────────── */ +.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);z-index:200;display:none;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease} +.modal-overlay.open{display:flex} +.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:540px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .2s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-lg),0 0 60px rgba(0,0,0,.5)} +.modal-lg{max-width:760px} +.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);flex-shrink:0} +.modal-title{font-size:15px;font-weight:700} +.modal-close{width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;transition:var(--t)} +.modal-close:hover{color:var(--danger);border-color:var(--danger)} +.modal-body{padding:22px;overflow-y:auto;flex:1} +.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border);flex-shrink:0} + +/* ── Toasts ─────────────────────────────────────────────────────── */ +.toast-container{position:fixed;top:18px;right:18px;z-index:9999;display:flex;flex-direction:column;gap:10px} +.toast{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:13px 16px;display:flex;align-items:center;gap:12px;font-size:13px;min-width:270px;max-width:370px;animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-md)} +.toast.success{border-left:3px solid var(--success)} +.toast.error{border-left:3px solid var(--danger)} +.toast.warning{border-left:3px solid var(--warning)} +.toast.info{border-left:3px solid var(--info)} +.toast-icon{font-size:17px;flex-shrink:0} +.toast-msg{flex:1} +.toast-title{font-weight:600;margin-bottom:1px} +.toast-text{color:var(--text-muted);font-size:11.5px} + +/* ── Kanban ─────────────────────────────────────────────────────── */ +.kanban-board{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;align-items:flex-start} +.kanban-col{min-width:252px;max-width:268px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0} +.kanban-col-header{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)} +.kanban-col-title{font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:8px} +.kanban-count{background:var(--bg-elevated);color:var(--text-muted);font-size:10px;font-weight:800;padding:2px 7px;border-radius:10px} +.kanban-cards{padding:10px;display:flex;flex-direction:column;gap:9px;min-height:120px} +.kanban-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:13px;transition:var(--t);cursor:pointer} +.kanban-card:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)} +.kanban-card-title{font-size:12.5px;font-weight:600;margin-bottom:7px;color:var(--text-primary)} +.kanban-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap} + +/* ── Timeline ─────────────────────────────────────────────────────── */ +.timeline{display:flex;flex-direction:column} +.timeline-item{display:flex;gap:14px;padding-bottom:18px;position:relative} +.timeline-item:last-child{padding-bottom:0} +.tl-icon-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0} +.tl-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1;flex-shrink:0} +.tl-line{width:2px;flex:1;background:var(--border);margin-top:3px} +.timeline-item:last-child .tl-line{display:none} +.tl-content{flex:1;padding-top:4px} +.tl-title{font-size:13px;font-weight:600;margin-bottom:2px} +.tl-desc{font-size:12px;color:var(--text-muted);margin-bottom:3px} +.tl-time{font-size:11px;color:var(--text-muted)} + +/* ── Progress ─────────────────────────────────────────────────────── */ +.progress-wrap{background:var(--bg-elevated);border-radius:100px;height:6px;overflow:hidden} +.progress-fill{height:100%;border-radius:100px;transition:width .6s ease;background:linear-gradient(90deg,var(--primary),var(--cyan))} + +/* ── Alerts ─────────────────────────────────────────────────────── */ +.alert{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border-radius:var(--radius-md);font-size:13px;margin-bottom:10px} +.alert-danger{background:var(--danger-bg);border:1px solid rgba(239,68,68,.2)} +.alert-warning{background:var(--warning-bg);border:1px solid rgba(245,158,11,.2)} +.alert-info{background:var(--info-bg);border:1px solid rgba(59,130,246,.2)} +.alert-success{background:var(--success-bg);border:1px solid rgba(16,185,129,.2)} +.alert-icon{font-size:17px;flex-shrink:0;margin-top:1px} +.alert-title{font-weight:600;margin-bottom:1px} +.alert-text{color:var(--text-muted);font-size:12px} + +/* ── Empty State ─────────────────────────────────────────────────── */ +.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 24px;text-align:center} +.empty-icon{font-size:44px;margin-bottom:14px;opacity:.45} +.empty-title{font-size:15px;font-weight:700;margin-bottom:6px} +.empty-text{font-size:12.5px;color:var(--text-muted);max-width:280px;margin-bottom:18px} + +/* ── Info Grid ─────────────────────────────────────────────────── */ +.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} +.info-label{font-size:10.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-weight:700;margin-bottom:3px} +.info-value{font-size:13.5px;color:var(--text-primary);font-weight:500} + +/* ── Depreciation Display ────────────────────────────────────────── */ +.dep-bar-wrap{background:var(--bg-surface);border-radius:var(--radius-md);padding:16px;margin-bottom:14px} +.dep-nums{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:8px} + +/* ── QR Placeholder ─────────────────────────────────────────────── */ +.qr-box{background:#fff;padding:14px;border-radius:var(--radius-md);display:inline-flex;flex-direction:column;align-items:center;gap:8px} +.qr-grid{width:100px;height:100px;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:1px} +.qr-c{background:#000;border-radius:1px} +.qr-c.w{background:#fff} +.qr-lbl{font-size:9px;color:#222;font-weight:700;font-family:monospace} + +/* ── Pagination ─────────────────────────────────────────────────── */ +.pagination{display:flex;align-items:center;gap:5px;justify-content:center;padding:14px;border-top:1px solid var(--border)} +.page-btn{width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12.5px;transition:var(--t);font-family:inherit;font-weight:500} +.page-btn:hover{border-color:var(--primary);color:var(--primary-light)} +.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff} + +/* ── Dropdown ─────────────────────────────────────────────────── */ +.dropdown{position:relative} +.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:6px;min-width:175px;z-index:100;box-shadow:var(--shadow-md);display:none;animation:fadeIn .12s ease} +.dropdown-menu.open{display:block} +.dropdown-item{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:var(--t-fast)} +.dropdown-item:hover{background:var(--bg-card);color:var(--text-primary)} +.dropdown-item.danger{color:var(--danger)} +.dropdown-item.danger:hover{background:var(--danger-bg)} +.dropdown-divider{height:1px;background:var(--border);margin:4px 0} + +/* ── Activity ─────────────────────────────────────────────────── */ +.activity-item{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-bottom:1px solid var(--border)} +.activity-item:last-child{border-bottom:none} +.act-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0} +.act-text{font-size:12.5px;color:var(--text-secondary);line-height:1.4} +.act-text strong{color:var(--text-primary);font-weight:600} +.act-time{font-size:11px;color:var(--text-muted);margin-top:2px} + +/* ── Bulk Bar ─────────────────────────────────────────────────── */ +.bulk-bar{display:none;align-items:center;gap:12px;background:var(--primary-glow);border:1px solid var(--border-accent);border-radius:var(--radius-md);padding:9px 15px;margin-bottom:10px} +.bulk-count{font-size:13px;font-weight:600;color:var(--primary-light);flex:1} + +/* ── Workflow Steps ─────────────────────────────────────────────── */ +.wf-steps{display:flex;align-items:center;gap:6px;flex-wrap:wrap} +.wf-step{display:flex;align-items:center;gap:7px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 13px;font-size:12px;font-weight:600;color:var(--text-muted)} +.wf-step.active{border-color:var(--primary);color:var(--primary-light);background:var(--primary-glow)} +.wf-step.done{border-color:rgba(16,185,129,.3);color:var(--success);background:var(--success-bg)} +.wf-arr{color:var(--text-muted);font-size:12px} + +/* ── Location Tree ─────────────────────────────────────────────── */ +.tree-list{padding:0;list-style:none} +.tree-node{list-style:none} +.tree-label{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--t-fast);font-size:13px;color:var(--text-secondary)} +.tree-label:hover{background:var(--bg-card-hover);color:var(--text-primary)} +.tree-label.selected{background:var(--primary-glow);color:var(--primary-light)} +.tree-children{padding-left:18px;border-left:1px solid var(--border);margin-left:14px;display:none} +.tree-children.open{display:block} +.tree-arrow{transition:transform .2s;font-size:10px;color:var(--text-muted)} +.tree-arrow.open{transform:rotate(90deg)} + +/* ── Perm Matrix ─────────────────────────────────────────────────── */ +.perm-matrix{width:100%;border-collapse:collapse;font-size:12.5px} +.perm-matrix th,.perm-matrix td{padding:9px 13px;border:1px solid var(--border);text-align:center} +.perm-matrix th{background:var(--bg-surface);font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:700} +.perm-matrix td:first-child{text-align:left;font-weight:500;color:var(--text-secondary);background:var(--bg-surface)} + +/* ── Report Cards ─────────────────────────────────────────────────── */ +.report-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;transition:var(--t);cursor:pointer} +.report-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)} +.report-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:12px} +.report-title{font-size:13.5px;font-weight:700;margin-bottom:5px} +.report-desc{font-size:12px;color:var(--text-muted);line-height:1.5} + +/* ── Step Wizard ─────────────────────────────────────────────────── */ +.step-nav-item{display:flex;align-items:center;gap:12px;padding:11px;border-radius:var(--radius-md);cursor:pointer;transition:var(--t);margin-bottom:4px} +.step-nav-item:hover{background:var(--bg-card-hover)} +.step-nav-item.active{background:var(--primary-glow)} +.step-num{width:26px;height:26px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-muted);flex-shrink:0;transition:var(--t)} +.step-nav-item.active .step-num{border-color:var(--primary);background:var(--primary);color:#fff} +.step-nav-item.done .step-num{border-color:var(--success);background:var(--success);color:#fff} +.step-nav-label{font-size:13px;font-weight:600} +.step-nav-sub{font-size:11px;color:var(--text-muted)} + +/* ── Notif Panel ─────────────────────────────────────────────────── */ +.notif-panel{position:absolute;top:calc(100% + 12px);right:0;width:320px;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;display:none;animation:slideUp .2s ease} +.notif-panel.open{display:block} +.notif-header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border)} +.notif-title{font-size:13.5px;font-weight:700} +.notif-item{display:flex;align-items:flex-start;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--t-fast)} +.notif-item:hover{background:var(--bg-card-hover)} +.notif-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:5px} +.notif-text{font-size:12.5px;color:var(--text-secondary);line-height:1.4} +.notif-text strong{color:var(--text-primary)} +.notif-time{font-size:10.5px;color:var(--text-muted);margin-top:2px} + +/* ── Login ─────────────────────────────────────────────────────── */ +.login-page{min-height:100vh;display:flex;background:var(--bg-root);position:relative;overflow:hidden} +.login-bg-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 25%,rgba(99,102,241,.18) 0%,transparent 55%),radial-gradient(ellipse at 80% 75%,rgba(6,182,212,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(168,85,247,.06) 0%,transparent 65%)} +.login-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:48px 48px} +.login-panel{width:100%;max-width:420px;margin:auto;z-index:1;padding:24px} +.login-logo-wrap{display:flex;align-items:center;gap:13px;margin-bottom:30px;justify-content:center} +.login-logo-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary),var(--cyan));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:23px;box-shadow:0 0 28px var(--primary-glow2)} +.login-logo-text{font-size:24px;font-weight:800;letter-spacing:-.4px} +.login-logo-text span{color:var(--primary-light)} +.login-card{background:rgba(19,25,38,.85);backdrop-filter:blur(22px);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:30px;box-shadow:var(--shadow-lg)} +.login-heading{text-align:center;margin-bottom:26px} +.login-title{font-size:21px;font-weight:800;margin-bottom:5px} +.login-subtitle{font-size:12.5px;color:var(--text-muted)} +.login-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-muted);font-size:11.5px} +.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:var(--border)} + +/* ── Section Header ─────────────────────────────────────────────── */ +.section-hdr{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;display:flex;align-items:center;gap:8px} +.section-hdr::after{content:'';flex:1;height:1px;background:var(--border)} + +/* ── Utilities ─────────────────────────────────────────────────── */ +.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap} +.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px} +.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px} +.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px} +.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px} +.text-xs{font-size:11px}.text-sm{font-size:12.5px} +.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary-c{color:var(--text-primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-cyan{color:var(--cyan-light)}.text-accent{color:var(--primary-light)} +.text-right{text-align:right}.text-center{text-align:center} +.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500} +.w-full{width:100%} +.divider{border:none;border-top:1px solid var(--border);margin:18px 0} +.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.rounded-full{border-radius:100px} +.shadow-primary{box-shadow:0 4px 20px var(--primary-glow2)} + +/* ── Animations ─────────────────────────────────────────────────── */ +@keyframes fadeIn{from{opacity:0}to{opacity:1}} +@keyframes slideUp{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}} +@keyframes slideInRight{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}} +@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}} +@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}} +.animate-spin{animation:spin 1s linear infinite} +.animate-pulse{animation:pulse-dot 2s infinite} +.animate-fadein{animation:fadeIn .35s ease} + +/* ── Settings Nav ────────────────────────────────────────────────── */ +.settings-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);cursor:pointer;transition:var(--t);font-size:13px;color:var(--text-secondary);margin-bottom:2px} +.settings-nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)} +.settings-nav-item.active{background:var(--primary-glow);color:var(--primary-light)} + +/* ── Toggle / Switch ─────────────────────────────────────────────── */ +.toggle{display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0} +.toggle input{opacity:0;width:0;height:0;position:absolute} +.toggle-slider{width:40px;height:22px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:100px;position:relative;transition:var(--t)} +.toggle-slider::before{content:'';position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:var(--t)} +.toggle input:checked+.toggle-slider{background:var(--primary);border-color:var(--primary)} +.toggle input:checked+.toggle-slider::before{transform:translateX(18px)} + +/* ── Theme Swatches ──────────────────────────────────────────────── */ +.theme-opt{display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;padding:10px 14px;border-radius:var(--radius-md);border:2px solid transparent;transition:var(--t);font-size:11.5px;color:var(--text-muted)} +.theme-opt:hover{background:var(--bg-card)} +.theme-opt.selected{border-color:var(--primary);background:var(--primary-glow);color:var(--primary-light)} +.theme-swatch{width:52px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border)} +.theme-swatch.dark{background:linear-gradient(135deg,#07090F 60%,#1E2A3A)} +.theme-swatch.light{background:linear-gradient(135deg,#F8FAFC 60%,#E2E8F0)} +.theme-swatch.auto{background:linear-gradient(135deg,#07090F 50%,#F8FAFC 50%)} + +/* ── Input Group ─────────────────────────────────────────────────── */ +.input-group{display:flex;align-items:stretch} +.input-prefix{background:var(--bg-elevated);border:1px solid var(--border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);padding:10px 13px;color:var(--text-muted);font-size:13.5px;display:flex;align-items:center;flex-shrink:0} + +/* ── Row Selected ────────────────────────────────────────────────── */ +.row-selected{background:var(--primary-glow) !important} +.row-selected td{color:var(--text-primary) !important} + +/* ── bg-elevated utility ─────────────────────────────────────────── */ +.bg-elevated{background:var(--bg-elevated)} +.border{border:1px solid var(--border)} +.rounded-md{border-radius:var(--radius-md)} + +/* ── Vendor / Integration Card Extras ───────────────────────────── */ +.flex-shrink-0{flex-shrink:0} + +/* ── Responsive ─────────────────────────────────────────────────── */ +@media(max-width:1280px){.grid-4{grid-template-columns:repeat(2,1fr)}} +@media(max-width:960px){:root{--sidebar-w:0px}.sidebar{transform:translateX(-100%);width:256px}.sidebar.open{transform:translateX(0)}.main-wrapper{margin-left:0}.grid-charts{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}} +@media(max-width:600px){.grid-4,.grid-3{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}} diff --git a/dashboard.html b/dashboard.html new file mode 100644 index 00000000..64128055 --- /dev/null +++ b/dashboard.html @@ -0,0 +1,323 @@ + + + + +Dashboard | AMS + + + + + + +
+ + + + + +
+ + +
+
+
Dashboard Welcome back, Arjun 👋
+
+
+ 🔍 + +
+
+
+ +
+
Notifications
+
+ +
+
+ 🚪 +
+
+ +
+ +
+ + +
+ + +
+
+
+ 📊 Asset Status Distribution + +
+
+ +
+
+
+
+ 🍕 Assets by Category +
+
+ +
+
+
+ + +
+
+
+ 💰 Depreciation Overview + +
+
+ +
+
+
+
+ ⚠️ Action Items + Needs Attention +
+
+
+
+ + +
+
+
+ 🕐 Recent Activity + Last 7 days +
+
+
+
+
+ 📦 Assets by Department +
+
+ +
+
+
+
+
+
+ + + + +
+ + + + + + diff --git a/index.html b/index.html new file mode 100644 index 00000000..b501f0cc --- /dev/null +++ b/index.html @@ -0,0 +1,138 @@ + + + + +Login | AMS — Asset Management System + + + + + + +
+ + + + +
+
Total Assets
+
1,247
+
↑ +3.2% this month
+
+
+
Asset Value
+
₹4.29Cr
+
Net book value
+
+
+
Compliance
+
98.4%
+
Audit ready ✓
+
+ + +
+ +
+ + + + + + diff --git a/inventory.html b/inventory.html new file mode 100644 index 00000000..c75d2ac4 --- /dev/null +++ b/inventory.html @@ -0,0 +1,383 @@ + + + + +Inventory | AMS + + + + + +
+ + +
+
+
Inventory Management
+
+ + + 🚪 +
+
+ +
+ +
+ + +
+ + +
+
+ + + + +
+ + +
+
+
+
📊 Stock by Category
+
+
+
+
⚠️ Low Stock Alerts5 items
+
+
+
+
+ + + +
CategoryTotal AssetsActiveIdleMaintenanceMin ThresholdStatusActions
+
+
+ + +
+
+
+
📍 Location Tree
+
+
    +
    +
    +
    +
    Select a location
    +
    +
    📍
    No location selected
    Click on a location from the tree to view its assets
    +
    +
    +
    +
    + + +
    +
    +
    🔍
    + + +
    +
    + + + +
    DateMovement TypeAsset / ItemFromToQtyReferenceBy
    +
    +
    + + +
    +
    +
    +
    ✅
    +
    Assets Found
    +
    1,198
    +
    96.1% of total
    +
    +
    +
    ❌
    +
    Not Found
    +
    49
    +
    3.9% – Under investigation
    +
    +
    +
    ⚠️
    +
    Discrepancies
    +
    7
    +
    Location mismatches
    +
    +
    +
    +
    ℹ️
    +
    Last Physical Audit: Q4 FY 2024-25 (March 2025)
    +
    Next scheduled audit: Q2 FY 2025-26 (September 2025). Audited by: Kavya Nair, Deepak Joshi
    +
    + +
    +
    + + + +
    Asset IDAsset NameSystem LocationPhysical LocationStatusAction
    +
    +
    +
    +
    +
    +
    + + + + + + + +
    + + + + + diff --git a/js/app.js b/js/app.js new file mode 100644 index 00000000..718d62d0 --- /dev/null +++ b/js/app.js @@ -0,0 +1,275 @@ +// ================================================================ +// AMS — Core Application Logic | app.js +// ================================================================ + +/* ── Active Nav ─────────────────────────────────────────────────── */ +function setActiveNav() { + const page = window.location.pathname.split('/').pop() || 'dashboard.html'; + document.querySelectorAll('.nav-item').forEach(el => { + const href = el.getAttribute('href') || ''; + if (href && page === href) el.classList.add('active'); + else el.classList.remove('active'); + }); +} + +/* ── Modals ─────────────────────────────────────────────────────── */ +function openModal(id) { + const el = document.getElementById(id); + if (el) { el.classList.add('open'); document.body.style.overflow = 'hidden'; } +} +function closeModal(id) { + const el = document.getElementById(id); + if (el) { el.classList.remove('open'); document.body.style.overflow = ''; } +} + +/* ── Tabs ─────────────────────────────────────────────────────── */ +function initTabs(container) { + const root = container || document; + root.querySelectorAll('.tab-btn').forEach(btn => { + btn.addEventListener('click', () => { + const tabsEl = btn.closest('.tabs'); + const tabGroup = tabsEl ? tabsEl.dataset.group : null; + const targetId = btn.dataset.tab; + tabsEl.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active')); + btn.classList.add('active'); + const scope = btn.closest('.tab-container') || btn.closest('.card') || btn.closest('.content') || document; + scope.querySelectorAll('.tab-content').forEach(tc => { + if (tabGroup && tc.dataset.group && tc.dataset.group !== tabGroup) return; + tc.classList.toggle('active', tc.id === targetId); + }); + }); + }); +} + +/* ── Toast ─────────────────────────────────────────────────────── */ +function showToast(title, text='', type='success', dur=4200) { + const icons = { success:'✅', error:'❌', warning:'⚠️', info:'ℹ️' }; + const c = document.getElementById('toastContainer'); + if (!c) return; + const t = document.createElement('div'); + t.className = `toast ${type}`; + t.innerHTML = `
    ${icons[type]}
    +
    ${title}
    ${text?`
    ${text}
    `:''}
    + `; + c.appendChild(t); + setTimeout(() => { t.style.opacity='0'; t.style.transform='translateX(30px)'; t.style.transition='all .3s ease'; setTimeout(()=>t.remove(),350); }, dur); +} + +/* ── Table Search ─────────────────────────────────────────────── */ +function initSearch(inputId, tableId) { + const inp = document.getElementById(inputId); + const tbl = document.getElementById(tableId); + if (!inp || !tbl) return; + inp.addEventListener('input', () => { + const q = inp.value.toLowerCase().trim(); + let vis = 0; + tbl.querySelectorAll('tbody tr').forEach(r => { + const show = !q || r.textContent.toLowerCase().includes(q); + r.style.display = show ? '' : 'none'; + if (show) vis++; + }); + const cnt = document.getElementById(tableId + '-count'); + if (cnt) cnt.textContent = vis; + }); +} + +/* ── Select Filter ─────────────────────────────────────────────── */ +function initFilter(selId, tableId, colIdx) { + const sel = document.getElementById(selId); + const tbl = document.getElementById(tableId); + if (!sel || !tbl) return; + sel.addEventListener('change', () => { + const v = sel.value.toLowerCase(); + tbl.querySelectorAll('tbody tr').forEach(r => { + if (!v) { r.style.display = ''; return; } + const cell = r.cells[colIdx]; + r.style.display = (cell && cell.textContent.toLowerCase().includes(v)) ? '' : 'none'; + }); + }); +} + +/* ── Bulk Checkboxes ─────────────────────────────────────────── */ +function initCheckboxes(tableId, bulkBarId) { + const tbl = document.getElementById(tableId); + const bar = document.getElementById(bulkBarId); + if (!tbl) return; + const all = tbl.querySelector('.select-all'); + const rows = () => [...tbl.querySelectorAll('.row-check')]; + const updateBar = () => { + if (!bar) return; + const n = rows().filter(c => c.checked).length; + bar.style.display = n > 0 ? 'flex' : 'none'; + const cnt = bar.querySelector('.bulk-count'); + if (cnt) cnt.textContent = `${n} item${n!==1?'s':''} selected`; + }; + if (all) { + all.addEventListener('change', () => { + rows().forEach(c => { c.checked = all.checked; c.closest('tr').classList.toggle('row-selected', all.checked); }); + updateBar(); + }); + } + rows().forEach(c => { + c.addEventListener('change', () => { + c.closest('tr').classList.toggle('row-selected', c.checked); + if (all) all.checked = rows().every(r => r.checked); + updateBar(); + }); + }); +} + +/* ── Confirm Dialog ─────────────────────────────────────────── */ +function confirmAction(title, msg, cb, type='danger') { + const m = document.getElementById('confirmModal'); + if (!m) { if (confirm(msg) && cb) cb(); return; } + m.querySelector('.confirm-title').textContent = title; + m.querySelector('.confirm-message').textContent = msg; + const btn = m.querySelector('.confirm-ok'); + btn.onclick = () => { closeModal('confirmModal'); if (cb) cb(); }; + openModal('confirmModal'); +} + +/* ── Dropdowns ─────────────────────────────────────────────── */ +function initDropdowns() { + document.querySelectorAll('[data-dropdown]').forEach(trigger => { + trigger.addEventListener('click', e => { + e.stopPropagation(); + const menuId = trigger.dataset.dropdown; + const menu = document.getElementById(menuId); + if (!menu) return; + document.querySelectorAll('.dropdown-menu.open').forEach(m => { if (m.id !== menuId) m.classList.remove('open'); }); + menu.classList.toggle('open'); + }); + }); + document.addEventListener('click', () => { + document.querySelectorAll('.dropdown-menu.open').forEach(m => m.classList.remove('open')); + }); +} + +/* ── Tree ─────────────────────────────────────────────────── */ +function initTrees() { + document.querySelectorAll('.tree-toggle').forEach(t => { + t.addEventListener('click', () => { + const ch = t.closest('.tree-node').querySelector('.tree-children'); + const ar = t.querySelector('.tree-arrow'); + if (ch) { ch.classList.toggle('open'); if (ar) ar.classList.toggle('open'); } + }); + }); +} + +/* ── Notif Panel ─────────────────────────────────────────────── */ +function initNotifPanel() { + const bell = document.getElementById('notifBell'); + const panel = document.getElementById('notifPanel'); + if (bell && panel) { + bell.addEventListener('click', e => { e.stopPropagation(); panel.classList.toggle('open'); }); + document.addEventListener('click', e => { if (!panel.contains(e.target) && e.target !== bell) panel.classList.remove('open'); }); + } +} + +/* ── Sidebar User Info ─────────────────────────────────────── */ +function populateSidebarUser() { + if (!window.AMS) return; + const u = AMS.currentUser; + const nameEl = document.getElementById('sidebarUserName'); + const roleEl = document.getElementById('sidebarUserRole'); + const avEl = document.getElementById('sidebarUserAv'); + if (nameEl) nameEl.textContent = u.name; + if (roleEl) roleEl.textContent = u.role; + if (avEl) avEl.textContent = u.avatar; +} + +/* ── Topbar Notifications Badge ─────────────────────────────── */ +function populateNotifBadge() { + if (!window.AMS) return; + const unread = AMS.notifications.filter(n => !n.read).length; + const dot = document.querySelector('#notifBell .badge-dot'); + if (dot) dot.style.display = unread > 0 ? '' : 'none'; +} + +/* ── Render Notifications Panel ─────────────────────────────── */ +function renderNotifPanel() { + if (!window.AMS) return; + const list = document.getElementById('notifList'); + if (!list) return; + list.innerHTML = AMS.notifications.map(n => ` +
    + ${n.read ? '' : '
    '} +
    +
    ${n.text}
    +
    ${n.time}
    +
    +
    `).join(''); +} + +function markNotifRead(id) { + if (window.AMS) { + const n = AMS.notifications.find(x => x.id === id); + if (n) n.read = true; + populateNotifBadge(); + renderNotifPanel(); + } +} + +/* ── Pagination ─────────────────────────────────────────────── */ +function renderPagination(containerId, total, perPage=10, current=1, onChange) { + const c = document.getElementById(containerId); + if (!c) return; + const pages = Math.ceil(total / perPage); + let html = ``; + for (let i=1;i<=pages;i++) { + html += ``; + } + html += ``; + c.innerHTML = html; +} + +/* ── Download CSV ─────────────────────────────────────────── */ +function downloadCSV(data, filename='export.csv') { + if (!data.length) return; + const headers = Object.keys(data[0]).join(','); + const rows = data.map(r => Object.values(r).map(v => `"${String(v).replace(/"/g,'""')}"`).join(',')); + const csv = [headers, ...rows].join('\n'); + const a = document.createElement('a'); + a.href = URL.createObjectURL(new Blob([csv],{type:'text/csv'})); + a.download = filename; + a.click(); +} + +/* ── Generate QR SVG Pattern ───────────────────────────────── */ +function generateQRPattern(seed) { + // Deterministic pseudo-QR pattern based on seed string + let hash = 0; + for (let i=0; i { hash = (hash * 1103515245 + 12345) | 0; return Math.abs(hash) % n; }; + const cells = []; + for (let i=0;i<49;i++) cells.push(rand(2)); + // Force finder pattern corners + const corners = [0,1,2,3,4,5,6,7,14,21,28,35,42,43,44,45,46,47,48]; + corners.forEach(i => cells[i] = i%7<1 || i%7>5 || Math.floor(i/7)<1 || Math.floor(i/7)>5 ? 1 : 0); + return cells; +} + +/* ── DOMContentLoaded Init ─────────────────────────────────── */ +document.addEventListener('DOMContentLoaded', () => { + setActiveNav(); + initTabs(); + initDropdowns(); + initTrees(); + initNotifPanel(); + populateSidebarUser(); + populateNotifBadge(); + renderNotifPanel(); + + // Auto close modal on overlay click + document.querySelectorAll('.modal-overlay').forEach(ov => { + ov.addEventListener('click', e => { if (e.target === ov) { ov.classList.remove('open'); document.body.style.overflow = ''; } }); + }); + + // Auto close modal on .modal-close + document.querySelectorAll('.modal-close').forEach(btn => { + btn.addEventListener('click', () => { + const ov = btn.closest('.modal-overlay'); + if (ov) { ov.classList.remove('open'); document.body.style.overflow = ''; } + }); + }); +}); diff --git a/js/data.js b/js/data.js new file mode 100644 index 00000000..1ed1b7ff --- /dev/null +++ b/js/data.js @@ -0,0 +1,197 @@ +// ================================================================ +// AMS — Sample Data Store | Version 1.0 +// ================================================================ + +const AMS = { + + currentUser: { + id: 'u001', name: 'Arjun Sharma', email: 'arjun.sharma@acmecorp.com', + role: 'Asset Manager', dept: 'IT', avatar: 'AS', location: 'HQ – Bengaluru' + }, + + company: { + name: 'Acme Corporation Pvt. Ltd.', currency: '₹', currencyCode: 'INR', + fy: 'Apr 2025 – Mar 2026', gst: '29AABCU9603R1ZX', + address: '12th Floor, Prestige Tech Park, Outer Ring Road, Bengaluru – 560103' + }, + + stats: { + total: 1247, active: 1089, maintenance: 47, idle: 63, disposed: 48, + totalValue: 42850000, netValue: 30100000, depreciated: 12750000, + pendingTickets: 12, lowStock: 5, expiringAMC: 3, pendingPRs: 8 + }, + + assets: [ + { id:'AST-2025-001', name:'Dell Latitude 5540', cat:'Laptops', serial:'DL5540-8K2J9', status:'Active', dept:'IT', loc:'IT Dept – Floor 2', assignee:'Priya Kumar', purchase:'2024-01-15', cost:85000, value:68000, vendor:'Dell India', warranty:'2027-01-15', depM:'SLM', depR:20, icon:'💻' }, + { id:'AST-2025-002', name:'HP LaserJet Pro M404', cat:'Printers', serial:'HP-LJ404-3F7K1', status:'Active', dept:'Finance', loc:'Finance – Floor 1', assignee:'Shared', purchase:'2023-08-20', cost:24000, value:17600, vendor:'HP India', warranty:'2025-08-20', depM:'SLM', depR:25, icon:'🖨️' }, + { id:'AST-2025-003', name:'Apple MacBook Pro 14"', cat:'Laptops', serial:'MPB14-C7R5X', status:'Active', dept:'Marketing', loc:'Marketing – Floor 3', assignee:'Sneha Patel', purchase:'2024-03-10', cost:195000, value:175500, vendor:'Apple India', warranty:'2026-03-10', depM:'SLM', depR:20, icon:'💻' }, + { id:'AST-2025-004', name:'Dell PowerEdge R740', cat:'Servers', serial:'PE-R740-9M4L2', status:'Active', dept:'IT', loc:'Server Room – B1', assignee:'IT Team', purchase:'2023-05-01', cost:380000, value:266000, vendor:'Dell India', warranty:'2026-05-01', depM:'WDV', depR:30, icon:'🖥️' }, + { id:'AST-2025-005', name:'Daikin 1.5T Split AC', cat:'HVAC', serial:'DK-FTKG-2024-05', status:'Under Maintenance', dept:'HR', loc:'HR – Floor 2', assignee:'Shared', purchase:'2022-04-15', cost:45000, value:25650, vendor:'Daikin India', warranty:'2024-04-15', depM:'SLM', depR:15, icon:'❄️' }, + { id:'AST-2025-006', name:'Lenovo ThinkPad X1 Carbon',cat:'Laptops', serial:'LN-X1C-7P3Q8', status:'Active', dept:'Operations',loc:'Operations – Floor 1', assignee:'Vikram Reddy', purchase:'2024-02-01', cost:125000, value:112500, vendor:'Lenovo India', warranty:'2027-02-01', depM:'SLM', depR:20, icon:'💻' }, + { id:'AST-2025-007', name:'Epson EB-2250U Projector', cat:'AV Equipment', serial:'EP-EB2250-6N9R', status:'Idle', dept:'Admin', loc:'Conference Room A', assignee:'Unassigned', purchase:'2023-11-10', cost:78000, value:62400, vendor:'Epson India', warranty:'2025-11-10', depM:'SLM', depR:20, icon:'📽️' }, + { id:'AST-2025-008', name:'Cisco Catalyst 9300', cat:'Networking', serial:'CS-C9300-4K7J', status:'Active', dept:'IT', loc:'Server Room – B1', assignee:'Network Team', purchase:'2023-07-20', cost:145000, value:101500, vendor:'Cisco Systems', warranty:'2026-07-20', depM:'WDV', depR:30, icon:'🔌' }, + { id:'AST-2025-009', name:'iPhone 15 Pro', cat:'Mobile Devices', serial:'IP15P-A2M8K', status:'Active', dept:'Marketing', loc:'Sales Floor', assignee:'Raj Patel', purchase:'2024-01-05', cost:134900, value:121410, vendor:'Apple India', warranty:'2026-01-05', depM:'SLM', depR:20, icon:'📱' }, + { id:'AST-2025-010', name:'Canon EOS R5 Camera', cat:'AV Equipment', serial:'CN-EOSR5-2B7K', status:'Active', dept:'Marketing', loc:'Marketing – Floor 3', assignee:'Content Team', purchase:'2023-09-15', cost:285000, value:228000, vendor:'Canon India', warranty:'2025-09-15', depM:'SLM', depR:20, icon:'📷' }, + { id:'AST-2025-011', name:'Steelcase Leap V2 Chair', cat:'Furniture', serial:'SC-LV2-9P3X2', status:'Active', dept:'IT', loc:'IT Dept – Floor 2', assignee:'Priya Kumar', purchase:'2022-06-01', cost:35000, value:21000, vendor:'Steelcase India', warranty:'2027-06-01', depM:'SLM', depR:10, icon:'🪑' }, + { id:'AST-2025-012', name:'APC Smart UPS 3KVA', cat:'Power Equipment',serial:'APC-SM3K-7Y4L', status:'Active', dept:'IT', loc:'Server Room – B1', assignee:'IT Team', purchase:'2023-03-10', cost:28000, value:21000, vendor:'Schneider Elec.', warranty:'2025-03-10', depM:'SLM', depR:25, icon:'🔋' }, + { id:'AST-2025-013', name:'Samsung 43" Display', cat:'Displays', serial:'SM-43D-5R2M9', status:'Active', dept:'Admin', loc:'Reception – Floor 1', assignee:'Shared', purchase:'2024-01-20', cost:42000, value:39900, vendor:'Samsung India', warranty:'2025-01-20', depM:'SLM', depR:25, icon:'🖥️' }, + { id:'AST-2025-014', name:'Honda City (Company Car)', cat:'Vehicles', serial:'MH12CC4567', status:'Active', dept:'Admin', loc:'Parking – B1', assignee:'Driver Pool', purchase:'2022-12-01', cost:1350000, value:945000, vendor:'Honda Dealers', warranty:'2025-12-01', depM:'WDV', depR:15, icon:'🚗' }, + { id:'AST-2025-015', name:'HP ProDesk 600 Desktop', cat:'Desktops', serial:'HP-PD600-8K3X', status:'Idle', dept:'Finance', loc:'Finance – Floor 1', assignee:'Unassigned', purchase:'2021-08-15', cost:55000, value:11000, vendor:'HP India', warranty:'2023-08-15', depM:'SLM', depR:20, icon:'🖥️' }, + { id:'AST-2025-016', name:'Ricoh Aficio Photocopier', cat:'Printers', serial:'RC-AF-5502-7P', status:'Under Maintenance',dept:'Admin', loc:'Admin – Floor 1', assignee:'Shared', purchase:'2022-03-20', cost:175000, value:87500, vendor:'Ricoh India', warranty:'2024-03-20', depM:'SLM', depR:25, icon:'🖨️' }, + { id:'AST-2025-017', name:'Cisco IP Phone 8841', cat:'Networking', serial:'CS-8841-3P7K', status:'Active', dept:'HR', loc:'HR – Floor 2', assignee:'Anita Singh', purchase:'2023-06-10', cost:18500, value:12950, vendor:'Cisco Systems', warranty:'2025-06-10', depM:'SLM', depR:25, icon:'☎️' }, + { id:'AST-2025-018', name:'Tata Nexon EV', cat:'Vehicles', serial:'MH12EV1234', status:'Active', dept:'Admin', loc:'Parking – B1', assignee:'Exec Pool', purchase:'2024-02-15', cost:1650000, value:1567500, vendor:'Tata Motors', warranty:'2027-02-15', depM:'WDV', depR:15, icon:'🚗' }, + { id:'AST-2025-019', name:'Synology NAS DS920+', cat:'Storage', serial:'SY-DS920-4M7K', status:'Active', dept:'IT', loc:'Server Room – B1', assignee:'IT Team', purchase:'2023-10-05', cost:62000, value:49600, vendor:'Synology', warranty:'2026-10-05', depM:'SLM', depR:20, icon:'💾' }, + { id:'AST-2025-020', name:'Godrej Steel Almirah', cat:'Furniture', serial:'GJ-SS-2023-012', status:'Active', dept:'Finance', loc:'Finance – Floor 1', assignee:'Shared', purchase:'2021-05-20', cost:22000, value:13200, vendor:'Godrej Interio', warranty:'N/A', depM:'SLM', depR:10, icon:'🗄️' } + ], + + users: [ + { id:'u001', name:'Arjun Sharma', email:'arjun.sharma@acmecorp.com', role:'Asset Manager', dept:'IT', status:'Active', lastLogin:'2025-05-28 09:12', av:'AS', color:'#6366F1' }, + { id:'u002', name:'Priya Kumar', email:'priya.kumar@acmecorp.com', role:'IT Head', dept:'IT', status:'Active', lastLogin:'2025-05-28 08:45', av:'PK', color:'#10B981' }, + { id:'u003', name:'Rahul Mehta', email:'rahul.mehta@acmecorp.com', role:'Finance Head', dept:'Finance', status:'Active', lastLogin:'2025-05-27 17:30', av:'RM', color:'#F59E0B' }, + { id:'u004', name:'Anita Singh', email:'anita.singh@acmecorp.com', role:'HR Manager', dept:'HR', status:'Active', lastLogin:'2025-05-28 10:02', av:'AS', color:'#A855F7' }, + { id:'u005', name:'Vikram Reddy', email:'vikram.reddy@acmecorp.com', role:'Operations Head', dept:'Operations',status:'Active', lastLogin:'2025-05-26 14:20', av:'VR', color:'#06B6D4' }, + { id:'u006', name:'Sneha Patel', email:'sneha.patel@acmecorp.com', role:'Marketing Lead', dept:'Marketing', status:'Active', lastLogin:'2025-05-28 11:00', av:'SP', color:'#EF4444' }, + { id:'u007', name:'Deepak Joshi', email:'deepak.joshi@acmecorp.com', role:'Admin Officer', dept:'Admin', status:'Active', lastLogin:'2025-05-27 09:30', av:'DJ', color:'#3B82F6' }, + { id:'u008', name:'Kavya Nair', email:'kavya.nair@acmecorp.com', role:'Asset Coordinator',dept:'IT', status:'Active', lastLogin:'2025-05-28 09:55', av:'KN', color:'#10B981' }, + { id:'u009', name:'Raj Patel', email:'raj.patel@acmecorp.com', role:'Sales Executive', dept:'Marketing', status:'Inactive',lastLogin:'2025-05-20 16:10', av:'RP', color:'#6366F1' }, + { id:'u010', name:'System Admin', email:'admin@acmecorp.com', role:'Super Admin', dept:'IT', status:'Active', lastLogin:'2025-05-28 07:00', av:'SA', color:'#F59E0B' } + ], + + tickets: [ + { id:'TKT-001', title:'Laptop keyboard not working', asset:'AST-2025-001', assetName:'Dell Latitude 5540', priority:'High', status:'In Progress', assignedTo:'Kavya Nair', created:'2025-05-26', dept:'IT', category:'Hardware Failure' }, + { id:'TKT-002', title:'AC not cooling – HR floor', asset:'AST-2025-005', assetName:'Daikin 1.5T Split AC', priority:'Critical', status:'In Progress', assignedTo:'External AMC', created:'2025-05-27', dept:'HR', category:'Performance Issue' }, + { id:'TKT-003', title:'Printer paper jam frequent', asset:'AST-2025-002', assetName:'HP LaserJet Pro M404', priority:'Medium', status:'Open', assignedTo:'Unassigned', created:'2025-05-28', dept:'Finance', category:'Mechanical Issue' }, + { id:'TKT-004', title:'Projector lamp replacement', asset:'AST-2025-007', assetName:'Epson EB-2250U Projector', priority:'Low', status:'Pending Parts', assignedTo:'Kavya Nair', created:'2025-05-22', dept:'Admin', category:'Consumable Replacement' }, + { id:'TKT-005', name:'Photocopier not turning on', asset:'AST-2025-016', assetName:'Ricoh Aficio Photocopier', priority:'High', status:'Open', assignedTo:'Unassigned', created:'2025-05-28', dept:'Admin', category:'Electrical Issue' }, + { id:'TKT-006', title:'Network switch port failure', asset:'AST-2025-008', assetName:'Cisco Catalyst 9300', priority:'Critical', status:'Resolved', assignedTo:'IT Team', created:'2025-05-24', dept:'IT', category:'Network Issue' }, + { id:'TKT-007', title:'UPS battery replacement due', asset:'AST-2025-012', assetName:'APC Smart UPS 3KVA', priority:'High', status:'Pending Parts', assignedTo:'Vendor', created:'2025-05-25', dept:'IT', category:'Battery Replacement' }, + { id:'TKT-008', title:'Server fan making loud noise', asset:'AST-2025-004', assetName:'Dell PowerEdge R740', priority:'Medium', status:'In Progress', assignedTo:'Dell Support',created:'2025-05-27', dept:'IT', category:'Hardware Issue' } + ], + + purchaseRequests: [ + { id:'PR-2025-001', item:'Dell Laptop i7 Gen 13', qty:5, estCost:425000, dept:'IT', requester:'Priya Kumar', status:'Approved', date:'2025-05-10', justification:'New developer hires – Q2 onboarding', poRef:'PO-2025-001' }, + { id:'PR-2025-002', item:'Office Chairs – Mesh Type', qty:20, estCost:280000, dept:'Admin', requester:'Deepak Joshi', status:'Pending', date:'2025-05-20', justification:'Old chairs worn out, ergonomic upgrade', poRef:null }, + { id:'PR-2025-003', item:'TP-Link WAP EAP670', qty:8, estCost:96000, dept:'IT', requester:'Kavya Nair', status:'Approved', date:'2025-05-18', justification:'Wi-Fi dead zones on floor 3 and 4', poRef:'PO-2025-002' }, + { id:'PR-2025-004', item:'Epson Projector Lamp Kit', qty:2, estCost:14000, dept:'Admin', requester:'Deepak Joshi', status:'Pending', date:'2025-05-25', justification:'TKT-004 – Lamp life expired', poRef:null }, + { id:'PR-2025-005', item:'UPS Replacement Batteries', qty:1, estCost:18000, dept:'IT', requester:'Arjun Sharma', status:'Submitted', date:'2025-05-27', justification:'TKT-007 – Battery at 15% health', poRef:null }, + { id:'PR-2025-006', item:'Ricoh Toner Cartridges', qty:10, estCost:22000, dept:'Admin', requester:'Deepak Joshi', status:'Submitted', date:'2025-05-28', justification:'Stock depleted – photocopier usage high', poRef:null }, + { id:'PR-2025-007', item:'iPad Pro 12.9" M4', qty:3, estCost:195000, dept:'Marketing', requester:'Sneha Patel', status:'Rejected', date:'2025-05-15', justification:'Field sales presentations & demos', poRef:null }, + { id:'PR-2025-008', item:'Cisco IP Phones 8841', qty:15, estCost:277500, dept:'HR', requester:'Anita Singh', status:'Draft', date:'2025-05-28', justification:'Office expansion – new HR team seats', poRef:null } + ], + + vendors: [ + { id:'v001', name:'Dell India Pvt. Ltd.', contact:'Suresh Iyer', email:'suresh.iyer@dell.com', phone:'+91-80-4258-9001', cat:'IT Hardware', gst:'29AAACL0532H1ZV', rating:4.5, status:'Active', contracts:3 }, + { id:'v002', name:'HP India Pvt. Ltd.', contact:'Meera Rao', email:'meera.rao@hp.com', phone:'+91-80-6688-1234', cat:'IT Hardware', gst:'07AAACH0132Q1ZB', rating:4.2, status:'Active', contracts:2 }, + { id:'v003', name:'Cisco Systems India', contact:'Arun Kumar', email:'arun.k@cisco.com', phone:'+91-80-4156-7890', cat:'Networking', gst:'29AAACI0141G1ZM', rating:4.8, status:'Active', contracts:4 }, + { id:'v004', name:'Daikin Aircon India', contact:'Ravi Shenoy', email:'ravi.s@daikin.in', phone:'+91-80-2222-3456', cat:'HVAC', gst:'29AACCD0524P1ZF', rating:3.9, status:'Active', contracts:1 }, + { id:'v005', name:'Godrej Interio', contact:'Priya Menon', email:'priya.m@godrej.com', phone:'+91-22-6796-5000', cat:'Furniture', gst:'27AAACG0534E1ZD', rating:4.0, status:'Active', contracts:1 }, + { id:'v006', name:'Epson India Pvt. Ltd.', contact:'Kiran Shah', email:'kiran.s@epson.in', phone:'+91-80-4600-1234', cat:'AV Equipment', gst:'29AAACE0149N1Z8', rating:4.3, status:'Active', contracts:2 } + ], + + categories: [ + { id:'c01', name:'Laptops', icon:'💻', count:187, depM:'SLM', depR:20, life:5, parent:'IT Equipment', minStock:10 }, + { id:'c02', name:'Desktops', icon:'🖥️', count:94, depM:'SLM', depR:20, life:5, parent:'IT Equipment', minStock:5 }, + { id:'c03', name:'Servers', icon:'🖥️', count:23, depM:'WDV', depR:30, life:4, parent:'IT Equipment', minStock:2 }, + { id:'c04', name:'Printers', icon:'🖨️', count:34, depM:'SLM', depR:25, life:4, parent:'IT Equipment', minStock:3 }, + { id:'c05', name:'Networking', icon:'🔌', count:67, depM:'WDV', depR:30, life:4, parent:'IT Equipment', minStock:5 }, + { id:'c06', name:'Mobile Devices', icon:'📱', count:145, depM:'SLM', depR:20, life:3, parent:'IT Equipment', minStock:10 }, + { id:'c07', name:'AV Equipment', icon:'📽️', count:29, depM:'SLM', depR:20, life:5, parent:'Electronics', minStock:2 }, + { id:'c08', name:'Displays', icon:'🖥️', count:78, depM:'SLM', depR:25, life:4, parent:'Electronics', minStock:5 }, + { id:'c09', name:'Furniture', icon:'🪑', count:312, depM:'SLM', depR:10, life:10, parent:'Office Furniture', minStock:20 }, + { id:'c10', name:'Vehicles', icon:'🚗', count:8, depM:'WDV', depR:15, life:8, parent:'Fleet', minStock:1 }, + { id:'c11', name:'HVAC', icon:'❄️', count:45, depM:'SLM', depR:15, life:7, parent:'Building Assets', minStock:2 }, + { id:'c12', name:'Power Equipment', icon:'🔋', count:22, depM:'SLM', depR:25, life:4, parent:'Electrical', minStock:2 }, + { id:'c13', name:'Storage', icon:'💾', count:14, depM:'SLM', depR:20, life:5, parent:'IT Equipment', minStock:2 } + ], + + departments: [ + { id:'d1', name:'Information Technology', code:'IT', head:'Priya Kumar', assetCount:384, headcount:45 }, + { id:'d2', name:'Finance & Accounts', code:'FIN', head:'Rahul Mehta', assetCount:156, headcount:23 }, + { id:'d3', name:'Human Resources', code:'HR', head:'Anita Singh', assetCount:112, headcount:18 }, + { id:'d4', name:'Operations', code:'OPS', head:'Vikram Reddy', assetCount:298, headcount:67 }, + { id:'d5', name:'Marketing', code:'MKT', head:'Sneha Patel', assetCount:187, headcount:31 }, + { id:'d6', name:'Administration', code:'ADMIN', head:'Deepak Joshi', assetCount:110, headcount:12 } + ], + + locations: [ + { id:'l1', name:'HQ – Bengaluru', children: [ + { id:'l1a', name:'Basement', children:[{id:'l1a1',name:'Server Room – B1'},{id:'l1a2',name:'Parking – B1'}] }, + { id:'l1b', name:'Floor 1', children:[{id:'l1b1',name:'Reception'},{id:'l1b2',name:'Finance – Floor 1'},{id:'l1b3',name:'Admin – Floor 1'},{id:'l1b4',name:'Operations – Floor 1'}] }, + { id:'l1c', name:'Floor 2', children:[{id:'l1c1',name:'IT Dept – Floor 2'},{id:'l1c2',name:'HR – Floor 2'},{id:'l1c3',name:'Conference Room A'},{id:'l1c4',name:'Conference Room B'}] }, + { id:'l1d', name:'Floor 3', children:[{id:'l1d1',name:'Marketing – Floor 3'},{id:'l1d2',name:'Sales Floor'},{id:'l1d3',name:'Executive Suite'}] } + ]}, + { id:'l2', name:'Warehouse – Whitefield', children:[{id:'l2a',name:'Store A'},{id:'l2b',name:'Store B'}] }, + { id:'l3', name:'Branch – Hyderabad', children:[{id:'l3a',name:'Office Floor 1'},{id:'l3b',name:'Office Floor 2'}] } + ], + + amcContracts: [ + { id:'AMC-001', vendor:'Daikin Aircon India', scope:'25 AC units – Annual Maintenance', value:180000, start:'2025-04-01', end:'2026-03-31', status:'Active', nextService:'2025-07-01' }, + { id:'AMC-002', vendor:'Dell India Pvt. Ltd.', scope:'Server Infra – 24×7 Onsite Support',value:450000, start:'2025-01-01', end:'2025-12-31', status:'Active', nextService:'2025-06-15' }, + { id:'AMC-003', vendor:'Cisco Systems India', scope:'Network Infrastructure AMC', value:280000, start:'2024-07-01', end:'2025-06-30', status:'Expiring',nextService:'2025-06-01' }, + { id:'AMC-004', vendor:'Godrej Security', scope:'Physical Access Control Systems', value:95000, start:'2025-03-01', end:'2026-02-28', status:'Active', nextService:'2025-09-01' } + ], + + pmSchedule: [ + { id:'PM-001', asset:'Daikin 1.5T Split AC', assetId:'AST-2025-005', freq:'Quarterly', lastDone:'2025-02-15', nextDue:'2025-05-15', status:'Overdue', assignee:'Daikin AMC Team' }, + { id:'PM-002', asset:'Dell PowerEdge R740 Server', assetId:'AST-2025-004', freq:'Monthly', lastDone:'2025-04-28', nextDue:'2025-05-28', status:'Due Today', assignee:'IT Team' }, + { id:'PM-003', asset:'Honda City (Company Car)', assetId:'AST-2025-014', freq:'Quarterly', lastDone:'2025-03-01', nextDue:'2025-06-01', status:'Upcoming', assignee:'Honda Service' }, + { id:'PM-004', asset:'APC Smart UPS 3KVA', assetId:'AST-2025-012', freq:'Half-Yearly',lastDone:'2024-12-10',nextDue:'2025-06-10', status:'Upcoming', assignee:'IT Team' }, + { id:'PM-005', asset:'Ricoh Aficio Photocopier', assetId:'AST-2025-016', freq:'Quarterly', lastDone:'2025-01-20', nextDue:'2025-04-20', status:'Overdue', assignee:'Ricoh Service' } + ], + + activityFeed: [ + { user:'Arjun Sharma', av:'AS', color:'#6366F1', action:'assigned', target:'Dell Latitude 5540', detail:'to Priya Kumar', time:'2 hours ago' }, + { user:'Kavya Nair', av:'KN', color:'#10B981', action:'raised ticket', target:'TKT-003', detail:'Printer paper jam – Finance', time:'3 hours ago' }, + { user:'Priya Kumar', av:'PK', color:'#10B981', action:'approved PR', target:'PR-2025-001', detail:'5× Dell Laptops', time:'Yesterday' }, + { user:'System', av:'🤖', color:'#6366F1', action:'auto-generated', target:'Depreciation Report', detail:'Monthly SLM run completed', time:'Yesterday' }, + { user:'Deepak Joshi', av:'DJ', color:'#3B82F6', action:'created PR', target:'PR-2025-002', detail:'20× Office Chairs', time:'2 days ago' }, + { user:'Arjun Sharma', av:'AS', color:'#6366F1', action:'disposed', target:'HP ProBook 450 (×2)', detail:'Written off – fully depreciated', time:'3 days ago' }, + { user:'Kavya Nair', av:'KN', color:'#10B981', action:'completed PM', target:'Cisco Catalyst 9300', detail:'Monthly firmware update', time:'4 days ago' }, + { user:'Anita Singh', av:'AS', color:'#A855F7', action:'transferred', target:'Cisco IP Phone 8841', detail:'From Admin to HR team', time:'5 days ago' } + ], + + notifications: [ + { id:'n1', type:'warning', text:'3 AMC contracts expiring within 30 days', time:'1 hour ago', read:false }, + { id:'n2', type:'danger', text:'PM overdue: Daikin AC & Ricoh Copier service pending', time:'3 hours ago', read:false }, + { id:'n3', type:'info', text:'8 Purchase Requests awaiting your approval', time:'Today 9 AM', read:false }, + { id:'n4', type:'warning', text:'Low stock alert: Toner cartridges below threshold', time:'Yesterday', read:true }, + { id:'n5', type:'success', text:'Physical audit completed for Floor 2 – 100% assets verified', time:'2 days ago', read:true } + ] +}; + +// ── Helper Functions ────────────────────────────────────────── +function fmt(n, cur='₹') { + if (n >= 1e7) return `${cur}${(n/1e7).toFixed(2)}Cr`; + if (n >= 1e5) return `${cur}${(n/1e5).toFixed(2)}L`; + if (n >= 1e3) return `${cur}${(n/1e3).toFixed(1)}K`; + return `${cur}${n.toLocaleString('en-IN')}`; +} + +function fmtDate(d) { + if (!d || d==='N/A') return 'N/A'; + return new Date(d).toLocaleDateString('en-IN',{day:'2-digit',month:'short',year:'numeric'}); +} + +function statusBadge(s) { + const m = { + 'Active':'badge-success','Idle':'badge-warning','Under Maintenance':'badge-info', + 'Disposed':'badge-neutral','Lost':'badge-danger','Stolen':'badge-danger', + 'Pending':'badge-warning','Approved':'badge-success','Rejected':'badge-danger', + 'Draft':'badge-neutral','Submitted':'badge-info','PO Raised':'badge-primary', + 'GRN Done':'badge-success','Open':'badge-danger','In Progress':'badge-info', + 'Resolved':'badge-success','Closed':'badge-neutral','Pending Parts':'badge-purple', + 'Critical':'badge-danger','High':'badge-warning','Medium':'badge-info','Low':'badge-neutral', + 'Overdue':'badge-danger','Due Today':'badge-warning','Upcoming':'badge-info', + 'Expiring':'badge-warning','Inactive':'badge-neutral' + }; + return m[s] || 'badge-neutral'; +} + +function statusDot(s) { + const m = { + 'Active':'var(--success)','Idle':'var(--warning)','Under Maintenance':'var(--info)', + 'Disposed':'var(--text-muted)','Lost':'var(--danger)','Open':'var(--danger)', + 'In Progress':'var(--info)','Resolved':'var(--success)','Closed':'var(--text-muted)' + }; + return m[s] || 'var(--text-muted)'; +} diff --git a/js/sidebar.js b/js/sidebar.js new file mode 100644 index 00000000..de93c9e5 --- /dev/null +++ b/js/sidebar.js @@ -0,0 +1,91 @@ +// js/sidebar.js — shared sidebar & topbar HTML injector +// Include this after data.js and app.js in every authenticated page. +// Call: renderShell(pageTitle, pageSubtitle) inside before main content. + +function renderShell(pageTitle, pageSubtitle = '') { + const u = window.AMS ? AMS.currentUser : { name:'Arjun Sharma', role:'Asset Manager', avatar:'AS' }; + const notifUnread = window.AMS ? AMS.notifications.filter(n=>!n.read).length : 0; + + const sidebarHTML = ` + `; + + const topbarHTML = ` +
    +
    +
    ${pageTitle}${pageSubtitle?`${pageSubtitle}`:''}
    +
    +
    + 🔍 + +
    +
    +
    + +
    +
    + Notifications + +
    +
    + +
    +
    + + 🚪 +
    +
    `; + + document.body.innerHTML = sidebarHTML + `
    ${topbarHTML}
    ` + document.body.innerHTML; +} + +function markAllRead() { + if (window.AMS) AMS.notifications.forEach(n => n.read = true); + populateNotifBadge(); + renderNotifPanel(); + showToast('All caught up!','All notifications marked as read','success'); +} diff --git a/maintenance.html b/maintenance.html new file mode 100644 index 00000000..8cbd5a57 --- /dev/null +++ b/maintenance.html @@ -0,0 +1,368 @@ + + + + +Maintenance | AMS + + + + +
    + + +
    +
    +
    Maintenance Management
    +
    + + 🚪 +
    +
    + +
    + +
    + + +
    +
    + + + + +
    + + +
    +
    +
    + + +
    +
    +
    🔍
    + + +
    +
    + + + +
    Ticket IDIssueAssetPriorityStatusDeptAssigned ToCreatedActions
    +
    +
    + + +
    +
    +
    ⚠️
    +
    2 Preventive Maintenance tasks overdue!
    +
    Daikin AC (overdue 13 days) and Ricoh Photocopier (overdue 38 days). Schedule service immediately.
    +
    +
    + + + +
    PM IDAssetFrequencyLast DoneNext DueStatusAssigned ToActions
    +
    +
    + +
    +
    + + +
    +
    +
    ⏰
    +
    1 AMC contract expiring within 30 days
    Cisco Network Infrastructure AMC expires June 30, 2025. Renewal must be initiated immediately.
    + +
    +
    + + + +
    Contract IDVendorScopeValueValid FromValid ToStatusNext ServiceActions
    +
    +
    + +
    +
    +
    +
    +
    +
    + + + + + + + + + + +
    + + + + + diff --git a/procurement.html b/procurement.html new file mode 100644 index 00000000..f074beb2 --- /dev/null +++ b/procurement.html @@ -0,0 +1,369 @@ + + + + +Procurement | AMS + + + + +
    + + +
    +
    +
    Procurement PR → Approval → PO → GRN → Asset
    +
    + + 🚪 +
    +
    + +
    + +
    +
    +
    Procurement Workflow
    +
    +
    ✅ PR Raised
    →
    +
    ✅ Dept Approval
    →
    +
    ⏳ Finance Approval
    →
    +
    📋 PO Generated
    →
    +
    📦 GRN
    →
    +
    🧾 Invoice Match
    →
    +
    🏷️ Asset Created
    +
    +
    +
    + + +
    + + +
    +
    + + + + +
    + + +
    +
    +
    🔍
    + + +
    +
    + + + +
    PR No.Item DescriptionDeptQtyEst. CostRequesterDateStatusActions
    +
    +
    + + +
    +
    + + + +
    PO NumberVendorItemsTotal ValueDateStatusGRN StatusActions
    +
    +
    + + +
    +
    + + + +
    GRN No.PO Ref.VendorItemsReceived QtyDateReceived By3-Way Match
    +
    +
    + + +
    +
    +
    🔍
    + +
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + +
    + + + + + diff --git a/reports.html b/reports.html new file mode 100644 index 00000000..120b3965 --- /dev/null +++ b/reports.html @@ -0,0 +1,332 @@ + + + + +Reports & Audit | AMS + + + + + +
    + + +
    +
    +
    Reports & Audit
    +
    + + 🚪 +
    +
    + +
    + +
    + + +
    +
    + + + + +
    + + +
    +
    +
    + 💰 Depreciation Schedule — FY 2025-26 +
    + + + +
    +
    +
    +
    +
    📦
    Gross Block
    ₹4.29Cr
    +
    📉
    Acc. Depreciation
    ₹1.28Cr
    +
    💎
    Net Block
    ₹3.01Cr
    +
    📅
    FY Dep. Charge
    ₹52.4L
    +
    +
    + + + +
    Asset IDAsset NameCategoryGross CostMethodRateAcc. Dep.Net ValueDep. (FY)Useful Life Left
    +
    +
    +
    +
    + + +
    +
    +
    +
    📊 Asset Utilization by Department
    +
    +
    +
    +
    📈 Utilization Rate by Category
    +
    +
    +
    +
    +
    😴 Idle Assets Report — 30+ Days + +
    +
    +
    + + + +
    AssetCategoryDeptLast AssignedIdle SinceNet ValueRecommendation
    +
    +
    +
    +
    + + +
    +
    +
    +
    💰 Capex vs Opex (Last 12 Months)
    +
    +
    +
    +
    📊 Asset Value by Department
    +
    +
    +
    +
    +
    💳 Budget vs Actual Spend
    +
    +
    + + + +
    DepartmentFY BudgetSpent YTDBalanceUtilization %
    +
    +
    +
    +
    + + +
    +
    +
    +
    ✅ Audit Checklist — Pre-Launch
    +
    +
    +
    +
    📊 Compliance Score
    +
    +
    + +
    +
    98.4%
    +
    Compliance Score
    +
    +
    +
    +
    Verified Assets
    1,228 / 1,247
    +
    Unverified
    19
    +
    Warranty Coverage
    84.6%
    +
    Insured Assets
    62.3%
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    + + + + + diff --git a/settings.html b/settings.html new file mode 100644 index 00000000..8a145c9e --- /dev/null +++ b/settings.html @@ -0,0 +1,324 @@ + + + + +Settings | AMS + + + + +
    + + +
    +
    +
    System Settings
    +
    + + 🚪 +
    +
    + +
    +
    + +
    +
    Settings
    + +
    + + +
    +
    +
    +
    +
    + +
    + + + + + diff --git a/users.html b/users.html new file mode 100644 index 00000000..6cb32276 --- /dev/null +++ b/users.html @@ -0,0 +1,309 @@ + + + + +Users & Roles | AMS + + + + +
    + + +
    +
    +
    Users & Access Control
    +
    + + 🚪 +
    +
    + +
    + +
    +
    👥
    Total Users
    10
    +
    ✅
    Active
    9
    +
    ⚠️
    Inactive / Suspended
    1
    +
    🔐
    Roles Defined
    6
    +
    + + +
    +
    + + + +
    + + +
    +
    +
    🔍
    + + + +
    +
    + + + +
    UserEmailRoleDepartmentStatusLast Login2FAActions
    +
    +
    + + +
    +
    +
    +
    🔐 Permission Matrix✓ = Full Access · E = Edit Only · V = View Only · — = No Access
    +
    + + + + + + + + + + + + + +
    Module / PermissionSuper AdminAsset ManagerDept HeadFinance HeadIT HeadEmployee
    +
    +
    +
    + + +
    +
    +
    ℹ️
    +
    7 active sessions currently
    You can revoke suspicious sessions from below. All sessions auto-expire after 7 days of inactivity.
    +
    +
    + + + +
    UserDevice / BrowserIP AddressLocationLogin TimeLast ActiveAction
    +
    +
    +
    +
    +
    +
    + + + + + + + +
    + + + + +