From b2469a9235b43c59d609097bc744192d3da64c15 Mon Sep 17 00:00:00 2001 From: Tieptk Date: Mon, 8 Jan 2024 09:26:16 +0700 Subject: [PATCH] 08/01/2024 --- homepage.html | 2346 ++++++++++++++++++++++------------------ images/img-product.png | Bin 0 -> 6891 bytes product_list.html | 770 +++++++++++++ scss/pc_style.css | 99 +- scss/pc_style.css.map | 2 +- scss/pc_style.scss | 324 ++++-- them_san_pham.html | 788 ++++++++++++++ 7 files changed, 3148 insertions(+), 1181 deletions(-) create mode 100644 images/img-product.png create mode 100644 product_list.html create mode 100644 them_san_pham.html diff --git a/homepage.html b/homepage.html index 7132606..e1624ba 100644 --- a/homepage.html +++ b/homepage.html @@ -1,1190 +1,1422 @@ + Admin Hura Pc - - + + - - - + + + + -
+
- +
+ -
- - - - Bán hàng - +
+ + + Home + - - - -
+
+ + + + Bán hàng + -
- Menu title - Menu title - Menu title - Menu title -
-
+ + + + -
- - - +
+ Menu title + Menu title + Menu title + Menu title +
+
- Sản phẩm - +
+ + + - - - - + Sản phẩm + -
- Menu title - Menu title - Menu title - Menu title -
-
+ + + + -
- - - +
+ Menu title + Menu title + Menu title + Menu title +
+
- Khách hàng - +
+ + + - - - - + Khách hàng + -
- Menu title - Menu title - Menu title - Menu title -
-
+ + + + -
- - - +
+ Menu title + Menu title + Menu title + Menu title +
+
- Marketing - +
+ + + - - - - + Marketing + -
- Menu title - Menu title - Menu title - Menu title -
-
+ + + + -
- - - +
+ Menu title + Menu title + Menu title + Menu title +
+
- Nội dung - +
+ + + - - - - + Nội dung + -
- Menu title - Menu title - Menu title - Menu title -
-
+ + + + -
- - - +
+ Menu title + Menu title + Menu title + Menu title +
+
- Thống kê - +
+ + + - - - - + Thống kê + -
- Menu title - Menu title - Menu title - Menu title -
-
+ + + + -
- - - +
+ Menu title + Menu title + Menu title + Menu title +
+
- Hệ thống - +
+ + + - - - - + Hệ thống + -
- Menu title - Menu title - Menu title - Menu title -
-
-
+ + + + -
-

TÀI KHOẢN

- - - - Cài đặt - +
+ Menu title + Menu title + Menu title + Menu title +
+ +
+ +
+

TÀI KHOẢN

+ + + + Cài đặt + + + + + Hỗ trợ + + + + + Quản lý tài khoản + +
- - Hỗ trợ - - - - - Quản lý tài khoản + + Thoát quản trị
- - - Thoát quản trị - -
--> - - - -
-
- - - - - - -
- - -
-

Home

-
-
- -
- - -
-

Bán hàng

- -
- Menu title - Menu title - Menu title - Menu title -
-
-
- -
- - -
-

Sản phẩm

- -
- Menu title - Menu title - Menu title - Menu title -
-
-
- -
- - -
-

Khách hàng

- -
- Menu title - Menu title - Menu title - Menu title -
-
-
- -
- - -
-

Marketing

- -
- Menu title - Menu title - Menu title - Menu title -
-
-
- -
- - -
-

Nội dung

- -
- Menu title - Menu title - Menu title - Menu title -
-
-
- -
- - -
-

Thống kê

- -
- Menu title - Menu title - Menu title - Menu title -
-
-
- -
- - -
-

Hệ thống

- -
- Menu title - Menu title - Menu title - Menu title -
-
-
-
- -
-
- - -
-

Cài đặt

- -
- Menu title - Menu title - Menu title - Menu title -
-
-
- -
- - -
-

Hỗ trợ

- -
- Menu title - Menu title - Menu title - Menu title -
-
-
- -
- - -
-

Quản lý tài khoản

