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 0000000..0062bf5 Binary files /dev/null and b/images/img-product.png differ 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":"AAAA;EAAsB,sBAAA;ACEtB;;ADDA;EAAoB,wBAAA;EAAuB,WAAA;EAAW,gBAAA;ACOtD;;ADNA;EAAe,iBAAA;ACUf;;ADTA;EAA2C,SAAA;EAAU,oBAAA;EAAqB,kBAAA;EAAmB,oBAAA;EAAqB,gBAAA;ACiBlH;;ADhBA;EAAoE,wBAAA;ACoBpE;;ADnBA;EAAoB,0BAAA;ACuBpB;;ADtBA;EACI,WAAA;EACA,gCAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,sBAAA;EACA,sBAAA;EACA,gBAAA;EACA,gBAAA;EACA,YAAA;ACyBJ;;ADvBA;EACI,eAAA;EACA,YAAA;AC0BJ;;ADxBA;EACI,qBAAA;AC2BJ;;ADzBA;EAA0B,mBAAA;AC6B1B;;AD5BA;EAA0B,gBAAA;EAAiB,kBAAA;ACiC3C;;ADhCA;EAAgC,gBAAA;ACoChC;;ADnCA;EAAoB,UAAA;EAAW,YAAA;ACwC/B;;ADtCI;EACI,WAAA;EAAW,WAAA;EAAW,cAAA;AC2C9B;;ADxCA;EAAS,kBAAA;EAAmB,oBAAA;EAAqB,oBAAA;EAAqB,SAAA;AC+CtE;;AD9CA;EAAc,uBAAA;EAAuB,qBAAA;EAAqB,oBAAA;EAAoB,4BAAA;EAA4B,gBAAA;ACsD1G;;ADrDA;EAAc,uBAAA;EAAuB,qBAAA;EAAqB,oBAAA;EAAoB,4BAAA;EAA4B,gBAAA;AC6D1G;;AD5DA;EAAc,uBAAA;EAAuB,qBAAA;EAAqB,oBAAA;EAAoB,4BAAA;EAA4B,gBAAA;ACoE1G;;ADnEA;EAAc,uBAAA;EAAuB,qBAAA;EAAqB,oBAAA;EAAoB,4BAAA;EAA4B,gBAAA;AC2E1G;;AD1EA;EACI,sDAAA;EACA,4BAAA;AC6EJ;;AD3EA;EACI,iBAAA;EACA,YAAA;EACA,aAAA;AC8EJ;;AD5EA;EACI,kBAAA;EACA,cAAA;EACA,mBAAA;EACA,WAAA;EACA,UAAA;EACA,eAAA;EACA,iBAAA;AC+EJ;AD9EI;EACI,WAAA;ACgFR;AD9EI;EACI,cAAA;EACA,mBAAA;EACA,iBAAA;ACgFR;AD/EQ;EACI,YAAA;ACiFZ;AD9EI;EACI,cAAA;ACgFR;AD5EY;EACI,wBAAA;AC8EhB;AD5EY;EACI,mBAAA;AC8EhB;AD7EgB;EACI,gBAAA;AC+EpB;AD5EY;EACI,uBAAA;AC8EhB;AD1EI;EACI,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,eAAA;EACA,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,oBAAA;AC4ER;AD3EQ;EACI,iBAAA;EACA,aAAA;EACA,mBAAA;AC6EZ;AD1EI;EACI,kBAAA;EACA,WAAA;EACA,oBAAA;AC4ER;AD1EI;EACI,aAAA;EACA,mBAAA;EACA,eAAA;EACA,iBAAA;EACA,oBAAA;EACA,kBAAA;AC4ER;AD3EQ;EACI,mBAAA;AC6EZ;AD5EY;EACI,uBAAA;AC8EhB;AD1EI;EACI,wBAAA;AC4ER;AD1EI;EACI,4BAAA;EACA,kBAAA;AC4ER;AD3EQ;EACI,WAAA;EACA,UAAA;EACA,yBAAA;EACA,mBAAA;EACA,kBAAA;EACA,UAAA;EACA,SAAA;AC6EZ;AD3EQ;EACI,cAAA;EACA,mBAAA;EACA,kBAAA;AC6EZ;AD5EY;EACI,0BAAA;AC8EhB;AD5EY;EACI,WAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,WAAA;AC8EhB;AD5EY;EACI,SAAA;AC8EhB;AD1EI;EACI,WAAA;EACA,YAAA;EACA,kBAAA;AC4ER;AD1EI;EACI,8BAAA;AC4ER;AD1EI;EACI,+BAAA;AC4ER;AD1EI;EACI,+BAAA;AC4ER;AD1EI;EACI,gCAAA;AC4ER;AD1EI;EACI,gCAAA;AC4ER;AD1EI;EACI,gCAAA;AC4ER;AD1EI;EACI,gCAAA;AC4ER;AD1EI;EACI,gCAAA;AC4ER;AD1EI;EACI,gCAAA;AC4ER;AD1EI;EACI,gCAAA;AC4ER;AD1EI;EACI,gCAAA;AC4ER;AD1EI;EACI,+BAAA;AC4ER;;ADzEA;EACI,WAAA;EACA,UAAA;AC4EJ;AD3EI;EACI,aAAA;EACA,mBAAA;EACA,oBAAA;EACA,kBAAA;AC6ER;AD5EQ;EACI,mBAAA;AC8EZ;AD7EY;EACI,uBAAA;AC+EhB;AD7EY;EACI,sBAAA;EACA,UAAA;EACA,mBAAA;AC+EhB;AD3EI;EACI,4BAAA;EACA,kBAAA;EACA,mBAAA;EACA,+CAAA;EACA,mBAAA;EACA,gBAAA;EACA,WAAA;EACA,oBAAA;EACA,kBAAA;EACA,uBAAA;EACA,MAAA;EACA,UAAA;EACA,kBAAA;EACA,gBAAA;AC6ER;AD5EQ;EACI,cAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;AC8EZ;AD7EY;EACI,0BAAA;AC+EhB;AD7EY;EACI,WAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,WAAA;AC+EhB;AD7EY;EACI,SAAA;AC+EhB;AD3EI;EACI,kBAAA;EACA,gBAAA;EACA,kBAAA;AC6ER;AD5EQ;EACI,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;AC8EZ;AD3EI;EACI,WAAA;EACA,YAAA;AC6ER;AD3EI;EACI,4BAAA;AC6ER;AD3EI;EACI,8BAAA;AC6ER;AD3EI;EACI,8BAAA;AC6ER;AD3EI;EACI,+BAAA;AC6ER;AD3EI;EACI,+BAAA;AC6ER;AD3EI;EACI,+BAAA;AC6ER;AD3EI;EACI,+BAAA;AC6ER;AD3EI;EACI,+BAAA;AC6ER;AD3EI;EACI,+BAAA;EACA,iBAAA;AC6ER;AD3EI;EACI,+BAAA;AC6ER;AD3EI;EACI,+BAAA;AC6ER;AD3EI;EACI,8BAAA;AC6ER;;ADzEI;EACI,gBAAA;AC4ER;AD3EQ;EACI,cAAA;EACA,eAAA;EACA,iBAAA;EACA,oBAAA;AC6EZ;AD5EY;EACI,mBAAA;EACA,cAAA;EACA,gBAAA;AC8EhB;AD1EI;EACI,yBAAA;AC4ER;;ADzEA;EACI,kBAAA;AC4EJ;AD3EI;EACI,iBAAA;EACA,yBAAA;AC6ER;AD1EQ;EACI,gBAAA;AC4EZ;AD3EY;EACI,gBAAA;AC6EhB;AD3EY;EACI,cAAA;AC6EhB;;ADxEA;EACI,cAAA;AC2EJ;AD1EI;EACI,cAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,mBAAA;AC4ER;AD3EQ;EACI,SAAA;AC6EZ;AD3EQ;EACI,mBAAA;EACA,WAAA;AC6EZ;;ADzEA;EACI,aAAA;AC4EJ;AD3EI;EACI,WAAA;EACA,iBAAA;EACA,kBAAA;AC6ER;AD3EI;EACI,mBAAA;EACA,gBAAA;AC6ER;AD3EI;EACI,yBAAA;EACA,iBAAA;AC6ER;AD5EQ;EACI,cAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;AC8EZ;AD5EQ;EACI,gBAAA;AC8EZ;;ADzEI;EACI,cAAA;EACA,sBAAA;AC4ER;AD3EQ;EACI,mBAAA;AC6EZ","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