diff --git a/assets/script/hura.global.css b/assets/script/hura.global.css index ae31d15..3799651 100644 --- a/assets/script/hura.global.css +++ b/assets/script/hura.global.css @@ -39,6 +39,34 @@ } @layer components { + #layout-topbar { + background: var(--layout-topbar-background); + top: calc(var(--spacing) * 0); + z-index: 10; + transition-property: top, margin, border-radius; + transition-timing-function: var( + --tw-ease, + var(--default-transition-timing-function) + ); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + --tw-duration: 0.3s; + transition-duration: 0.3s; + position: sticky; + border-bottom-style: solid; + border-bottom-width: 1px; + border-color: var(--color-base-300); + } + #layout-content { + padding: calc(var(--spacing) * 6); + transition-property: all; + transition-timing-function: var( + --tw-ease, + var(--default-transition-timing-function) + ); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + flex-grow: 1; + background: var(--bg-body); + } .bg-menu { background-color: var(--color-header); } @@ -48,18 +76,15 @@ --menu-active-bg: #e9f2ff; } } - .menu-horizontal { display: inline-flex; flex-direction: row; } - .menu-horizontal li { position: relative; } /* ACTIVE STATE (LEVEL 1) */ - .menu-horizontal li.active { background: var(--menu-active); } @@ -139,10 +164,9 @@ .menu-horizontal > li > details > ul:before { content: none; } - /* ========================== SUBMENU HOVER ITEMS -========================== */ + ========================== */ .menu-horizontal li ul li:hover { background: var(--color-hura); } @@ -154,116 +178,54 @@ .menu-horizontal li ul li:hover::before { display: none; } - /* Font weight chung */ .menu-horizontal .grow { font-weight: 500; } - - .tw-qna { - gap: calc(var(--spacing) * 0.5); - } - .tw-zy { - align-items: center; - } - .tw-uba { - display: inline-flex; - } - .tw-usa { - width: calc(var(--spacing) * 5); - height: calc(var(--spacing) * 5); - } - .tw-sla { - width: calc(var(--spacing) * 4.5); - height: calc(var(--spacing) * 4.5); - } .menu-icon-color { color: #838383; } .card-body { padding: calc(var(--spacing) * 4); } - .-mt-25 { - margin-top: calc(var(--spacing) * -25); - } -} - -#layout-topbar { - background: var(--layout-topbar-background); - top: calc(var(--spacing) * 0); - z-index: 10; - transition-property: top, margin, border-radius; - transition-timing-function: var( - --tw-ease, - var(--default-transition-timing-function) - ); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - --tw-duration: 0.3s; - transition-duration: 0.3s; - position: sticky; - border-bottom-style: solid; - border-bottom-width: 1px; - border-color: var(--color-base-300); -} -#layout-content { - padding: calc(var(--spacing) * 6); - transition-property: all; - transition-timing-function: var( - --tw-ease, - var(--default-transition-timing-function) - ); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - flex-grow: 1; - background: var(--bg-body); } @layer hura { - .btn-active { + .hura-btn-active { --btn-bg: var(--color-hura); --btn-fg: #ffffff; --btn-border: var(--color-hura); color: var(--color-white); } - .btn-active:hover { + .hura-btn-active:hover { --btn-bg: #002bb5; --btn-border: #002bb5; } - .btn-view { + .hura-btn-outline { background: #f5f7ff; color: var(--color-hura); border: 1px solid var(--color-hura); } - .btn-view:hover { + .hura-btn-outline:hover { background: var(--color-hura); color: #fff; } - .checkbox-active:checked, - .checkbox-active[aria-checked="true"] { + .hura-checkbox:checked, + .hura-checkbox[aria-checked="true"] { background: var(--color-hura); color: #fff; } - .menu-form .btn { - border-bottom: 0; - } - .menu-form .btn:hover { - background: var(--color-hura); - color: #fff; - } - .radio-active:checked, - .radio-active[aria-checked="true"] { + .hura-radio:checked, + .hura-radio[aria-checked="true"] { border-color: var(--color-hura); } - .radio-active:checked::before, - .radio-active[aria-checked="true"]::before { + .hura-radio:checked::before, + .hura-radio[aria-checked="true"]::before { background-color: var(--color-hura); } - .link-active { + .hura-text-blue { color: var(--color-hura); } - .text-active { - color: var(--color-hura); - } - .choices { margin-top: calc(var(--spacing) * 2); --tw-shadow: diff --git a/template/home/home.html b/template/home/home.html index 3dd00b0..e465db0 100644 --- a/template/home/home.html +++ b/template/home/home.html @@ -213,7 +213,7 @@ Lịch sử chỉnh sửa - @@ -236,7 +236,7 @@ Chỉnh sửa trang chủ website laptoptcc 24/11/2023 - Xem + Xem @@ -245,7 +245,7 @@ Chỉnh sửa trang chủ website laptoptcc 24/11/2023 - Xem + Xem @@ -254,7 +254,7 @@ Chỉnh sửa trang chủ website laptoptcc 24/11/2023 - Xem + Xem @@ -263,7 +263,7 @@ Chỉnh sửa trang chủ website laptoptcc 24/11/2023 - Xem + Xem @@ -277,7 +277,7 @@
- +
diff --git a/template/javascript/homepage.html b/template/javascript/homepage.html index 6cd67fd..1a321f2 100644 --- a/template/javascript/homepage.html +++ b/template/javascript/homepage.html @@ -361,11 +361,11 @@ // Xóa class current ở tất cả các tab document.querySelectorAll("#js-admin-home-tab a").forEach(function (el) { - el.classList.remove("btn-active"); + el.classList.remove("hura-btn-active"); }); // Gán class current vào tab đang click - this.classList.add("btn-active"); + this.classList.add("hura-btn-active"); // Lấy ID từ href để show nội dung var id = this.getAttribute("href"); diff --git a/template/javascript/index.html b/template/javascript/index.html index 16dc37f..5c70fd4 100644 --- a/template/javascript/index.html +++ b/template/javascript/index.html @@ -27,6 +27,10 @@ {% include javascript/product_form %} +{% elsif global.module == 'marketing' %} + +{% include javascript/marketing_form %} + {% elsif global.module == 'brand' %} {% include javascript/brand %} diff --git a/template/javascript/marketing_form.html b/template/javascript/marketing_form.html new file mode 100644 index 0000000..ce6c1be --- /dev/null +++ b/template/javascript/marketing_form.html @@ -0,0 +1,21 @@ + + + + + + + + \ No newline at end of file diff --git a/template/javascript/product_form.html b/template/javascript/product_form.html index ea9a420..027b982 100644 --- a/template/javascript/product_form.html +++ b/template/javascript/product_form.html @@ -1,8 +1,10 @@ - + + diff --git a/template/marketing/promotion.html b/template/marketing/promotion.html index 4b1c2bd..f427b9d 100644 --- a/template/marketing/promotion.html +++ b/template/marketing/promotion.html @@ -1,17 +1,14 @@ -
-
+
+

Khuyến mại theo sản phẩm

-
+ - - - +
+ + +
@@ -19,26 +16,23 @@ phù hợp cho từng khuyến mại

-
- - + +
+ + Thêm khuyến mại mới - - + + Nhóm khuyến mại
-
+
- - + + @@ -53,7 +47,7 @@ diff --git a/template/marketing/promotion_add.html b/template/marketing/promotion_add.html index 28abf76..ffe67d9 100644 --- a/template/marketing/promotion_add.html +++ b/template/marketing/promotion_add.html @@ -3,26 +3,22 @@ Form thêm/sửa khuyến mại -
-
- {% if global.url contains 'id=' %} -
-

Cập nhật

+
+
+

Cập nhật

- - + - Thêm khuyến mại mới - + + + Thêm khuyến mại mới + -

- Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417) -

