52 lines
2.1 KiB
JavaScript
52 lines
2.1 KiB
JavaScript
/* ----------------------------------------------------
|
|
FILE: Tutorial_Logic.js
|
|
---------------------------------------------------- */
|
|
|
|
// Kita buat fungsi agar bisa dipanggil manual jika perlu
|
|
function checkAndShowTutorial() {
|
|
// 1. Ambil user terbaru saat fungsi dijalankan
|
|
const currentUser = sessionStorage.getItem("loggedInUser") || "guest";
|
|
const tutorialKey = 'tutorialSeen_' + currentUser;
|
|
|
|
// DEBUG: Cek di Console browser (tekan F12 -> Console)
|
|
console.log(`[Tutorial Check] User: ${currentUser}`);
|
|
console.log(`[Tutorial Check] Key: ${tutorialKey}`);
|
|
|
|
// 2. Cek status di LocalStorage
|
|
const hasSeenTutorial = localStorage.getItem(tutorialKey);
|
|
console.log(`[Tutorial Check] Status Seen: ${hasSeenTutorial}`);
|
|
|
|
const tutorialOverlay = document.getElementById('tutorial-overlay');
|
|
|
|
// 3. Logic: Jika belum pernah lihat (null) -> Tampilkan
|
|
if (!hasSeenTutorial && tutorialOverlay) {
|
|
console.log("-> Menampilkan Tutorial untuk user baru.");
|
|
tutorialOverlay.style.display = 'flex';
|
|
} else {
|
|
console.log("-> User ini sudah pernah lihat tutorial (atau overlay tidak ketemu).");
|
|
}
|
|
}
|
|
|
|
// Jalankan otomatis saat halaman selesai loading
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
checkAndShowTutorial();
|
|
|
|
// Setup tombol close hanya sekali
|
|
const closeTutorialBtn = document.getElementById('close-tutorial');
|
|
const tutorialOverlay = document.getElementById('tutorial-overlay');
|
|
|
|
if (closeTutorialBtn) {
|
|
closeTutorialBtn.addEventListener('click', () => {
|
|
// Ambil user SAAT INI (penting jika user berubah tanpa reload)
|
|
const currentUser = sessionStorage.getItem("loggedInUser") || "guest";
|
|
const tutorialKey = 'tutorialSeen_' + currentUser;
|
|
|
|
if(tutorialOverlay) tutorialOverlay.style.display = 'none';
|
|
localStorage.setItem(tutorialKey, 'true');
|
|
console.log(`[Tutorial Check] Disimpan: ${tutorialKey} = true`);
|
|
});
|
|
}
|
|
});
|
|
|
|
// (Opsional) Bikin global biar bisa dipanggil dari file lain/console
|
|
window.checkTutorial = checkAndShowTutorial; |