🔁
Latihan: ${item.totalLatihan || 0}
💪
Repetisi: ${item.totalRepetisi || 0}
⏱️
Durasi: ${durationStr}
`;
container.appendChild(div);
}
// Load rehab history
async function loadRehabHistory(loadMore = false) {
if (STATE.history.isLoading) return;
STATE.history.isLoading = true;
updateHistoryUI();
const firebaseService = await loadFirebase();
try {
if (STATE.auth.user && firebaseService) {
// Load from Firestore with pagination
const lastDoc = loadMore ? STATE.history.lastDoc : null;
const result = await firebaseService.getRehabHistoryPaginated(
10,
lastDoc
);
if (result.success) {
if (loadMore) {
STATE.history.items = [...STATE.history.items, ...result.data];
} else {
STATE.history.items = result.data;
}
STATE.history.lastDoc = result.lastDoc;
STATE.history.hasMore = result.hasMore;
} else {
console.error("Failed to load history from Firestore:", result.error);
}
} else if (STATE.auth.isGuest) {
// Load from localStorage
const history = JSON.parse(
localStorage.getItem("guestRehabHistory") || "[]"
);
// Sort by timestamp descending and add temporary IDs
STATE.history.items = history
.map((item, index) => ({ ...item, id: `local_${index}` }))
.sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp));
STATE.history.hasMore = false;
STATE.history.lastDoc = null;
}
} catch (error) {
console.error("Error loading rehab history:", error);
}
STATE.history.isLoading = false;
renderHistoryList();
updateHistoryUI();
}
// Render the history list
function renderHistoryList() {
if (!UI.historyList) return;
UI.historyList.innerHTML = "";
STATE.history.items.forEach((item) => {
renderHistoryItem(item, UI.historyList);
});
}
// Delete history item
async function deleteHistoryItem(itemId) {
if (!itemId) return;
const confirmed = confirm("Apakah Anda yakin ingin menghapus riwayat ini?");
if (!confirmed) return;
const firebaseService = await loadFirebase();
try {
if (STATE.auth.user && firebaseService && !itemId.startsWith("local_")) {
// Delete from Firestore
const result = await firebaseService.deleteRehabHistoryFromFirestore(
itemId
);
if (result.success) {
showToast("✅ Riwayat dihapus");
} else {
showToast("❌ Gagal menghapus riwayat");
return;
}
} else if (STATE.auth.isGuest) {
// Delete from localStorage - find by timestamp match
const sortedHistory = JSON.parse(
localStorage.getItem("guestRehabHistory") || "[]"
);
const itemIndex = STATE.history.items.findIndex(
(item) => item.id === itemId
);
if (itemIndex !== -1) {
const targetTimestamp = STATE.history.items[itemIndex].timestamp;
const originalIndex = sortedHistory.findIndex(
(item) => item.timestamp === targetTimestamp
);
if (originalIndex !== -1) {
sortedHistory.splice(originalIndex, 1);
localStorage.setItem(
"guestRehabHistory",
JSON.stringify(sortedHistory)
);
}
}
showToast("✅ Riwayat dihapus");
}
// Remove from state and re-render
STATE.history.items = STATE.history.items.filter(
(item) => item.id !== itemId
);
renderHistoryList();
updateHistoryUI();
} catch (error) {
console.error("Error deleting history item:", error);
showToast("❌ Gagal menghapus riwayat");
}
}
// Show history panel when rehab is active
function updateHistoryPanelVisibility() {
if (!UI.historyPanel) return;
// Show history panel when rehab medic is active
UI.historyPanel.classList.toggle("hidden", !STATE.rehabActive);
}
// ========== CAMERA ENUMERATION AND SWITCHING ==========
let availableCameras = [];
let currentCameraId = null;
async function enumerateCameras() {
try {
const devices = await navigator.mediaDevices.enumerateDevices();
availableCameras = devices.filter((d) => d.kind === "videoinput");
renderCameraList();
} catch (error) {
console.error("Error enumerating cameras:", error);
}
}
function renderCameraList() {
const list = document.getElementById("camera-list");
if (!list) return;
list.innerHTML = "";
if (availableCameras.length === 0) {
list.innerHTML =
'