46 lines
1.8 KiB
JavaScript
46 lines
1.8 KiB
JavaScript
function checkAndShowTutorial() {
|
|
// Ambil user terbaru saat fungsi dijalankan
|
|
const currentUser = sessionStorage.getItem("loggedInUser") || "guest";
|
|
const tutorialKey = 'tutorialSeen_' + currentUser;
|
|
|
|
// Cek di Console browser (tekan F12 -> Console)
|
|
console.log(`[Tutorial Check] User: ${currentUser}`);
|
|
console.log(`[Tutorial Check] Key: ${tutorialKey}`);
|
|
|
|
// Cek status di LocalStorage
|
|
const hasSeenTutorial = localStorage.getItem(tutorialKey);
|
|
console.log(`[Tutorial Check] Status Seen: ${hasSeenTutorial}`);
|
|
|
|
const tutorialOverlay = document.getElementById('tutorial-overlay');
|
|
|
|
// 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`);
|
|
});
|
|
}
|
|
});
|
|
|
|
window.checkTutorial = checkAndShowTutorial; |