-
+

+ Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417) +

+
-
+
+
- {% endif %} -
+ class="order-page-table bg-white p-3 rounded-sm shadow col-span-3"> -

Thông tin cơ bản

+

Thông tin cơ bản

-
-

Hình thức

- - @@ -54,196 +47,181 @@
-
-

Ảnh đại diện (nếu có)

- - -
- -
+
+ Ảnh đại diện (nếu có) +
-
-

Đặt tiêu đề khuyến mại

- - +
+ Đặt tiêu đề khuyến mại +
-
-
+
+

Giá trị bằng (VNĐ)

- -
+

Số lượng (Để = -1 nếu không hạn chế số lượng)

-
-

Mô tả

+
+ Mô tả - +
-
-

Thời gian hiệu lực

+
+ Thời gian hiệu lực -
+
- + - - -
-

Bắt đầu

-
- +
+
+

Bắt đầu

+ class="input rounded-sm shadow w-[200px]" /> +
+
+

Giờ

+
- -

Giờ

- -
- -
-

Kết thúc

-
- - +
+
+

Kết thúc

+ +
+
+

Giờ

+
- -

Giờ

- -
-
-

Link liên quan (nếu có) (Link tới 1 bài viết giới thiệu chi tiết hoặc link - sản phẩm)

- - +
+
Link liên quan (nếu có) (Link tới 1 bài viết giới thiệu chi + tiết hoặc link + sản phẩm)
+
@@ -275,4 +253,5 @@ class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
+
\ No newline at end of file diff --git a/template/other/header.html b/template/other/header.html index 9887450..492fb7c 100644 --- a/template/other/header.html +++ b/template/other/header.html @@ -377,10 +377,10 @@
  • -
    - - Home -
    +     + + Home +
    • {% for _menu_item in global.main_menu %} {% assign _menu_children = _menu_item.menu %} @@ -389,7 +389,7 @@ class="{%- for _item in _menu_children -%}{%- if _item.url == global.url -%} active {%- endif -%} {%- endfor -%}">
    {% if _menu_item.icon_class != '' %} - + {% endif %} {{ _menu_item.name }}
    diff --git a/template/other/topbar.html b/template/other/topbar.html deleted file mode 100644 index c30a1c6..0000000 --- a/template/other/topbar.html +++ /dev/null @@ -1,508 +0,0 @@ - - - - - \ No newline at end of file
STT Khuyến mại Thời gian

- [Quà tặng] Phiếu mua hàng trị giá 100.000 VND + [Quà tặng] Phiếu mua hàng trị giá 100.000 VND

- Mô tả: Phiếu mua hàng

- Giá trị: 0 VND

@@ -70,22 +64,21 @@ 		- Xem + Xem -
+
- + class="btn btn-soft btn-sm btn-square btn-view" title="Sửa lại"> + + + + + + + - - -