- -
- Menu title - Menu title - Menu title - Menu title -
-
-
-
- -
- - -
-

Thoát quản trị

-
-
-
- -
- -
-
-
- - - - -
- - -
- -
- - - - - + +
+
+ + + - -
-
- - - - - - - - 0 -
- -
- Menu title - Menu title - Menu title - Menu title -
-
-
-
-

ducdt@hurasoft.com

- - +
+ - - - +
+

Home

- -
- Đổi mật khẩu - Thoát quản trị +
+ +
+ + +
+

Bán hàng

+ +
+ Menu title + Menu title + Menu title + Menu title +
+ +
+ + +
+

Sản phẩm

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Khách hàng

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Marketing

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Nội dung

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Thống kê

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Hệ thống

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+
+ +
+
+ + +
+

Cài đặt

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Hỗ trợ

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Quản lý tài khoản

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+
+ +
+ + +
+

Thoát quản trị

+
- -
- -
-
-
-
-

Đơn hàng mới

- - - - -
- -

10.000.000

+
+ +
+
+
+ + + +
-
-
- - 10% -
+ + -

Hôm qua

-
-
- -
-
-
-

Khách hàng liên hệ qua website

- - - - -
- -

10.000.000

-
- -
-
- - 10% -
- -

Hôm qua

-
-
- -
-
-
-

Đơn trả góp

- - - - -
- -

10.000.000

-
- -
-
- - 10% -
- -

Hôm qua

-
-
- -
-
-
-

Đơn hoàn trả

- - - - -
- -

10.000.000

-
- -
-
- - 10% -
- -

Hôm qua

-
-
- -
-
-
-
32.4k
-

Doanh thu trong tuần này

-
- -
- 12% - -
-
- -
- -
-
- - - - - Users Report - - - -
-
-
- -
-
-
3.4k
- -
-

Truy cập web trong tuần này

- - - - 42.5% - -
-
- -
-
-
Lượt truy cập:
-
1.458
-
- -
-
Người xem:
-
2.130
-
-
- -
- -
-
- - - - Leads Report - - -
-
-
- -
-

Lịch sử chỉnh sửa

- - - Xem danh sách - - +
+ + + + + + - - - - - - - - - - - - - - - - - - - - -
STT Người dùng Nội dung Thời gian Xem chi tiết
1 uyentt@hurasoft.com Chỉnh sửa trang chủ website laptoptcc 24/11/2023 - Xem -
2uyentt@hurasoft.comChỉnh sửa trang chủ website laptoptcc24/11/2023Xem
3uyentt@hurasoft.comChỉnh sửa trang chủ website laptoptcc24/11/2023Xem
-
-
- - -
-
-
- Sản phẩm xem nhiều - Web giới thiệu - Từ khóa - Bài viết -
- - - -
-
-

Truy cập website

- -
-
-
- - -
- -
- - -
- -
- - -
-
-
- - -
- -
-
- - - Traffic analysis - - -
-
-
-
- - - -
- - - - - - - - - - - - - - - -
STTBài viếtLượt xem
1 Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VA 30.000
2 Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VA 30.000
3 Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VA 30.000 -
-
-
- -
-
-

Ghi nhắc việc làm cá nhân

- -
- - +
+
+ + + + + - + 0 +
+ +
+ Menu title + Menu title + Menu title + Menu title
-
- - -
+
+
+

ducdt@hurasoft.com

-
- - - + + + + + + + +
+ Đổi mật khẩu + Thoát quản trị +
+ + + + + +
+ +
+
+
+
+

Đơn hàng + mới

+ + + + + + +
+ +

10.000.000

+
+ +
+
+ + + + 10% +
+ +

Hôm qua

+
+
+ +
+
+
+

Khách hàng + liên hệ qua website

+ + + + + + +
+ +

10.000.000

+
+ +
+
+ + + + 10% +
+ +

Hôm qua

+
+
+ +
+
+
+

Đơn trả + góp

+ + + + + + +
+ +

10.000.000

+
+ +
+
+ + + + 10% +
+ +

Hôm qua

+
+
+ +
+
+
+

Đơn hoàn + trả

+ + + + + + +
+ +

