248 lines
11 KiB
HTML
248 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<title>HMS Mobile & PWA Apps Hub</title>
|
|
<link rel="manifest" href="/App/manifest.json">
|
|
<meta name="theme-color" content="#0f172a">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
<link rel="icon" href="/assets/img/logo.png" type="image/png">
|
|
<link rel="apple-touch-icon" href="/assets/img/logo.png">
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
|
|
|
|
<style>
|
|
body {
|
|
background-color: #0f172a;
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
color: #f8fafc;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 16px;
|
|
}
|
|
|
|
.hub-card {
|
|
background: #ffffff;
|
|
color: #1e293b;
|
|
border-radius: 24px;
|
|
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
|
|
max-width: 480px;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.hub-header {
|
|
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
|
|
color: #ffffff;
|
|
padding: 28px 24px;
|
|
text-align: center;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.app-option-card {
|
|
background: #f8fafc;
|
|
border: 2px solid #e2e8f0;
|
|
border-radius: 16px;
|
|
padding: 16px;
|
|
transition: all 0.2s ease-in-out;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
color: inherit;
|
|
display: block;
|
|
}
|
|
|
|
.app-option-card:hover, .app-option-card:active, .app-option-card:focus {
|
|
border-color: #2563eb;
|
|
background: #eff6ff;
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 8px 20px rgba(37, 99, 235, 0.15);
|
|
color: inherit;
|
|
}
|
|
|
|
/* Android TV D-Pad Remote Control Focus Outline */
|
|
:focus-visible, .app-option-card:focus, button:focus, a:focus {
|
|
outline: 3px solid #2563eb !important;
|
|
outline-offset: 3px !important;
|
|
box-shadow: 0 0 18px rgba(37, 99, 235, 0.6) !important;
|
|
}
|
|
|
|
.app-option-card.disabled {
|
|
opacity: 0.6;
|
|
cursor: not-allowed;
|
|
background: #f1f5f9;
|
|
border-color: #cbd5e1;
|
|
}
|
|
|
|
.app-icon-circle {
|
|
width: 52px;
|
|
height: 52px;
|
|
border-radius: 14px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.btn-install {
|
|
background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
|
|
color: white;
|
|
font-weight: 700;
|
|
border-radius: 12px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="hub-card shadow-lg">
|
|
<div class="hub-header">
|
|
<img src="/assets/img/logo.png" alt="Hospital Logo" style="height: 52px; width: auto; filter: brightness(0) invert(1);" class="mb-2 d-block mx-auto" onError="this.style.display='none'" />
|
|
<h4 className="fw-extrabold mb-1" style="font-weight: 800; letter-spacing: -0.5px;">HMS Hospital Mobile Apps</h4>
|
|
<span class="badge bg-primary-subtle text-primary border border-primary-subtle px-3 py-1 rounded-pill small">Unified PWA & Bedside Portal</span>
|
|
</div>
|
|
|
|
<div class="p-4">
|
|
<div class="d-flex align-items-center justify-content-between mb-3">
|
|
<label class="form-label fw-bold text-secondary small mb-0" style="letter-spacing: 0.5px;">
|
|
SELECT MOBILE APPLICATION
|
|
</label>
|
|
<span class="badge bg-success-subtle text-success border border-success-subtle rounded-pill" style="font-size: 10px;">
|
|
● Single Domain PWA
|
|
</span>
|
|
</div>
|
|
|
|
<div class="d-flex flex-column gap-3 mb-4">
|
|
<!-- Nursing Care App -->
|
|
<a href="/app/nursing" class="app-option-card">
|
|
<div class="d-flex align-items-center gap-3">
|
|
<div class="app-icon-circle bg-primary-subtle text-primary">
|
|
<i class="bi bi-heart-pulse-fill"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<h6 class="fw-bold mb-0 text-dark">Nursing Care App</h6>
|
|
<span class="badge bg-primary" style="font-size: 10px;">Active PWA</span>
|
|
</div>
|
|
<small class="text-muted d-block mt-1" style="font-size: 12px;">
|
|
IPD Bedside Vitals, Intake/Output & Scan Documents
|
|
</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- Doctor App -->
|
|
<a href="/app/doctor" class="app-option-card">
|
|
<div class="d-flex align-items-center gap-3">
|
|
<div class="app-icon-circle bg-success-subtle text-success">
|
|
<i class="bi bi-person-badge-fill"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<h6 class="fw-bold mb-0 text-dark">Doctor EMR App</h6>
|
|
<span class="badge bg-success" style="font-size: 10px;">Active PWA</span>
|
|
</div>
|
|
<small class="text-muted d-block mt-1" style="font-size: 12px;">
|
|
OPD Prescriptions & IPD Clinical Treatment Notes
|
|
</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- OPD Queue & Token Tracker Display -->
|
|
<a href="/app/queue" class="app-option-card">
|
|
<div class="d-flex align-items-center gap-3">
|
|
<div class="app-icon-circle bg-warning-subtle text-warning-emphasis">
|
|
<i class="bi bi-display-fill"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<h6 class="fw-bold mb-0 text-dark">OPD Token Tracker TV Display</h6>
|
|
<span class="badge bg-warning text-dark" style="font-size: 10px;">Active PWA</span>
|
|
</div>
|
|
<small class="text-muted d-block mt-1" style="font-size: 12px;">
|
|
Live Token Display, Voice Callouts & Right-Side Hospital Ads
|
|
</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- Medical Store & Pharmacy App (Active PWA) -->
|
|
<a href="/app/medical-store" class="app-option-card">
|
|
<div class="d-flex align-items-center gap-3">
|
|
<div class="app-icon-circle bg-info-subtle text-info">
|
|
<i class="bi bi-capsule"></i>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<h6 class="fw-bold mb-0 text-dark">Medical Store & Pharmacy POS</h6>
|
|
<span class="badge bg-info text-dark" style="font-size: 10px;">Active PWA</span>
|
|
</div>
|
|
<small class="text-muted d-block mt-1" style="font-size: 12px;">
|
|
Multi-Building Counters, DL 20B/21B, GST, UHID/IPD/OPD & Ledgers
|
|
</small>
|
|
</div>
|
|
<i class="bi bi-chevron-right text-muted"></i>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Mobile Install Banner -->
|
|
<div id="pwa_install_banner" class="p-3 bg-light rounded-4 border text-center" style="display: none;">
|
|
<i class="bi bi-phone-vibrate text-primary fs-3 d-block mb-1"></i>
|
|
<div class="fw-bold small text-dark">Install Application on Mobile</div>
|
|
<p class="small text-muted mb-2" style="font-size: 11px;">
|
|
Install this application on your home screen for fast one-tap access to all hospital modules.
|
|
</p>
|
|
<button id="btn_install_pwa" class="btn btn-install btn-sm w-100 py-2">
|
|
<i class="bi bi-download me-1"></i> Install HMS Mobile App
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bg-light p-3 border-top text-center">
|
|
<small class="text-muted" style="font-size: 11px;">
|
|
HMS Unified Mobile Care • Domain App Switcher Enabled
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
let deferredPrompt;
|
|
window.addEventListener('beforeinstallprompt', (e) => {
|
|
e.preventDefault();
|
|
deferredPrompt = e;
|
|
const banner = document.getElementById('pwa_install_banner');
|
|
if (banner) banner.style.display = 'block';
|
|
});
|
|
|
|
const btnInstall = document.getElementById('btn_install_pwa');
|
|
if (btnInstall) {
|
|
btnInstall.addEventListener('click', async () => {
|
|
if (deferredPrompt) {
|
|
deferredPrompt.prompt();
|
|
const { outcome } = await deferredPrompt.userChoice;
|
|
if (outcome === 'accepted') {
|
|
document.getElementById('pwa_install_banner').style.display = 'none';
|
|
}
|
|
deferredPrompt = null;
|
|
}
|
|
});
|
|
}
|
|
|
|
if ('serviceWorker' in navigator) {
|
|
navigator.serviceWorker.register('/App/Doctor/sw.js').catch(err => console.log(err));
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|