From 16d4c7cc317c040e41dac25b0bcd1a882702c9d4 Mon Sep 17 00:00:00 2001 From: Tieptk Date: Wed, 24 Jan 2024 11:26:10 +0700 Subject: [PATCH] update menu --- template/home/home.html | 63 ++++++++++++++++++++++++++++++++------ template/product/form.html | 60 +++++++++++++++++------------------- template/theme.html | 10 +++--- 3 files changed, 87 insertions(+), 46 deletions(-) diff --git a/template/home/home.html b/template/home/home.html index c95a0bd..08323f1 100644 --- a/template/home/home.html +++ b/template/home/home.html @@ -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); + }) + + + \ No newline at end of file diff --git a/template/product/form.html b/template/product/form.html index 0bfc5e7..40c93f9 100644 --- a/template/product/form.html +++ b/template/product/form.html @@ -1,5 +1,4 @@ - -
+
    @@ -9,7 +8,7 @@
+ class="title py-[15px] bg-white rounded-[10px] text-center mt-[40px] mb-[15px] font-bold text-[18px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]"> Cập nhật: {{ page.product_info.title }} (ID: {{ page.product_info.id }})
@@ -17,13 +16,10 @@
{% for _menu in page.product_menu %} - - {{ _menu.name }} - {% if _menu.is_current == 1 %} - - (current) - {% endif %} - + + {{ _menu.name }} + {% endfor %}
@@ -31,68 +27,68 @@
{% if page.view_part == "store" %} - {% include 'product/form_components/store' %} + {% include 'product/form_components/store' %} {% elsif page.view_part == "category" %} - {% include 'product/form_components/category' %} + {% include 'product/form_components/category' %} {% elsif page.view_part == "seo" %} - {% include 'product/form_components/seo' %} + {% include 'product/form_components/seo' %} {% elsif page.view_part == "description" %} - {% include 'product/form_components/description' %} + {% include 'product/form_components/description' %} {% elsif page.view_part == "spec-group" %} - {% include 'product/form_components/spec_group' %} + {% include 'product/form_components/spec_group' %} {% elsif page.view_part == "instruction" %} - {% include 'product/form_components/instruction' %} + {% include 'product/form_components/instruction' %} {% elsif page.view_part == "image" %} - {% include 'product/form_components/image' %} + {% include 'product/form_components/image' %} {% elsif page.view_part == "variant" %} - {% include 'product/form_components/variant' %} + {% include 'product/form_components/variant' %} {% elsif page.view_part == "accessory" %} - {% include 'product/form_components/accessory' %} + {% include 'product/form_components/accessory' %} {% elsif page.view_part == "addon" %} - {% include 'product/form_components/addon' %} + {% include 'product/form_components/addon' %} {% elsif page.view_part == "video" %} - {% include 'product/form_components/video' %} + {% include 'product/form_components/video' %} {% elsif page.view_part == "tag" %} - {% include 'product/form_components/tag' %} + {% include 'product/form_components/tag' %} {% elsif page.view_part == "relation" %} - {% include 'product/form_components/relation' %} + {% include 'product/form_components/relation' %} {% elsif page.view_part == "customer-group" %} - {% include 'product/form_components/customer_group' %} + {% include 'product/form_components/customer_group' %} {% elsif page.view_part == "component" %} - {% include 'product/form_components/component' %} + {% include 'product/form_components/component' %} {% elsif page.view_part == "configurable" %} - {% include 'product/form_components/configurable' %} + {% include 'product/form_components/configurable' %} {% elsif page.view_part == "compatible" %} - {% include 'product/form_components/compatible' %} + {% include 'product/form_components/compatible' %} {% elsif page.view_part == "similar" %} - {% include 'product/form_components/similar' %} + {% include 'product/form_components/similar' %} {% elsif page.view_part == "combo-set" %} - {% include 'product/form_components/combo_set' %} + {% include 'product/form_components/combo_set' %} {% else %} - - {% include 'product/form_components/basic' %} + + {% include 'product/form_components/basic' %} {% endif %}
-
+
\ No newline at end of file diff --git a/template/theme.html b/template/theme.html index 7ce8c6c..d6b301b 100644 --- a/template/theme.html +++ b/template/theme.html @@ -12,12 +12,12 @@ - - + + @@ -27,11 +27,12 @@ {{global|show_var}} + {{page|show_var}}
-