10.000.000

+
+ +
+
+ + + + 10% +
+ +

Hôm qua

+
+
+ +
+
+
+
32.4k
+

Doanh thu trong tuần này

+
+ +
+ 12% + +
+
+ +
+ +
+
+ + + + + Users Report + + + +
+
+
+ +
+
+
3.4k
+ +
+

Truy cập web trong tuần này

+ + + + 42.5% + +
+
+ +
+
+
Lượt truy cập: +
+
1.458
+
+ +
+
Người xem:
+
2.130
+
+
+ +
+ +
+
+ + + + Leads Report + + +
+
+
+ +
+

Lịch sử chỉnh + sửa

+ + + Xem danh sách + + + + + + + + +
STT
+ + + - - + + - - - + + + - - - - + + + + - - - - - - - - - - - - + + + +
STT Người dùng Nội dung Hết hạn Trạng thái Thời gian Xem chi tiết
1 Sửa trang chủ websiteLaptoptcc 28/11/2023 - - Đang triển khai - + uyentt@hurasoft.com Chỉnh sửa trang chủ website laptoptcc 24/11/2023 + + Xem
2 Sửa trang chủ websiteLaptoptcc 28/11/2023 - Quá hạn + 2uyentt@hurasoft.comChỉnh sửa trang chủ website laptoptcc24/11/2023Xem
3 Sửa trang chủ websiteLaptoptcc 28/11/2023 - Đã xong -
4 Sửa trang chủ websiteLaptoptcc 28/11/2023 - Sắp hết hạn + 3uyentt@hurasoft.comChỉnh sửa trang chủ website laptoptcc24/11/2023Xem
-
+ +
+
+
+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa + Bài viết +
+ + + +
+
+

Truy cập website

+ +
+
+
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ + +
+ +
+
+ + + Traffic analysis + + +
+
+
+
+ + + +
+ + + + + + + + + + + + + + + + + +
STTBài viếtLượt xem
1 Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop + Asus ZenBook UX3402VA 30.000
2 + Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop + Asus ZenBook UX3402VA + 30.000 +
3 + Laptop Asus ZenBook UX3402VALaptop Asus ZenBook UX3402VALaptop + Asus ZenBook UX3402VA + 30.000 +
+
+
+ +
+
+

Ghi nhắc việc làm cá nhân

+ +
+ + + + + + + + +
+
+ +
+ + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STT Nội dung Hết hạn Trạng thái
1 Sửa trang chủ websiteLaptoptcc 28/11/2023 + + Đang triển khai + +
2 Sửa trang chủ websiteLaptoptcc 28/11/2023 + + Quá hạn +
3 Sửa trang chủ websiteLaptoptcc 28/11/2023 + + Đã xong +
4 Sửa trang chủ websiteLaptoptcc 28/11/2023 + + Sắp hết hạn +
+
+
+
+ +
+
-
- - - - + + + - + // Get all the checkboxes by their class name + const checkboxes = document.querySelectorAll('#devices input[type="checkbox"]'); + + // Function to handle the checkbox change event + function handleCheckboxChange(event, chart) { + const checkbox = event.target; + if (checkbox.checked) { + switch (checkbox.value) { + case 'web_1': + chart.updateSeries([15.1, 22.5, 4.4, 8.4]); + break; + case 'web_2': + chart.updateSeries([25.1, 26.5, 1.4, 3.4]); + break; + case 'web_3': + chart.updateSeries([45.1, 27.5, 8.4, 2.4]); + break; + default: + chart.updateSeries([55.1, 28.5, 1.4, 5.4]); + } + + } else { + chart.updateSeries([35.1, 23.5, 2.4, 5.4]); + } + } + + // Attach the event listener to each checkbox + checkboxes.forEach((checkbox) => { + checkbox.addEventListener('change', (event) => handleCheckboxChange(event, chart)); + }); + } + } + + + \ No newline at end of file diff --git a/images/img-product.png b/images/img-product.png new file mode 100644 index 0000000000000000000000000000000000000000..0062bf54a89576c946e7d8e2f31ce4c37fffed7c GIT binary patch literal 6891 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 literal 0 HcmV?d00001 diff --git a/product_list.html b/product_list.html new file mode 100644 index 0000000..6ac29e6 --- /dev/null +++ b/product_list.html @@ -0,0 +1,770 @@ + + + + + + + Admin Hura Pc + + + + + + + + + + + + +
+ + + + + +
+
+ + + + + +
+ +
+ + +
+

