tieptk/admin_hura_8
2
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

update menu

Browse Source
This commit is contained in:
Tieptk
2024-01-24 11:26:10 +07:00
parent 0c85c7a6f1
commit 16d4c7cc31
3 changed files with 87 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
template/home/home.html
View File

@@ -373,18 +373,31 @@
$(id).show();
})
$('#js-show-menu').click(function () {
$('#menu-big').removeClass('hidden');
$('#menu-small').addClass('hidden');
$('#js-form-search').removeClass('menu-hide')
})
// $('#js-show-menu').click(function () {
// $('#menu-big').removeClass('hidden');
// $('#menu-small').addClass('hidden');
// $('#js-form-search').removeClass('menu-hide')
// localStorage.setItem('menu_big', 'hidden');
// localStorage.removeItem("menu_small");
// })
$('#js-hide-menu').click(function () {
$('#menu-big').addClass('hidden');
$('#menu-small').removeClass('hidden');
$('#js-form-search').addClass('menu-hide')
})
// $('#js-hide-menu').click(function () {
// $('#menu-big').addClass('hidden');
// $('#menu-small').removeClass('hidden');
// $('#js-form-search').addClass('menu-hide')
// localStorage.setItem('menu_small', 'hidden');
// localStorage.removeItem("menu_big");
// })
// if (localStorage.getItem('menu_big') == 'hidden') {
// $('#menu-big').removeClass('hidden');
// $('#menu-small').addClass('hidden');
// $('#js-form-search').removeClass('menu-hide')
// } else {
// $('#menu-big').addClass('hidden');
// $('#menu-small').removeClass('hidden');
// $('#js-form-search').addClass('menu-hide')
// }
})
@@ -709,4 +722,34 @@
}
}
// Hàm để cập nhật trạng thái hiển thị menu và localStorage
function capNhatTrangThaiMenu(hideMenuBig) {
$('#menu-big').toggleClass('hidden', hideMenuBig);
$('#menu-small').toggleClass('hidden', !hideMenuBig);
$('#js-form-search').toggleClass('menu-hide', hideMenuBig);
localStorage.setItem(hideMenuBig ? 'menu_big' : 'menu_small', 'hidden');
localStorage.removeItem(hideMenuBig ? 'menu_small' : 'menu_big');
}
$(document).ready(function () {
// Sự kiện click để hiển thị menu
$('#js-show-menu').click(function () {
capNhatTrangThaiMenu(false);
});
// Sự kiện click để ẩn menu
$('#js-hide-menu').click(function () {
capNhatTrangThaiMenu(true);
});
// Kiểm tra localStorage và thiết lập trạng thái ban đầu của menu
const hideMenuBig = localStorage.getItem('menu_big') === 'hidden';
capNhatTrangThaiMenu(hideMenuBig);
})
</script>