/**
* TIS-RMS Static Web Application Logic
* Interactive UI behavior for Windows and Android layouts
*/
let currentDevice = 'windows'; // 'windows' | 'android'
let currentScreen = 'dashboard';
// ── Screen Definitions ─────────────────────────────────────────
const SCREENS = [
{ id: 'dashboard', label: 'Dashboard', icon: '🔍
🔔
AT
`;
break;
case 'students':
mobileActions.innerHTML = `
🔍
🎛️
+ 👤
`;
break;
case 'documents':
mobileActions.innerHTML = `
🔍
🖨️
☁️
`;
break;
case 'archives':
mobileActions.innerHTML = `
🔍
🖨️
`;
break;
case 'reports':
mobileActions.innerHTML = `
⇄
`;
break;
case 'users':
mobileActions.innerHTML = `
🔍
+ 👤
`;
break;
case 'history':
mobileActions.innerHTML = `
🔍
🎛️
🔄
`;
break;
case 'settings':
default:
mobileActions.innerHTML = ``;
break;
}
}
// 5. Show/hide desktop screens
document.querySelectorAll('.desktop-screen-content').forEach(view => {
view.style.display = view.id === `win-screen-${currentScreen}` ? 'flex' : 'none';
});
// 6. Show/hide mobile screens
document.querySelectorAll('.mobile-screen-content').forEach(view => {
view.style.display = view.id === `phone-screen-${currentScreen}` ? 'flex' : 'none';
});
// 7. Show "+ Add Student" button on Students screen (Desktop)
const addBtn = document.getElementById('btn-add-student-header');
if (addBtn) {
addBtn.style.display = currentScreen === 'students' ? 'flex' : 'none';
}
}
// ── Collapsible Settings Sections ──────────────────────────────
function toggleSettingsSection(id) {
const body = document.getElementById(`settings-body-${id}`);
const chevron = document.getElementById(`settings-chevron-${id}`);
if (!body) return;
const isHidden = body.style.display === 'none' || body.style.display === '';
body.style.display = isHidden ? 'flex' : 'none';
if (chevron) {
chevron.style.transform = isHidden ? 'rotate(180deg)' : 'rotate(0deg)';
}
}
// ── Interactive Modals ─────────────────────────────────────────
function openAddStudentModal() {
const modal = document.getElementById('add-student-modal');
if (modal) modal.classList.add('active');
}
function openStudentDetail(name, lrn, grade, status) {
const modal = document.getElementById('student-detail-modal');
const title = document.getElementById('detail-student-name');
const lrnEl = document.getElementById('detail-student-lrn');
const gradeEl = document.getElementById('detail-student-grade');
const statusEl = document.getElementById('detail-student-status');
if (title) title.textContent = name;
if (lrnEl) lrnEl.textContent = lrn;
if (gradeEl) gradeEl.textContent = grade;
if (statusEl) statusEl.textContent = status;
if (modal) modal.classList.add('active');
}
function closeModal(id) {
const modal = document.getElementById(id);
if (modal) modal.classList.remove('active');
}
// ── Check For Updates Simulation (Real feature test) ───────────
function simulateUpdateCheck() {
const btn = document.getElementById('btn-check-updates');
const banner = document.getElementById('update-result-banner');
const toast = document.getElementById('download-toast');
const toastFile = document.getElementById('toast-filename');
if (!btn) return;
btn.disabled = true;
btn.innerHTML = 'Checking for updates... ';
banner.style.display = 'none';
setTimeout(() => {
btn.disabled = false;
btn.innerHTML = 'Check for Updates ';
const isWin = currentDevice === 'windows';
const arch = isWin ? 'x64 (64-bit)' : 'ARM64 (64-bit)';
const file = isWin ? 'TIS_RMS_Setup_v1.0.24.exe' : 'TIS_RMS_64_v1.0.24.apk';
banner.style.display = 'block';
banner.innerHTML = `
✓ New Update Available: v1.0.24
Detected architecture: ${arch} ${file}
`;
if (toast && toastFile) {
toastFile.textContent = file;
toast.classList.add('active');
setTimeout(() => {
toast.classList.remove('active');
}, 5000);
}
}, 1200);
}
// ── Clock for Android Status Bar ───────────────────────────────
function startClock() {
function updateTime() {
const el = document.getElementById('phone-clock');
if (!el) return;
const now = new Date();
let hours = now.getHours();
let mins = now.getMinutes();
mins = mins < 10 ? '0' + mins : mins;
el.textContent = `${hours}:${mins}`;
}
updateTime();
setInterval(updateTime, 30000);
}