Home

+
+
+ +
+ + +
+

Bán hàng

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Sản phẩm

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Khách hàng

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Marketing

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Nội dung

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Thống kê

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Hệ thống

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ + +
+ + +
+

Cài đặt

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Hỗ trợ

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Quản lý tài khoản

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Thoát quản trị

+
+
+
+ +
+ +
+
+
+ + + + +
+ + +
+ +
+ + + + + + + + +
+
+ + + + + + + + 0 +
+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+ +
+
+

ducdt@hurasoft.com

+ + + + + + +
+ +
+ Đổi mật khẩu + Thoát quản trị +
+
+
+
+ + +
+
+

Danh sách sản phẩm

+
+ +
+ Tìm kiếm +
+
+
+
+ + Chọn danh mục để xem + + + Chọn thương hiệu để xem + +
+
+ + + + Thêm sản phẩm mới + + + + + + + + + + + + Danh sách cập nhật + + + + + + + + + Cập nhật Excel + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTIDẢnhSản phẩm (Tổng số: 1.742)Người dùngThông tin bán hàngThông tin khác + Đặc điểm + + Công cụ
1#2105 + + 6 ảnh + + + + + + + + Chăn hè đũi xơ đậu nành mã 32 Gấu xanh +

[Có cấu hình]

+
+ Danh mục: + Màn hình Máy tính + + + + +
+
+ Mã kho + MH241 + | + Hãng +

ABS

+
+

Cập nhật: 20-10-2023, 5:48 pm (49 ngày)

+

Người cập nhật : anhtt@hurasoft.com

+ 		+

- Xem : 0

+

- Thích : 0

+

- Mua : 0

+ 		+
+ - Giá bán: + 300.000 vnd +
+
+ - Sl tổng: + 1 +
+ 		+
+ - Giá bán: + 300.000 vnd +
+

- Bảo hành: Ato test

+

- Khuyến mại: + Ato test

