From 2dfe150a5c5b044382236128848510cb646c0bfb Mon Sep 17 00:00:00 2001 From: Vaibhav Surve Date: Thu, 28 May 2026 18:09:32 +0530 Subject: [PATCH] =?UTF-8?q?feat:=20AMS=20V1=20=E2=80=94=20multi-page=20HTM?= =?UTF-8?q?L=20prototype?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 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 --- .gitignore | 22 ++ AMS_Product_Plan_v1.0.docx | Bin 0 -> 40812 bytes asset-create.html | 400 ++++++++++++++++++++++++++++++ asset-detail.html | 494 +++++++++++++++++++++++++++++++++++++ assets.html | 415 +++++++++++++++++++++++++++++++ css/styles.css | 475 +++++++++++++++++++++++++++++++++++ dashboard.html | 323 ++++++++++++++++++++++++ index.html | 138 +++++++++++ inventory.html | 383 ++++++++++++++++++++++++++++ js/app.js | 275 +++++++++++++++++++++ js/data.js | 197 +++++++++++++++ js/sidebar.js | 91 +++++++ maintenance.html | 368 +++++++++++++++++++++++++++ procurement.html | 369 +++++++++++++++++++++++++++ reports.html | 332 +++++++++++++++++++++++++ settings.html | 324 ++++++++++++++++++++++++ users.html | 309 +++++++++++++++++++++++ 17 files changed, 4915 insertions(+) create mode 100644 .gitignore create mode 100644 AMS_Product_Plan_v1.0.docx create mode 100644 asset-create.html create mode 100644 asset-detail.html create mode 100644 assets.html create mode 100644 css/styles.css create mode 100644 dashboard.html create mode 100644 index.html create mode 100644 inventory.html create mode 100644 js/app.js create mode 100644 js/data.js create mode 100644 js/sidebar.js create mode 100644 maintenance.html create mode 100644 procurement.html create mode 100644 reports.html create mode 100644 settings.html create mode 100644 users.html 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 0000000000000000000000000000000000000000..4a259e6e901643ba02b9159cf4a6ad18531dd8f1 GIT binary patch literal 40812 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 + + + +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 + + + + + + + + +
+ + + + + + 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
    +
    +
    +
    +
    +
    +
    + + + + + + + +
    + + + + +