+ 		+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ Cập + nhật + 		+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ STT + +
+
+
+ +
+
+ +
+ + + + + + + + + \ No newline at end of file diff --git a/scss/pc_style.css b/scss/pc_style.css index 3957c86..dbc7150 100644 --- a/scss/pc_style.css +++ b/scss/pc_style.css @@ -1,18 +1,27 @@ -*, ::after, ::before { +*, +::after, +::before { box-sizing: border-box; } -button, input, select { +button, +input, +select { outline: none !important; color: #000; border-radius: 0; } -button, input { +button, +input { overflow: visible; } -button, input, optgroup, select, textarea { +button, +input, +optgroup, +select, +textarea { margin: 0; font-family: inherit; font-size: inherit; @@ -20,7 +29,8 @@ button, input, optgroup, select, textarea { border-radius: 0; } -input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { -webkit-appearance: none; } @@ -31,7 +41,7 @@ input[type=number] { body { color: #000; font-family: "Inter", sans-serif; - background: #FAFAFB; + background: #fafafb; position: relative; font-size: 14px; word-break: break-word; @@ -127,7 +137,7 @@ a { .admin-menu-container { position: relative; overflow: auto; - background: #004E99; + background: #004e99; color: #fff; width: 16%; padding: 20px 0; @@ -151,7 +161,7 @@ a { transform: rotate(90deg); } .admin-menu-container details[open] summary { - background: #81B5E4; + background: #81b5e4; } .admin-menu-container details[open] summary a { font-weight: 700; @@ -188,7 +198,7 @@ a { border-radius: 4px; } .admin-menu-container .item:hover { - background: #81B5E4; + background: #81b5e4; } .admin-menu-container .item:hover .icons { filter: brightness(100); @@ -204,7 +214,7 @@ a { content: ""; width: 1px; height: calc(100% - 39px); - background: #79B0E2; + background: #79b0e2; position: absolute; left: 20px; top: 20px; @@ -222,7 +232,7 @@ a { width: 8px; height: 8px; border-radius: 50%; - background: #79B0E2; + background: #79b0e2; position: absolute; top: 6px; left: -28px; @@ -283,7 +293,7 @@ a { position: relative; } .admin-menu .item:hover { - background: #81B5E4; + background: #81b5e4; } .admin-menu .item:hover .icons { filter: brightness(100); @@ -296,7 +306,7 @@ a { .admin-menu .sub-menu { padding: 10px 22px 10px 15px; border-radius: 6px; - background: #004E99; + background: #004e99; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); white-space: nowrap; min-width: 150px; @@ -323,7 +333,7 @@ a { width: 8px; height: 8px; border-radius: 50%; - background: #79B0E2; + background: #79b0e2; position: absolute; top: 6px; left: -18px; @@ -339,7 +349,7 @@ a { .admin-menu .menu-list::before { content: ""; width: 1.5px; - background: #79B0E2; + background: #79b0e2; position: absolute; left: 1px; top: 7px; @@ -397,8 +407,8 @@ a { transition: 0.2s all; } .admin-content-container .note-list a:hover { - background: #F5F7FF; - color: #0041E8; + background: #f5f7ff; + color: #0041e8; font-weight: 600; } .admin-content-container .content-holder { @@ -410,7 +420,7 @@ a { } .table-fixed td { padding: 13px 8px; - border: 1px solid #ECECEC; + border: 1px solid #ececec; } .table-fixed tbody td { padding: 5px 8px; @@ -419,24 +429,24 @@ a { text-align: left; } .table-fixed tbody td:nth-child(2) { - color: #0041E8; + color: #0041e8; } .admin-home-tab { overflow: auto; } .admin-home-tab a { - color: #A0A8B5; + color: #a0a8b5; padding: 9px 7.7px; text-align: center; - border-right: 1px solid #DDE1EB; + border-right: 1px solid #dde1eb; white-space: nowrap; } .admin-home-tab a:last-child { border: 0; } .admin-home-tab a:hover, .admin-home-tab a.current { - background: #0041E8; + background: #0041e8; color: #fff; } @@ -453,7 +463,7 @@ a { font-weight: 500; } .home-report-holder td { - border: 1px solid #ECECEC; + border: 1px solid #ececec; padding: 14px 5px; } .home-report-holder td a { @@ -472,4 +482,47 @@ a { } .home-todo-list td:nth-child(1), .home-todo-list td:nth-child(3), .home-todo-list td:nth-child(4) { white-space: nowrap; +} + +.product-list th { + padding: 10px; + border: 1px solid #ececec; + background: #f6f6f6; +} +.product-list td { + padding: 8px; + border: 1px solid #ececec; +} + +.product-sale-info td { + padding: 14px; + border: 1px solid #ececec; +} + +input[type=radio] { + position: absolute; +} +input[type=radio]:before { + content: ""; + background: #fff; + border-radius: 100%; + border: 1.5px solid #0041e8; + display: inline-block; + width: 20px; + height: 20px; + position: relative; + top: -0.2em; + margin-right: 1em; + vertical-align: top; + cursor: pointer; + text-align: center; + transition: all 250ms ease; +} +input[type=radio]:checked:before { + background-color: #0041e8; + box-shadow: inset 0 0 0 4px #fff; +} +input[type=radio]:focus:before { + outline: none; + border-color: #0041e8; }/*# sourceMappingURL=pc_style.css.map */ \ No newline at end of file diff --git a/scss/pc_style.css.map b/scss/pc_style.css.map index 9afd4ae..2da683c 100644 --- a/scss/pc_style.css.map +++ b/scss/pc_style.css.map @@ -1 +1 @@ -{"version":3,"sources":["pc_style.scss","pc_style.css"],"names":[],"mappings":"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","file":"pc_style.css"} \ No newline at end of file +{"version":3,"sources":["pc_style.scss","pc_style.css"],"names":[],"mappings":"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","file":"pc_style.css"} \ No newline at end of file diff --git a/scss/pc_style.scss b/scss/pc_style.scss index 99338a4..0a7d439 100644 --- a/scss/pc_style.scss +++ b/scss/pc_style.scss @@ -1,43 +1,112 @@ -*, ::after, ::before {box-sizing: border-box;} -button,input,select{outline:none!important;color:#000;border-radius:0} -button, input {overflow: visible;} -button, input, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;border-radius: 0;} -input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;} -input[type=number] {-moz-appearance: textfield;} -body{ - color:#000; - font-family: 'Inter', sans-serif; - background: #FAFAFB; +*, +::after, +::before { + box-sizing: border-box; +} +button, +input, +select { + outline: none !important; + color: #000; + border-radius: 0; +} +button, +input { + overflow: visible; +} +button, +input, +optgroup, +select, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; + border-radius: 0; +} +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; +} +input[type="number"] { + -moz-appearance: textfield; +} +body { + color: #000; + font-family: "Inter", sans-serif; + background: #fafafb; position: relative; - font-size: 14px; + font-size: 14px; word-break: break-word; counter-reset: section; font-weight: 400; line-height: 1.5; margin: auto; } -img{ +img { max-width: 100%; height: auto; } -a{ +a { text-decoration: none; } -::-webkit-scrollbar-track{background:#f5f5f5;} -::-webkit-scrollbar-thumb{background: grey;border-radius:5px;} -::-webkit-scrollbar-thumb:hover{background:#ccc;} -::-webkit-scrollbar{width: 8px;height:10px;} -.clearfix{ - &::after{ - content:'';clear:both;display:block +::-webkit-scrollbar-track { + background: #f5f5f5; +} +::-webkit-scrollbar-thumb { + background: grey; + border-radius: 5px; +} +::-webkit-scrollbar-thumb:hover { + background: #ccc; +} +::-webkit-scrollbar { + width: 8px; + height: 10px; +} +.clearfix { + &::after { + content: ""; + clear: both; + display: block; } } -.inherit{font-size: inherit;font-weight: inherit;line-height: inherit;margin: 0;} -.line-clamp-2{text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} -.line-clamp-3{text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} -.line-clamp-4{text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} -.line-clamp-5{text-overflow:ellipsis;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} -.icons{ +.inherit { + font-size: inherit; + font-weight: inherit; + line-height: inherit; + margin: 0; +} +.line-clamp-2 { + text-overflow: ellipsis; + -webkit-line-clamp: 2; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; +} +.line-clamp-3 { + text-overflow: ellipsis; + -webkit-line-clamp: 3; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; +} +.line-clamp-4 { + text-overflow: ellipsis; + -webkit-line-clamp: 4; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; +} +.line-clamp-5 { + text-overflow: ellipsis; + -webkit-line-clamp: 5; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; +} +.icons { background: url(../images/global-sprite.png) no-repeat; background-size: 400px 400px; } @@ -49,37 +118,37 @@ a{ .admin-menu-container { position: relative; overflow: auto; - background: #004E99; - color: #fff; - width: 16%; + background: #004e99; + color: #fff; + width: 16%; padding: 20px 0; line-height: 20px; - a{ + a { color: #fff; } - .menu-logo{ + .menu-logo { display: table; margin-bottom: 50px; margin-left: 16px; - img{ + img { height: 22px; } } - .menu-list{ + .menu-list { margin: 50px 0; } - details{ + details { &[open] { svg { transform: rotate(90deg); } summary { - background: #81B5E4; - a{ + background: #81b5e4; + a { font-weight: 700; } } - .icons{ + .icons { filter: brightness(100); } } @@ -88,12 +157,12 @@ a{ display: flex; align-items: center; justify-content: space-between; - cursor: pointer; - padding-right: 16px; - border-radius: 4px; + cursor: pointer; + padding-right: 16px; + border-radius: 4px; position: relative; - transition: .3s all; - a{ + transition: 0.3s all; + a { padding: 8px 16px; display: flex; align-items: center; @@ -102,18 +171,18 @@ a{ svg { position: absolute; right: 16px; - transition: .3s all; + transition: 0.3s all; } .item { display: flex; align-items: center; padding: 0 16px; line-height: 36px; - transition: .3s all; + transition: 0.3s all; border-radius: 4px; - &:hover{ - background: #81B5E4; - .icons{ + &:hover { + background: #81b5e4; + .icons { filter: brightness(100); } } @@ -124,38 +193,38 @@ a{ .sub-menu { padding: 13px 13px 13px 45px; position: relative; - &::before{ + &::before { content: ""; width: 1px; height: calc(100% - 39px); - background: #79B0E2; + background: #79b0e2; position: absolute; left: 20px; - top: 20px; + top: 20px; } - a{ + a { display: block; margin-bottom: 15px; position: relative; - &:hover{ + &:hover { text-decoration: underline; } - &::before{ + &::before { content: ""; width: 8px; height: 8px; border-radius: 50%; - background: #79B0E2; + background: #79b0e2; position: absolute; top: 6px; left: -28px; } - &:last-child{ + &:last-child { margin: 0; } } } - .icons{ + .icons { width: 20px; height: 20px; margin-right: 13px; @@ -203,11 +272,11 @@ a{ .item { display: flex; align-items: center; - transition: .3s all; + transition: 0.3s all; position: relative; - &:hover{ - background: #81B5E4; - .icons{ + &:hover { + background: #81b5e4; + .icons { filter: brightness(100); } .sub-menu { @@ -220,37 +289,37 @@ a{ .sub-menu { padding: 10px 22px 10px 15px; border-radius: 6px; - background: #004E99; + background: #004e99; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); white-space: nowrap; min-width: 150px; z-index: -1; - transition: .2s all; + transition: 0.2s all; position: absolute; left: calc(100% + 30px); top: 0; opacity: 0; - visibility: hidden; + visibility: hidden; min-width: 200px; - a{ + a { display: block; margin-bottom: 12px; line-height: 18px; position: relative; - &:hover{ + &:hover { text-decoration: underline; } - &::before{ + &::before { content: ""; width: 8px; height: 8px; border-radius: 50%; - background: #79B0E2; + background: #79b0e2; position: absolute; top: 6px; left: -18px; } - &:last-child{ + &:last-child { margin: 0; } } @@ -259,17 +328,17 @@ a{ padding-left: 16px; margin-top: 10px; position: relative; - &::before{ + &::before { content: ""; width: 1.5px; - background: #79B0E2; + background: #79b0e2; position: absolute; left: 1px; top: 7px; bottom: 7px; } } - .icons{ + .icons { width: 50px; height: 40px; } @@ -311,22 +380,22 @@ a{ background-position: 6px -34px; } } -.admin-content-container{ - .note-list{ +.admin-content-container { + .note-list { min-width: 144px; - a{ + a { display: block; padding: 0 10px; line-height: 35px; - transition: .2s all; + transition: 0.2s all; &:hover { - background: #F5F7FF; - color: #0041E8; + background: #f5f7ff; + color: #0041e8; font-weight: 600; } } } - .content-holder{ + .content-holder { padding: 16px 0 16px 16px; } } @@ -334,40 +403,42 @@ a{ text-align: center; td { padding: 13px 8px; - border: 1px solid #ECECEC; + border: 1px solid #ececec; } tbody { - td{ - padding: 5px 8px; - &:nth-child(2), &:nth-child(3){ + td { + padding: 5px 8px; + &:nth-child(2), + &:nth-child(3) { text-align: left; } - &:nth-child(2){ - color: #0041E8; + &:nth-child(2) { + color: #0041e8; } } } } -.admin-home-tab{ +.admin-home-tab { overflow: auto; - a{ - color: #A0A8B5; + a { + color: #a0a8b5; padding: 9px 7.7px; text-align: center; - border-right: 1px solid #DDE1EB; + border-right: 1px solid #dde1eb; white-space: nowrap; - &:last-child{ + &:last-child { border: 0; } - &:hover,&.current{ - background: #0041E8; + &:hover, + &.current { + background: #0041e8; color: #fff; } } } .home-report-holder { display: none; - table{ + table { width: 100%; line-height: 20px; text-align: center; @@ -376,26 +447,79 @@ a{ background: #f6f6f6; font-weight: 500; } - td{ - border: 1px solid #ECECEC; + td { + border: 1px solid #ececec; padding: 14px 5px; - a{ + a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } - &:nth-child(2){ + &:nth-child(2) { text-align: left; } } } -.home-todo-list{ - td{ +.home-todo-list { + td { padding: 0 4px; color: #000 !important; - &:nth-child(1), &:nth-child(3), &:nth-child(4){ + &:nth-child(1), + &:nth-child(3), + &:nth-child(4) { white-space: nowrap; } } -} \ No newline at end of file +} +.product-list { + th { + padding: 10px; + border: 1px solid #ececec; + background: #f6f6f6; + } + td { + padding: 8px; + border: 1px solid #ececec; + } +} + +.product-sale-info { + td { + padding: 14px; + border: 1px solid #ececec; + } +} + +input[type="radio"] { + position: absolute; + &:before { + content: ""; + background: #fff; + border-radius: 100%; + border: 1.5px solid #0041e8; + display: inline-block; + width: 20px; + height: 20px; + position: relative; + top: -0.2em; + margin-right: 1em; + vertical-align: top; + cursor: pointer; + text-align: center; + transition: all 250ms ease; + } + + &:checked { + &:before { + background-color: #0041e8; + box-shadow: inset 0 0 0 4px #fff; + } + } + &:focus { + &:before { + outline: none; + border-color: #0041e8; + } + } +} diff --git a/them_san_pham.html b/them_san_pham.html new file mode 100644 index 0000000..aa2d506 --- /dev/null +++ b/them_san_pham.html @@ -0,0 +1,788 @@ + + + + + + + Admin Hura Pc + + + + + + + + + + + + +
+ + + + + +
+
+ + + + + +
+ +
+ + +
+

Home

+
+
+ +
+ + +
+

Bán hàng

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Sản phẩm

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Khách hàng

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Marketing

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Nội dung

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Thống kê

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Hệ thống

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ + +
+ + +
+

Cài đặt

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Hỗ trợ

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Quản lý tài khoản

+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+
+ +
+ + +
+

Thoát quản trị

+
+
+
+ +
+ +
+
+
+ + + + +
+ + +
+ +
+ + + + + + + + +
+
+ + + + + + + + 0 +
+ +
+ Menu title + Menu title + Menu title + Menu title +
+
+ +
+
+

ducdt@hurasoft.com

+ + + + + + +
+ +
+ Đổi mật khẩu + Thoát quản trị +
+
+
+
+ +
+
+ + Danh sách sản phẩm + + > + + Form thêm/Sửa sản phẩm + +
+
+
+ Cập nhật: Máy in mã vạch MH241 (ID: 2105)
+ +
+
+
+ Cơ + bản + Danh + mục + SEO + Mô + tả + Thông + số + Ảnh + Cấu + hình + Phụ + kiện + Youtobe + Tags + Nội dung liên + quan +
+
+
+
+
+ 1. Thông tin cơ bản +
+ + +
+ + + + + +
+
+
+ + +
+ + + + + +
+
+
+ + +
+ + + + + +
+
+
+ + +
+ gram + + + + + +
+
+
+ + +
+ Quản lý thương hiệu +
+
+
+ + +
+
+ + +
+
+
+ 1. Thông tin cơ bản + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Giá bán lẻ +
+ + + / + +
+
+ (* Nếu dùng USD thì theo chuẩn quốc tế v.d. $134.05). + Tỷ giá: + 1 + + + + + + +
+
Thuế VAT + Giá bán +
+
+ + +
+
+ + +
+
+ + +
+
+
Giá nhập hàng +
+ + vnd (để tham khảo khi cần) +
+ +
Giá thị trường +
+ + vnd (để tham khảo khi cần) +
+ +
Số lượng kho hàng +
+ +
+ +
Khuyến mại riêng + +
Khuyến mại riêng + +
Tình trạng (Mới / Cũ) + +
Hiển thị +
+
+ + +
+
+ + +
+
+
+ +
+
+
+
+
+
+ +
+ + +
+ + + + + + \ No newline at end of file