commit f412201ed805ed326278fd0309303b5f12a2aa1c Author: Tieptk Date: Mon Jul 3 16:04:33 2023 +0700 giao dien admin hura 8 diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..1e5ed94 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,2166 @@ +@charset "UTF-8"; +@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); +:root { + --color-global: #004e99; +} + +/* CSS Document */ +body { + font-family: "Roboto", sans-serif; + font-size: 14px; + background-color: #f0f1f5; + word-break: break-word; + margin: 0 auto; + min-width: 1500px; + color: #000; +} + +html { + font-family: "Roboto", sans-serif; + font-size: 62.5% !important; +} + +a { + text-decoration: none; + color: black; +} +a:hover { + color: var(--color-global); +} + +p { + margin: 0; +} + +.form-control { + font-size: 14px; + padding: 8px; + border: 1px solid #b8b8b8; +} +.form-control::-moz-placeholder { + color: #b8b8b8; + font-weight: 300; +} +.form-control::placeholder { + color: #b8b8b8; + font-weight: 300; +} + +::-webkit-scrollbar-track { + background-color: #f5f5f5; + border-radius: 10px; +} + +::-webkit-scrollbar { + width: 7px; + background-color: #f5f5f5; +} + +::-webkit-scrollbar-thumb { + background: var(--color-global); + border-radius: 20px; +} + +.clear { + clear: both; +} + +.container-1500 { + max-width: 1520px; + margin: 0 auto; + padding: 0 10px; +} + +.container { + max-width: 1320px; + margin: 0 auto; + padding: 0 10px; +} + +.overlay { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.3); + z-index: 99; + display: none; +} + +.overlay.active { + display: block; +} + +.icon_global { + background: url(../images/icon_global.png) no-repeat; + background-size: 215px 55px; + display: block; +} +.icon_global.order-new { + width: 26px; + height: 26px; + background-position: -35px -2px; +} +.icon_global.user-contact { + width: 26px; + height: 26px; + background-position: -78px -2px; +} +.icon_global.order-installment { + width: 26px; + height: 26px; + background-position: -116px -1px; +} +.icon_global.return-goods { + width: 26px; + height: 26px; + background-position: -161px -1px; +} +.icon_global.support { + margin-right: 5px; + width: 28px; + height: 27px; + background-position: -194px -3px; + border: 1px solid #004e99; + border-radius: 50%; +} +.icon_global.filter { + width: 28px; + height: 20px; + background-position: 2px -32px; +} +.icon_global.other { + width: 28px; + height: 22px; + background-position: -32px -32px; +} +.icon_global.list { + width: 28px; + height: 22px; + background-position: -63px -32px; +} +.icon_global.add-attr { + width: 20px; + height: 20px; + background-position: -99px -34px; +} +.icon_global.view-attr { + width: 18px; + height: 15px; + background-position: -127px -39px; +} + +.header { + background: #fff; +} +.header .header-top { + padding: 10px 0; +} +.header .form-search { + margin-right: 15px; +} +.header .input-search { + width: 220px; + height: 35px; + line-height: 35px; + border: 1px solid #dddddd; + border-radius: 37px; + margin-right: 5px; + padding: 8px 15px; + color: #b3b3b3; +} +.header .input-search:focus-within { + outline: 1px solid var(--color-global); +} +.header .btn-search { + width: 60px; + height: 35px; + line-height: 32px; + border: 1px solid #4795df; + border-radius: 37px; + color: #4795df; + background: #fff; + outline: none; +} +.header .btn-search:hover { + background: var(--color-global); + color: #fff; +} +.header .notification { + margin: 0 15px 0 5px; + position: relative; + cursor: pointer; +} +.header .notification.active { + background: #fff; + padding: 5px 5px 0 5px; + z-index: 999; +} +.header .notification.active .hover-notification { + display: block; +} +.header .notification .total-notification { + position: absolute; + top: -2px; + right: 2px; + width: 16px; + height: 16px; + line-height: 16px; + border-radius: 50%; + background: #e40000; + font-size: 10px; + color: #fff; + text-align: center; +} +.header .icon_global.bell { + width: 27px; + height: 25px; + background-position: 0 -4px; +} +.header .user_login { + width: 30px; + position: relative; +} +.header .user_login img { + width: 100%; + height: 100%; + display: block; +} +.header .user_login:hover { + border: 1px solid var(--color-global); + border-radius: 50%; +} +.header .user_login.active { + z-index: 999; +} +.header .user_login.active .hover-user-login { + display: block; +} +.header .list-menu-sub { + display: none; +} +.header .list-menu-sub a { + display: block; + padding: 7px 10px; + border-bottom: 1px dotted var(--color-global); + font-size: 13px; +} +.header .list-menu-sub a:hover { + background: var(--color-global); + color: #fff; +} + +.hover-notification { + position: absolute; + width: 300px; + right: -6px; + background: #fbfbfe; + z-index: 99; + top: 40px; + border-radius: 5px; + display: none; +} +.hover-notification::before { + position: absolute; + content: ""; + top: -12px; + right: 15px; + width: 0; + height: 0; + border-right: 11px solid transparent; + border-bottom: 12px solid #ffffff; + border-left: 11px solid transparent; +} +.hover-notification .title { + background: #fbfbfe; + padding: 5px 10px; + border-radius: 5px 5px 0 0; + border-bottom: 1px solid #ddd; +} +.hover-notification .title b { + color: #1a1c6b; + font-size: 20px; +} +.hover-notification .title i { + font-size: 18px; + color: gray; +} +.hover-notification .item { + padding: 10px 15px; + border-bottom: 1px solid #e6e6e6; + background: #f5f8fa; +} +.hover-notification .item span { + color: #8e8e8e; + font-size: 13px; + font-weight: 300; +} +.hover-notification .item:hover { + background: #fff; +} +.hover-notification .item:hover p { + color: var(--color-global); +} +.hover-notification .more-all { + padding: 10px; + text-align: center; + display: block; +} +.hover-notification .more-all:hover { + background: var(--color-global); + color: #fff; +} +.hover-notification .list-notification { + height: 255px; + overflow-x: auto; +} + +.hover-user-login { + position: absolute; + width: 235px; + right: -6px; + background: #fbfbfe; + z-index: 99; + top: 40px; + border-radius: 5px; + padding: 20px 10px 10px 10px; + display: none; +} +.hover-user-login::before { + position: absolute; + content: ""; + top: -12px; + right: 12px; + width: 0; + height: 0; + border-right: 11px solid transparent; + border-bottom: 12px solid #ffffff; + border-left: 11px solid transparent; +} +.hover-user-login .avatar { + width: 30px !important; + height: 30px; + margin: 0 auto; +} +.hover-user-login .name-user { + display: block; + text-align: center; + font-size: 16px; + margin-bottom: 5px; +} +.hover-user-login a { + display: block; + text-align: center; + color: #8e8e8e; + margin-bottom: 10px; +} +.hover-user-login .logout { + color: #004e99; + margin-top: 20px; +} +.hover-user-login .logout i { + margin-left: 3px; +} + +.list-menu { + background: var(--color-global); +} +.list-menu .item { + padding: 7px 0; + position: relative; +} +.list-menu .item.active { + background: #fff; +} +.list-menu .item.active .title { + color: var(--color-global); + font-weight: bold; +} +.list-menu .item:hover { + background: #fff; +} +.list-menu .item:hover .title { + color: var(--color-global); + font-weight: bold; +} +.list-menu .item:hover .title i::before { + padding-top: 3px; + content: "\f0d8"; + display: block; +} +.list-menu .item:hover .list-menu-sub { + display: block; + position: absolute; + top: 100%; + width: 200px; + z-index: 999; + background: #fff; +} +.list-menu .item:last-child .title { + border-right: none; +} +.list-menu .title { + border-right: 0.7px solid rgba(255, 255, 255, 0.568627451); + padding: 0 20px; + color: #fff; +} +.list-menu .title i { + padding: 0 5px; + font-size: 11px; +} + +.page_content { + padding-bottom: 100px; +} +.page_content .title-main { + font-size: 24px; + color: var(--color-global); + padding: 15px 0; + font-weight: 700; + margin-bottom: 0; +} +.page_content .left { + border-radius: 3px; + border: 1px solid #ddd; + background: #fff; + padding: 10px; + margin-right: 12px; +} +.page_content .right { + width: calc(33.33333333% - 12px); + border-radius: 3px; + border: 1px solid #ddd; + background: #fff; + padding: 10px; +} + +.box-info-order .item .border { + border-radius: 3px; + padding-bottom: 0 !important; +} +.box-info-order .item .border:hover { + border: 1px solid var(--color-global) !important; +} +.box-info-order .item .txt { + font-weight: 300; + margin-bottom: 7px; + color: #6c6c6c; +} +.box-info-order .item .qyt { + font-size: 36px; + font-weight: 700; + color: var(--color-global); +} +.box-info-order .item .up { + color: #64c35c; + padding-right: 5px; + font-size: 16px; +} +.box-info-order .item .down { + color: #ffa51d; + font-size: 16px; + padding-right: 5px; +} +.box-info-order .item .time { + font-size: 10px; + color: #8e8e8e; +} +.box-info-order .backgroud-icon { + width: 40px; + height: 40px; + border-radius: 50%; + display: flex; + align-items: center; + text-align: center; + justify-content: center; + margin-bottom: 7px; +} +.box-info-order .backgroud-icon.new { + background: #004e99; +} +.box-info-order .backgroud-icon.contact { + background: #64c35c; +} +.box-info-order .backgroud-icon.installment { + background: #4795df; +} +.box-info-order .backgroud-icon.return { + background: #ffa51d; +} + +.box-revenue-chart { + border: 1px solid #ddd; + border-radius: 5px; + margin-top: 20px; + padding: 10px; +} +.box-revenue-chart .total-revenue i { + color: #4795df; + margin-right: 10px; +} +.box-revenue-chart .total-revenue .qty { + color: var(--color-global); + font-size: 36px; + font-weight: 700; + margin-left: 8px; +} +.box-revenue-chart .option-chart select { + border: none; + outline: none; +} + +.box-chart-access { + border: 1px solid #ddd; + border-radius: 5px; + margin-top: 20px; + padding: 10px; +} +.box-chart-access .list-thong-so .item { + margin-right: 25px; + display: flex; + align-items: center; +} +.box-chart-access .list-thong-so i.fa-circle { + color: var(--color-global); + margin-right: 5px; +} +.box-chart-access .list-thong-so i.fa-circle.view { + color: #8dd4fc; + margin-right: 5px; +} +.box-chart-access .list-thong-so .qty { + font-size: 36px; + font-weight: 700; + color: var(--color-global); + margin-left: 5px; +} +.box-chart-access .option-chart select { + border: none; + outline: none; +} + +.box-edit-history { + border-radius: 5px; + border: 1px solid #ddd; + margin-top: 20px; +} +.box-edit-history .title { + padding: 10px; +} +.box-edit-history .title b { + color: #004e99; + font-size: 16px; +} +.box-edit-history table { + width: 100%; +} +.box-edit-history tr { + border-bottom: 1px solid #ddd; +} +.box-edit-history td { + padding: 10px; + font-weight: 300; +} +.box-edit-history th { + padding: 10px; + background: #f1f7fc; + color: #6c6c6c; +} + +.box-report-summary .title { + color: #004e99; + font-size: 16px; + margin-bottom: 10px; + font-weight: bold; +} +.box-report-summary .list-tab { + margin-bottom: 10px; +} +.box-report-summary .list-tab .item { + border: 0.7px solid #4795df; + padding: 5px 10px; + border-right: 0; + color: #6c6c6c; + background: #f1f7fc; +} +.box-report-summary .list-tab .item:last-child { + padding: 5px 15px; + border-right: 0.7px solid #4795df; +} +.box-report-summary .list-tab .item.active { + background: #4795df; + color: #fff; +} +.box-report-summary .content-tab { + display: none; +} +.box-report-summary .content-tab.active { + display: block; +} +.box-report-summary .content-tab table { + width: 100%; +} +.box-report-summary .content-tab tr { + border-bottom: 1px solid #ddd; +} +.box-report-summary .content-tab td { + padding: 10px; + font-weight: 300; +} +.box-report-summary .content-tab .qnt { + padding: 3px 10px; + border-radius: 8px; + background: #e8fbff; + text-align: center; + font-weight: 500; +} +.box-report-summary .content-tab .qnt.high { + border: 1px solid #004e99; + color: #004e99; +} +.box-report-summary .content-tab .qnt.good { + border: 1px solid #64c35c; + color: #64c35c; + background: #e6ffe3; +} +.box-report-summary .content-tab .qnt.medium { + border: 1px solid #ffa51d; + color: #ffa51d; + background: #fff9e8; +} +.box-report-summary .content-tab .qnt.weak { + border: 1px solid red; + color: red; + background: rgb(255, 226, 226); +} +.box-report-summary .title-key span { + color: #6c6c6c; + font-size: 14px; + font-weight: 300; +} +.box-report-summary .title-key a { + color: #4795df; + font-size: 14px; + font-style: italic; + text-decoration-line: underline; +} +.box-report-summary .list-key { + margin: 10px 0; +} +.box-report-summary .list-key .item { + display: inline-block; + background: #e6eef6; + padding: 0 15px; + margin-right: 5px; + margin-bottom: 10px; + color: #004e99; + height: 30px; + line-height: 30px; + font-size: 13px; + position: relative; + margin-left: 15px; +} +.box-report-summary .list-key .item::before { + position: absolute; + content: ""; + left: -13px; + top: 0; + width: 0; + height: 0; + border-top: 14px solid transparent; + border-right: 14px solid #e6eef6; + border-bottom: 16px solid transparent; +} +.box-report-summary .list-key .item::after { + position: absolute; + content: ""; + left: 0; + top: 50%; + width: 5px; + height: 5px; + background: #fff; + transform: translate(0, -50%); + border-radius: 50%; +} +.box-report-summary .list-key .item:hover { + background: var(--color-global); + color: #fff; +} +.box-report-summary .list-key .item:hover::before { + border-right: 14px solid var(--color-global); +} +.box-report-summary .product-see-more th { + padding: 5px; + background: #f1f7fc; + color: #6c6c6c; +} +.box-report-summary .table-list-website i { + text-align: center; +} +.box-report-summary .table-list-website i.blue { + color: #359eff; +} +.box-report-summary .table-list-website i.yellow { + color: #ffa51d; +} +.box-report-summary .table-list-website i.green { + color: #64c35c; +} +.box-report-summary .table-list-website th { + padding: 5px 10px; +} + +.box-support-hurasoft a { + display: flex; + align-items: center; + color: #004e99; + font-size: 16px; + margin: 20px 0; + font-weight: 500; +} +.box-support-hurasoft a:hover { + text-decoration: underline; +} + +.box-remind-me .title { + font-size: 16px; + color: #004e99; + margin-bottom: 10px; +} +.box-remind-me input { + padding: 5px; + border-radius: 3px; + border: 1px solid #ddd; +} +.box-remind-me .input-work { + width: 59%; +} +.box-remind-me .time-work { + width: 23%; + color: #6c6c6c; + margin-left: 5px; +} +.box-remind-me #btn-remind { + margin-left: 5px; + border-radius: 3px; + background: #004e99; + color: #fff; +} +.box-remind-me .table-list-work { + width: 100%; + margin-top: 10px; + border: 1px solid #ddd; +} +.box-remind-me .table-list-work th, +.box-remind-me .table-list-work td { + padding: 10px; + border-bottom: 1px solid #ddd; +} +.box-remind-me .table-list-work td:first-child { + font-weight: bold; +} +.box-remind-me .table-list-work td:nth-child(n+4) { + font-weight: 300; + text-decoration: underline; +} +.box-remind-me .table-list-work .green { + color: #64c35c; +} +.box-remind-me .table-list-work .red { + color: red; +} + +.breadcrumb { + margin: 0; +} + +.breadcrumb ol { + width: 100%; + float: left; + padding: 0; + margin: 0; + background: none; +} + +.breadcrumb ol li { + float: left; + list-style: none; +} + +.breadcrumb ol li a span { + font-size: 14px; + color: #333; + line-height: 35px; + float: left; + display: flex; + align-items: center; +} + +.breadcrumb ol li a span:hover { + color: #262261; +} + +.breadcrumb ol li a:last-child { + color: #222; +} + +.breadcrumb ol li i { + margin-left: 10px; + margin-right: 10px; + float: left; + line-height: 35px; + color: #b4b4b4; +} + +.breadcrumb ol li:last-child i { + display: none; +} + +.breadcrumb .icon_2023.home { + width: 16px; + height: 17px; + display: block; + background-position: -9px -110px; + margin-right: 10px; + margin-left: 0; +} + +.breadcrumb .home span { + color: #b4b4b4; + font-size: 14px; +} + +.breadcrumb ol li:last-child span { + color: #002a53; +} + +.page_content.sell .title { + margin: 20px 0 10px 0; +} +.page_content.sell .title-right a { + margin-left: 10px; + border-radius: 5px; + padding: 10px; + background: #4795df; + color: #fff; +} +.page_content.sell .title-right a:hover { + background: #fff; + color: #4795df; + border: 1px solid #4795df; +} +.page_content.sell .title-right i { + padding-right: 5px; +} +.page_content.sell #tabnav .item { + background: #e1edf9; + padding: 10px; + color: #004e99; + margin-right: 3px; + display: inline-block; +} +.page_content.sell #tabnav .item.active { + background: #4795df; + color: #fff; + font-weight: 700; +} +.page_content.sell .content-sell { + background: #fff; + border-radius: 5px; + padding: 10px; +} +.page_content.sell .filter-sell { + padding: 10px; +} +.page_content.sell .filter-left p { + margin-right: 30px; +} +.page_content.sell .filter-right .item p { + font-size: 13px; + margin-left: 10px; +} +.page_content.sell .filter-right input { + font-size: 11px; + padding: 7px 10px; + margin-left: 8px; + border: 1px solid #ddd; + border-radius: 5px; +} +.page_content.sell .filter-right .time-work { + width: 110px; +} +.page_content.sell .filter-right .search-keys { + width: 130px; +} +.page_content.sell .filter-right .btn-search { + background: #4795df; + border: none; + outline: none; + margin-left: 8px; + color: #fff; + height: 32px; + width: 60px; + line-height: 32px; + border-radius: 5px; +} +.page_content.sell #tb_padding { + margin-bottom: 10px; +} +.page_content.sell #tb_padding th { + padding: 10px 5px; + background: #f4f5f6; +} +.page_content.sell #tb_padding th select { + border: 1px solid #b8b8b8; + background: #fff; + padding: 5px 0; +} +.page_content.sell #tb_padding .checkbox { + width: 50px; +} +.page_content.sell #tb_padding .checkbox input[type=checkbox] { + margin-top: 6px; +} +.page_content.sell #tb_padding input[type=checkbox] { + width: 16px; + height: 16px; +} +.page_content.sell #tb_padding td { + padding: 10px 5px; + border-bottom: 1px solid #ddd; +} +.page_content.sell #tb_padding .btn-status-circle { + height: 19px; + width: 19px; + background-color: #bbb; + border-radius: 50%; + display: block; + margin: 0 auto; +} +.page_content.sell #tb_padding .payment-unpaid { + background-color: #f90202; + color: white; +} +.page_content.sell #tb_padding .payment-paid { + background-color: #64c35c; + color: white; +} +.page_content.sell #tb_padding .fulfillment-unfulfilled { + background-color: #f90202; + color: white; +} +.page_content.sell #tb_padding .order-new { + background-color: #ffa51d; +} +.page_content.sell #tb_padding .assigned-person { + border: none; + outline: none; +} +.page_content.sell #tb_padding .remove { + margin-left: 5px; +} + +.page_content.edit-sell .title { + margin: 10px 0; +} +.page_content.edit-sell .title-left .red { + font-size: 20px; + color: #f90202; +} +.page_content.edit-sell .title-left .time { + color: #474747; + margin-left: 10px; +} +.page_content.edit-sell .title-right { + display: flex; + align-items: center; +} +.page_content.edit-sell .title-right .item { + display: flex; + align-items: center; + padding: 0 10px; + border-left: 1px solid #000; + font-size: 15px; +} +.page_content.edit-sell .title-right .item:first-child { + border-left: none; +} +.page_content.edit-sell .title-right .item p { + margin-right: 10px; +} +.page_content.edit-sell .title-right .btn-print-cart { + background: #fff; + padding: 5px 15px; + border: 1px solid #ddd; + border-radius: 3px; + color: #474747; +} +.page_content.edit-sell .title-right .btn-print-cart i { + margin-right: 3px; +} +.page_content.edit-sell .title-right .btn-print-cart:hover { + background: var(--color-global); + color: #fff; +} +.page_content.edit-sell .form-left { + width: 65%; + margin-right: 20px; +} +.page_content.edit-sell .form-right { + width: 35%; +} +.page_content.edit-sell .form-right select option:hover { + background: #4795df; +} +.page_content.edit-sell .box-user { + background: #fff; + padding: 10px; +} +.page_content.edit-sell .box-user b { + margin-bottom: 5px; + font-size: 16px; + display: block; +} +.page_content.edit-sell .box-user .item { + padding: 0 10px; + width: 100%; + margin-bottom: 10px; +} +.page_content.edit-sell .box-user .item label { + font-size: 15px; + padding-bottom: 5px; + font-weight: 500; +} +.page_content.edit-sell .box-user .form-control { + padding: 10px; + font-size: 14px; + border: 0.5px solid #ddd; +} +.page_content.edit-sell .box-user .item-2 { + width: calc(50% - 10px); + margin-right: 10px; + padding-right: 0; +} +.page_content.edit-sell .box-list-product { + margin-top: 20px; +} +.page_content.edit-sell .box-list-product b { + display: block; + margin-bottom: 10px; +} +.page_content.edit-sell .box-list-product table { + border-radius: 5px; + border: 1px solid #ddd; + background: #fff; + overflow: hidden; +} +.page_content.edit-sell .box-list-product th { + border-bottom: 1px solid #ddd; + background: #f4f5f6; + padding: 10px; + position: sticky; +} +.page_content.edit-sell .box-list-product td { + padding: 10px; + border-bottom: 1px solid #ddd; +} +.page_content.edit-sell .box-list-product .name { + color: #2c7af4; +} +.page_content.edit-sell .box-expense { + margin-top: 20px; +} +.page_content.edit-sell .box-expense b { + display: block; + margin-bottom: 10px; +} +.page_content.edit-sell .box-expense table { + border-radius: 5px; + border: 1px solid #ddd; + background: #fff; + overflow: hidden; +} +.page_content.edit-sell .box-expense td { + padding: 10px; + border-bottom: 1px solid #ddd; +} +.page_content.edit-sell .box-expense i.fa-pencil { + color: #4795df; + margin-left: 5px; +} +.page_content.edit-sell .box-history { + margin-top: 20px; +} +.page_content.edit-sell .box-history b { + display: block; + margin-bottom: 10px; +} +.page_content.edit-sell .box-history table { + border-radius: 5px; + border: 1px solid #ddd; + background: #fff; + overflow: hidden; +} +.page_content.edit-sell .box-history th { + border-bottom: 1px solid #ddd; + background: #f4f5f6; + padding: 10px; + position: sticky; +} +.page_content.edit-sell .box-history td { + padding: 10px; + border-bottom: 1px solid #ddd; +} +.page_content.edit-sell .box-assign { + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; +} +.page_content.edit-sell .box-assign b { + display: block; + margin-bottom: 5px; +} +.page_content.edit-sell .box-assign .form-control.select { + padding: 10px; + font-size: 14px; +} +.page_content.edit-sell .box-start-pay { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; +} +.page_content.edit-sell .box-start-pay b { + display: block; + margin-bottom: 5px; +} +.page_content.edit-sell .box-start-pay .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; +} +.page_content.edit-sell .box-start-ship { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; +} +.page_content.edit-sell .box-start-ship b { + display: block; + margin-bottom: 5px; +} +.page_content.edit-sell .box-start-ship .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; +} +.page_content.edit-sell .box-start-order { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; +} +.page_content.edit-sell .box-start-order b { + display: block; + margin-bottom: 5px; +} +.page_content.edit-sell .box-start-order .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; +} +.page_content.edit-sell .box-note { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; +} +.page_content.edit-sell .box-note b { + display: block; + margin-bottom: 5px; +} +.page_content.edit-sell .box-note .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; +} + +.blue { + color: #4795df; +} + +.link-blue { + color: var(--color-global); +} + +.btn-save { + border-radius: 5px; + background: var(--color-global); + width: 120px; + height: 40px; + margin-top: 10px; + color: #fff; + font-size: 15px; + float: right; + outline: none; + border: none; +} +.btn-save:hover { + background: #013b72; +} + +.paging { + margin: 10px 0; +} + +.left-paging .item { + margin-right: 10px; +} +.left-paging .item p { + margin-right: 10px; +} + +.paging .pages-needed { + padding: 5px 10px; + border: 1px solid #ddd; + width: 115px; + border-radius: 5px; +} + +.paging .hura-change-page-size { + padding: 5px 10px; + border: 1px solid #ddd; + border-radius: 5px; + outline: none; +} + +.paging .right-paging { + color: #6c6c6c; +} +.paging .right-paging .content-paging { + margin-right: 15px; +} +.paging .right-paging .content-paging .item { + padding: 2px 7px; + margin-left: 10px; + color: #6c6c6c; + font-size: 14px; +} +.paging .right-paging .content-paging .item.active { + border-radius: 3px; + background: #4795df; + color: #fff; +} +.paging .right-paging .content-paging i { + font-size: 16px; +} + +.btn-edit i { + color: #6c6c6c; + margin-right: 3px; +} + +.btn-remove i { + color: #6c6c6c; +} + +.btn-excel { + border-radius: 5px; + background: #4795df; + padding: 10px 15px; + color: #fff; +} +.btn-excel:hover { + background: #0084ff; + color: #fff; +} + +.page_content.gateway-payment .title { + margin: 10px 0; +} +.page_content.gateway-payment .background-payment { + padding: 10px; + background: #fff; + margin-top: 20px; +} + +#tb_padding table { + margin-top: 20px; + border-radius: 5px; + background: #fff; + overflow: hidden; +} +#tb_padding th { + background: #f4f5f6; + padding: 10px; + position: sticky; +} +#tb_padding td { + padding: 10px; + border-bottom: 1px solid #ddd; +} + +.btn-submit { + float: right; +} +.btn-submit .btn { + width: 120px; + height: 40px; + border-radius: 5px; + background: #004e99; + font-size: 16px; + color: #fff; +} +.btn-submit .btn:hover { + background: #0084ff; +} +.btn-submit .btn-back { + margin-left: 10px; + width: 120px; + height: 40px; + border-radius: 5px; + background: #bad8f6; + text-align: center; + line-height: 40px; + color: #fff; +} + +.page_content.pre-order-products .title { + margin: 10px 0; +} +.page_content.pre-order-products .table-pre-order { + background-color: #fff; + padding: 10px; +} + +.page_content.product-list .title { + margin: 10px 0; +} +.page_content.product-list .content-product-list { + margin-top: 20px; + padding: 10px; + background: #fff; +} +.page_content.product-list .filter-product { + padding: 5px 0 10px 0; +} +.page_content.product-list .filter-product .item { + display: flex; + align-items: center; + font-size: 13px; + margin-left: 20px; +} +.page_content.product-list .filter-product .item p { + margin-right: 10px; +} +.page_content.product-list .select-filter-type { + width: 145px; + border-radius: 5px; + background: #e7f1fb; + padding: 7px; + position: relative; +} +.page_content.product-list .select-filter-type select { + border: none; + outline: none; + width: 100%; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: transparent; + font-weight: 300; +} +.page_content.product-list .select-filter-type::before { + position: absolute; + content: "\f0d7"; + right: 7px; + top: 50%; + font: normal 400 1em/1 "Font Awesome 6 Free"; + font-weight: 900; + font-style: 12px; + transform: translate(0, -50%); +} + +.page_content.add-product .title { + margin: 10px 0; +} +.page_content.add-product .form-control { + padding: 8px 15px; +} +.page_content.add-product .tabnav { + margin-top: 10px; +} +.page_content.add-product .tabnav .item { + padding: 7px 10px; + color: #004e99; + background: #e1edf9; + margin-right: 7px; +} +.page_content.add-product .tabnav .item.active, .page_content.add-product .tabnav .item:hover { + background: #4795df; + color: #fff; + font-weight: bold; +} +.page_content.add-product .item .content-right { + width: 80%; +} +.page_content.add-product .item.display label { + margin-right: 25px; +} +.page_content.add-product .item.display input[type=radio] { + height: 16px; + margin-right: 5px; +} +.page_content.add-product .item-summary .item-radio { + margin-right: 20px; + display: flex; + align-items: center; +} +.page_content.add-product .item-summary .item-radio input { + height: 16px; + margin-right: 5px; +} +.page_content.add-product .item-summary.price .form-control { + width: 170px; +} +.page_content.add-product .item-summary.price .note { + margin-left: 10px; +} +.page_content.add-product .retail-price .form-control { + width: 170px; + margin-right: 10px; +} +.page_content.add-product .retail-price .note a { + color: #4795df; + text-decoration: underline; +} +.page_content.add-product .box-select { + width: 90px; + margin-right: 10px; + padding: 7px; + position: relative; + border-radius: 5px; + border: 1px solid #b8b8b8; +} +.page_content.add-product .box-select::before { + position: absolute; + content: "\f0d7"; + right: 7px; + top: 50%; + font: normal 400 1em/1 "Font Awesome 6 Free"; + font-weight: 900; + transform: translate(0, -50%); +} +.page_content.add-product .box-select select { + border: none; + outline: none; + width: 100%; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: transparent; +} + +.page_content.price-list-update .title { + margin: 10px 0; +} +.page_content.price-list-update .content-price-list { + margin-top: 15px; + background: #fff; + padding: 10px; +} + +.page_content.product-category .title { + margin: 10px 0; +} +.page_content.product-category .content-product-category { + margin-top: 15px; + padding: 15px; +} + +.page_content.add-product-category .title { + margin: 10px 0; +} +.page_content.add-product-category .title .title-right .item-filter { + display: flex; + align-items: center; + margin-right: 20px; +} +.page_content.add-product-category .title .title-right .item-filter i { + margin-right: 3px; +} +.page_content.add-product-category .title .title-right .item-filter:hover { + color: var(--color-global); +} +.page_content.add-product-category .box-avatar { + width: 50%; +} +.page_content.add-product-category .box-avatar img { + display: block; + width: 70px; + height: 70px; + margin-right: 10px; +} +.page_content.add-product-category .box-avatar a:hover { + color: var(--color-global); +} +.page_content.add-product-category .box-icon img { + display: block; + width: 70px; + height: 70px; + margin: 0 10px; +} +.page_content.add-product-category .box-icon a:hover { + color: var(--color-global); +} +.page_content.add-product-category .item-summary .form-control { + padding: 10px; +} + +.page_content.brand .title { + margin: 20px 0; +} +.page_content.brand .title .title-right .item-filter { + display: flex; + align-items: center; + margin-right: 20px; +} +.page_content.brand .title .title-right .item-filter i { + margin-right: 3px; +} +.page_content.brand .title .title-right .item-filter:hover { + color: var(--color-global); +} +.page_content.brand .title .title-left { + font-size: 18px; + font-weight: 500; + color: #002a53; +} +.page_content.brand .content-brand { + background: #fff; + padding: 15px; +} +.page_content.brand .content-brand .input-stt { + width: 45px; + height: 27px; + border-radius: 3px; + border: 1px solid #ddd; + text-align: center; +} + +.box-form-add { + margin-top: 20px; + background: #fff; + padding: 20px; +} +.box-form-add .item { + display: flex; + justify-content: space-between; + margin-bottom: 15px; +} +.box-form-add .item .label { + width: 20%; + font-size: 14px; +} +.box-form-add .item .content-right { + width: 75%; +} +.box-form-add .item.display label { + margin-right: 25px; +} +.box-form-add .item.display input[type=radio] { + height: 16px; + margin-right: 5px; +} +.box-form-add .item-summary { + display: flex; + justify-content: space-between; + margin-bottom: 15px; +} +.box-form-add .item-summary .title { + width: 20%; + margin: 0; +} +.box-form-add .item-summary .right-summary { + width: 75%; +} +.box-form-add .box-select { + position: relative; + border-radius: 5px; + border: 1px solid #b8b8b8; +} +.box-form-add .box-select::before { + position: absolute; + content: "\f0d7"; + right: 7px; + top: 50%; + font: normal 400 1em/1 "Font Awesome 6 Free"; + font-weight: 900; + transform: translate(0, -50%); +} +.box-form-add .box-select select { + border: none; +} +.box-form-add .item-checkbox { + margin-bottom: 10px; + display: flex; + align-items: center; +} +.box-form-add .item-checkbox input[type=checkbox] { + width: 16px; + height: 16px; + margin-right: 7px; + border-radius: 2px; + border: 1px solid #d9d9d9; + background: #f5f5f5; +} +.box-form-add .form-label-radio { + display: flex; + align-items: center; + margin-right: 20px; +} +.box-form-add .form-label-radio span { + margin-left: 5px; +} + +.page_content.add-brand .title { + margin: 20px 0; +} +.page_content.add-brand .title .title-right .item-filter { + display: flex; + align-items: center; + margin-right: 20px; +} +.page_content.add-brand .title .title-right .item-filter i { + margin-right: 3px; +} +.page_content.add-brand .title .title-right .item-filter:hover { + color: var(--color-global); +} +.page_content.add-brand .box-avatar { + width: 50%; +} +.page_content.add-brand .box-avatar img { + display: block; + width: 70px; + height: 70px; + margin-right: 10px; +} +.page_content.add-brand .box-avatar a:hover { + color: var(--color-global); +} + +.page_content.add-attribute .title { + margin: 20px 0; +} +.page_content.add-attribute .title .title-right .item-attr { + display: flex; + align-items: center; + margin-right: 20px; +} +.page_content.add-attribute .title .title-right .item-attr i { + margin-right: 3px; +} +.page_content.add-attribute .title .title-right .item-attr:hover { + color: var(--color-global); +} +.page_content.add-attribute .item-radio { + width: 50%; + display: flex; + align-items: center; +} +.page_content.add-attribute .item-radio input[type=radio] { + height: 17px; + width: 17px; + margin-right: 5px; +} +.page_content.add-attribute .table-attribute { + border-radius: 5px; + border: 1px solid #ddd; +} +.page_content.add-attribute .add-attr { + margin-right: 10px; +} +.page_content.add-attribute .add-attr span { + margin-right: 10px; +} +.page_content.add-attribute .add-attr.name input { + width: 240px; +} +.page_content.add-attribute .add-attr.value-sort input { + width: 148px; +} +.page_content.add-attribute .add-attr.value-order input { + width: 52px; +} +.page_content.add-attribute .btn-add { + border-radius: 5px; + border: 1px solid #b8b8b8; + background: #ebebeb; + padding: 8px; +} + +.page_content.add-collection .title { + margin: 10px 0; +} +.page_content.add-collection .title .title-right .item-attr { + display: flex; + align-items: center; + margin-right: 20px; +} +.page_content.add-collection .title .title-right .item-attr i { + margin-right: 3px; +} +.page_content.add-collection .title .title-right .item-attr:hover { + color: var(--color-global); +} + +.page_content.config_group .title { + margin: 20px 0; +} +.page_content.config_group .title .title-right .item-filter { + display: flex; + align-items: center; + margin-right: 20px; +} +.page_content.config_group .title .title-right .item-filter i { + margin-right: 3px; +} +.page_content.config_group .title .title-right .item-filter:hover { + color: var(--color-global); +} +.page_content.config_group .title .title-left { + font-size: 18px; + font-weight: 500; + color: #002a53; +} +.page_content.config_group .table-list-config { + background: #fff; + padding: 10px; +} + +.page_content.add-config .title { + margin: 10px 0; +} +.page_content.add-config .title .title-right .item-attr { + display: flex; + align-items: center; + margin-right: 20px; +} +.page_content.add-config .title .title-right .item-attr i { + margin-right: 3px; +} +.page_content.add-config .title .title-right .item-attr:hover { + color: var(--color-global); +} +.page_content.add-config .tabnav { + margin-top: 10px; +} +.page_content.add-config .tabnav .item { + padding: 7px 10px; + color: #004e99; + background: #e1edf9; + margin-right: 7px; +} +.page_content.add-config .tabnav .item.active, .page_content.add-config .tabnav .item:hover { + background: #4795df; + color: #fff; + font-weight: bold; +} +.page_content.add-config .box-form-add { + margin-top: 0; +} + +/* ==== Khách hàng + Marketing ==== */ +.customer-page .title { + margin-top: 10px; +} +.customer-page .title .title-right .item-attr { + display: flex; + align-items: center; + margin-right: 20px; +} +.customer-page .title .title-right .item-attr i { + margin-right: 3px; +} +.customer-page .title .title-right .item-attr:hover { + color: var(--color-global); +} + +.customer-contact table td { + padding: 8px 0; +} +.customer-contact textarea { + min-height: 170px !important; + max-height: 250px !important; +} +.customer-contact p { + margin: 0 0 10px 0; +} +.customer-contact p:last-child { + margin: 0; +} + +.customer-comment-detail-page { + font-size: 15px; + line-height: 19px; + font-weight: 300; +} +.customer-comment-detail-page a { + color: #000; +} +.customer-comment-detail-page a:hover { + color: #e10000; + font-weight: 500; +} +.customer-comment-detail-page .col-left, +.customer-comment-detail-page .col-right, +.customer-comment-detail-page .comment-list { + background: #fff; + border: 1px solid #dddddd; + border-radius: 5px; + overflow: hidden; + margin-bottom: 20px; +} +.customer-comment-detail-page .col-left { + padding: 20px 23px; + margin-right: 20px; + width: 65%; +} +.customer-comment-detail-page .col-right { + width: calc(35% - 20px); + padding: 10px 15px; +} +.customer-comment-detail-page .col-right b { + display: block; +} +.customer-comment-detail-page .comment-list { + width: 100%; + text-align: center; +} +.customer-comment-detail-page .comment-list tr:nth-child(1) { + background: #f4f5f6; + font-weight: 500; +} +.customer-comment-detail-page .comment-list tr:nth-child(1) td { + border: 0; + text-align: center; +} +.customer-comment-detail-page .comment-list td { + border-top: 1px solid #dddddd; + padding: 14px 10px; +} +.customer-comment-detail-page .comment-list td:nth-child(6) { + max-width: 300px; + text-align: left; +} +.customer-comment-detail-page .comment-list td:last-child { + width: 160px; +} +.customer-comment-detail-page .item { + margin-bottom: 8px; +} +.customer-comment-detail-page .item:last-child { + margin-bottom: 0; +} +.customer-comment-detail-page .item p { + margin: 8px 0 0 0; + border: 1px solid #dddddd; + border-radius: 5px; + background: #fcfdfe; + line-height: 21px; + padding: 9px 10px; +} +.customer-comment-detail-page .item a { + text-decoration: underline; +} +.customer-comment-detail-page .item a:hover { + color: #4795df; +} +.customer-comment-detail-page textarea { + display: block; + width: 100%; + padding: 10px; + height: 339px; + min-height: 339px; + max-height: 430px; + background: #fcfdfe; + border: 1px solid #dddddd; + border-radius: 5px; + margin: 10px 0 15px 0; + outline: none; + resize: none; +} +.customer-comment-detail-page .note { + background: #ffd4d4; + color: #e10000; + line-height: 32px; + border-radius: 3px; + display: block; +} +.customer-comment-detail-page table td:nth-child(1) { + font-weight: 300; +} + +.marketing-page p { + margin-top: 5px; + line-height: 19px; +} +.marketing-page table textarea { + min-height: 170px; + max-height: 250px; +} + +.voucher-page table input[type=text], +.voucher-page table select { + width: -moz-fit-content; + width: fit-content; + display: inline-block; + margin-right: 10px; +} +.voucher-page .voucher-type { + white-space: nowrap; + line-height: 40px; + margin: 0 0 0 10px; +} +.voucher-page .voucher-type::after { + content: ""; + display: block; + clear: both; +} +.voucher-page .voucher-type * { + float: left; +} +.voucher-page .voucher-type input { + width: 122px !important; + margin: 0 8px; + text-align: center; +} + +.banner-page .banner-holder img { + max-width: 400px; +} +.banner-page table input[type=text], +.banner-page table select { + font-weight: 300; + padding: 0 12px; +} +.banner-page .banner-size-holder { + display: inline-flex; + align-items: center; + white-space: nowrap; + margin-right: 32px; +} +.banner-page .banner-size-holder input { + width: 100px !important; + margin: 0 8px; + text-align: center; +} +.banner-page .global-time-group { + margin-top: 12px; +} + +.marketing-tab-list { + display: flex; + flex-wrap: wrap; +} +.marketing-tab-list a { + line-height: 30px; + margin: 0 8px 0 0; + background: #e1edf9; + color: #004e99; + padding: 0 12px; +} +.marketing-tab-list a:hover { + background: #fff; +} +.marketing-tab-list a.current { + background: #4795df; + color: #fff; + font-weight: 700; +} + +.global-content-container img { + display: block; + max-width: 100%; + height: auto; +} +.global-content-container b { + font-weight: 500; +} +.global-content-container sub { + bottom: 0; + top: 0px; + color: #f90202; + font-size: 15px; +} +.global-content-container table { + width: 100%; +} +.global-content-container table td { + vertical-align: top; + padding: 10px 0; +} +.global-content-container table td:nth-child(1) { + font-weight: 500; + padding-right: 10px; +} +.global-content-container table a { + color: #4795df; + display: inline-block; +} +.global-content-container table input[type=checkbox], +.global-content-container table input[type=radio] { + margin-right: 7px; +} +.global-content-container table input[type=text], +.global-content-container table select, +.global-content-container table textarea { + display: block; + width: 100%; + outline: none; + border-radius: 5px; + border: 1px solid #b8b8b8; + height: 40px; + padding: 0 16px; + color: #000; + background: #fff; +} +.global-content-container table select { + padding: 0 14px; + color: #000; +} +.global-content-container table textarea { + padding: 9px 16px; + min-height: 40px; + max-height: 120px; +} +.global-content-container table label { + display: inline-flex; + align-items: center; + white-space: nowrap; + margin-right: 23px; + cursor: pointer; +} +.global-content-container table label input[type=text] { + margin: 0 0 0 10px; + max-width: 72px; + text-align: center; + padding: 0 5px !important; +} + +.global-content-container .btn-update, +.global-content-container .btn-reply { + display: inline-block; + text-align: center; + border-radius: 5px; + width: 120px; + height: 40px; + line-height: 40px; + color: #fff; + background: #004e99; + border: 0; + padding: 0; + float: right; +} + +.breadcrumb-icons, +.global-time-group .box-time-item::after { + background: url(../images/sprite.png) no-repeat; + background-size: 70px 130px; +} + +.global-time-group { + display: flex; + align-items: center; + flex-wrap: wrap; + white-space: nowrap; +} +.global-time-group p { + margin: 0 10px 0 0; +} +.global-time-group .box-time-item { + display: flex; + align-items: center; + margin: 0 10px 0 0; + border: 1px solid #b8b8b8; + border-radius: 5px; + overflow: hidden; + max-width: 358px; + width: 100%; + position: relative; +} +.global-time-group .box-time-item::before { + content: "→"; + font-size: 20px; + width: 10px; + height: 40px; + line-height: 38px; + opacity: 0.25; + position: absolute; + left: 50%; + transform: translateX(-120%); +} +.global-time-group .box-time-item::after { + content: ""; + width: 16px; + height: 40px; + position: absolute; + right: 10px; +} +.global-time-group .box-time-item input, +.global-time-group .box-time-item select { + border-radius: 0 !important; + color: rgba(0, 0, 0, 0.25) !important; + border: 0 !important; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 50% !important; + margin: 0 !important; +} +.global-time-group .box-time-item input:focus, +.global-time-group .box-time-item select:focus { + color: #000 !important; +} +.global-time-group .box-time-item input:last-child, +.global-time-group .box-time-item select:last-child { + padding: 0 28px !important; +} +.global-time-group .time-date::after { + background-position: -6px -66px; +} +.global-time-group .time-minute { + margin: 0; +} +.global-time-group .time-minute::after { + background-position: -43px -67px; +} + +.breadcrumb-icons.icon-add, .global-time-group .icon-add.box-time-item::after { + background-position: -8px -104px; + width: 20px; + height: 20px; + margin-right: 5px; +} + +.marketing-page .title { + margin: 10px 0; +} +.marketing-page .title .title-right .item-attr { + display: flex; + align-items: center; + margin-right: 20px; +} +.marketing-page .title .title-right .item-attr i { + margin-right: 3px; +} +.marketing-page .title .title-right .item-attr:hover { + color: var(--color-global); +}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/css/style.css.map b/assets/css/style.css.map new file mode 100644 index 0000000..c206f56 --- /dev/null +++ b/assets/css/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["style.css","style.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/css/style.scss b/assets/css/style.scss new file mode 100644 index 0000000..6b75e00 --- /dev/null +++ b/assets/css/style.scss @@ -0,0 +1,2244 @@ +@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); +:root { + --color-global: #004e99; +} + +/* CSS Document */ +body { + font-family: "Roboto", sans-serif; + font-size: 14px; + background-color: #f0f1f5; + word-break: break-word; + margin: 0 auto; + min-width: 1500px; + color: #000; +} +html { + font-family: "Roboto", sans-serif; + font-size: 62.5% !important; +} +a { + text-decoration: none; + color: black; + &:hover { + color: var(--color-global); + } +} +p { + margin: 0; +} +.form-control { + font-size: 14px; + padding: 8px; + border: 1px solid #b8b8b8; + &::placeholder { + color: #b8b8b8; + font-weight: 300; + } +} +::-webkit-scrollbar-track { + background-color: #f5f5f5; + border-radius: 10px; +} +::-webkit-scrollbar { + width: 7px; + background-color: #f5f5f5; +} +::-webkit-scrollbar-thumb { + background: var(--color-global); + border-radius: 20px; +} +.clear { + clear: both; +} +.container-1500 { + max-width: 1520px; + margin: 0 auto; + padding: 0 10px; +} + +.container { + max-width: 1320px; + margin: 0 auto; + padding: 0 10px; +} +.overlay { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.3); + z-index: 99; + display: none; +} +.overlay.active { + display: block; +} +.icon_global { + background: url(../images/icon_global.png) no-repeat; + background-size: 215px 55px; + display: block; + &.order-new { + width: 26px; + height: 26px; + background-position: -35px -2px; + } + &.user-contact { + width: 26px; + height: 26px; + background-position: -78px -2px; + } + &.order-installment { + width: 26px; + height: 26px; + background-position: -116px -1px; + } + &.return-goods { + width: 26px; + height: 26px; + background-position: -161px -1px; + } + &.support { + margin-right: 5px; + width: 28px; + height: 27px; + background-position: -194px -3px; + border: 1px solid #004e99; + border-radius: 50%; + } + &.filter { + width: 28px; + height: 20px; + background-position: 2px -32px; + } + &.other { + width: 28px; + height: 22px; + background-position: -32px -32px; + } + &.list { + width: 28px; + height: 22px; + background-position: -63px -32px; + } + &.add-attr { + width: 20px; + height: 20px; + background-position: -99px -34px; + } + &.view-attr { + width: 18px; + height: 15px; + background-position: -127px -39px; + } +} +.header { + background: #fff; + .header-top { + padding: 10px 0; + } + .form-search { + margin-right: 15px; + } + .input-search { + width: 220px; + height: 35px; + line-height: 35px; + border: 1px solid #dddddd; + border-radius: 37px; + margin-right: 5px; + padding: 8px 15px; + color: #b3b3b3; + &:focus-within { + outline: 1px solid var(--color-global); + } + } + .btn-search { + width: 60px; + height: 35px; + line-height: 32px; + border: 1px solid #4795df; + border-radius: 37px; + color: #4795df; + background: #fff; + outline: none; + &:hover { + background: var(--color-global); + color: #fff; + } + } + .notification { + margin: 0 15px 0 5px; + position: relative; + cursor: pointer; + &.active { + background: #fff; + padding: 5px 5px 0 5px; + z-index: 999; + .hover-notification { + display: block; + } + } + .total-notification { + position: absolute; + top: -2px; + right: 2px; + width: 16px; + height: 16px; + line-height: 16px; + border-radius: 50%; + background: #e40000; + font-size: 10px; + color: #fff; + text-align: center; + } + } + .icon_global { + &.bell { + width: 27px; + height: 25px; + background-position: 0 -4px; + } + } + .user_login { + width: 30px; + position: relative; + img { + width: 100%; + height: 100%; + display: block; + } + &:hover { + border: 1px solid var(--color-global); + border-radius: 50%; + } + &.active { + z-index: 999; + .hover-user-login { + display: block; + } + } + } + .list-menu-sub { + display: none; + a { + display: block; + padding: 7px 10px; + border-bottom: 1px dotted var(--color-global); + font-size: 13px; + &:hover { + background: var(--color-global); + color: #fff; + } + } + } +} +.hover-notification { + position: absolute; + width: 300px; + right: -6px; + background: #fbfbfe; + z-index: 99; + top: 40px; + border-radius: 5px; + display: none; + &::before { + position: absolute; + content: ""; + top: -12px; + right: 15px; + width: 0; + height: 0; + border-right: 11px solid transparent; + border-bottom: 12px solid #ffffff; + border-left: 11px solid transparent; + } + .title { + background: #fbfbfe; + padding: 5px 10px; + border-radius: 5px 5px 0 0; + border-bottom: 1px solid #ddd; + b { + color: #1a1c6b; + font-size: 20px; + } + i { + font-size: 18px; + color: gray; + } + } + .item { + padding: 10px 15px; + border-bottom: 1px solid #e6e6e6; + background: #f5f8fa; + span { + color: #8e8e8e; + font-size: 13px; + font-weight: 300; + } + &:hover { + background: #fff; + p { + color: var(--color-global); + } + } + } + .more-all { + padding: 10px; + text-align: center; + display: block; + &:hover { + background: var(--color-global); + color: #fff; + } + } + .list-notification { + height: 255px; + overflow-x: auto; + } +} +.hover-user-login { + position: absolute; + width: 235px; + right: -6px; + background: #fbfbfe; + z-index: 99; + top: 40px; + border-radius: 5px; + padding: 20px 10px 10px 10px; + display: none; + &::before { + position: absolute; + content: ""; + top: -12px; + right: 12px; + width: 0; + height: 0; + border-right: 11px solid transparent; + border-bottom: 12px solid #ffffff; + border-left: 11px solid transparent; + } + .avatar { + width: 30px !important; + height: 30px; + margin: 0 auto; + } + .name-user { + display: block; + text-align: center; + font-size: 16px; + margin-bottom: 5px; + } + a { + display: block; + text-align: center; + color: #8e8e8e; + margin-bottom: 10px; + } + .logout { + color: #004e99; + margin-top: 20px; + i { + margin-left: 3px; + } + } +} +.list-menu { + background: var(--color-global); + .item { + padding: 7px 0; + position: relative; + &.active { + background: #fff; + .title { + color: var(--color-global); + font-weight: bold; + } + } + &:hover { + background: #fff; + .title { + color: var(--color-global); + font-weight: bold; + i::before { + padding-top: 3px; + content: "\f0d8"; + display: block; + } + } + .list-menu-sub { + display: block; + position: absolute; + top: 100%; + width: 200px; + z-index: 999; + background: #fff; + } + } + &:last-child { + .title { + border-right: none; + } + } + } + .title { + border-right: 0.7px solid #ffffff91; + padding: 0 20px; + color: #fff; + i { + padding: 0 5px; + font-size: 11px; + } + } +} +.page_content { + padding-bottom: 100px; + .title-main { + font-size: 24px; + color: var(--color-global); + padding: 15px 0; + font-weight: 700; + margin-bottom: 0; + } + .left { + border-radius: 3px; + border: 1px solid #ddd; + background: #fff; + padding: 10px; + margin-right: 12px; + } + .right { + width: calc(33.33333333% - 12px); + border-radius: 3px; + border: 1px solid #ddd; + background: #fff; + padding: 10px; + } +} +.box-info-order { + .item { + .border { + border-radius: 3px; + padding-bottom: 0 !important; + &:hover { + border: 1px solid var(--color-global) !important; + } + } + .txt { + font-weight: 300; + margin-bottom: 7px; + color: #6c6c6c; + } + .qyt { + font-size: 36px; + font-weight: 700; + color: var(--color-global); + } + .up { + color: #64c35c; + padding-right: 5px; + font-size: 16px; + } + .down { + color: #ffa51d; + font-size: 16px; + padding-right: 5px; + } + .time { + font-size: 10px; + color: #8e8e8e; + } + } + .backgroud-icon { + width: 40px; + height: 40px; + border-radius: 50%; + display: flex; + align-items: center; + text-align: center; + justify-content: center; + margin-bottom: 7px; + &.new { + background: #004e99; + } + &.contact { + background: #64c35c; + } + &.installment { + background: #4795df; + } + &.return { + background: #ffa51d; + } + } +} +.box-revenue-chart { + border: 1px solid #ddd; + border-radius: 5px; + margin-top: 20px; + padding: 10px; + .total-revenue { + i { + color: #4795df; + margin-right: 10px; + } + .qty { + color: var(--color-global); + font-size: 36px; + font-weight: 700; + margin-left: 8px; + } + } + .option-chart select { + border: none; + outline: none; + } +} +.box-chart-access { + border: 1px solid #ddd; + border-radius: 5px; + margin-top: 20px; + padding: 10px; + .list-thong-so { + .item { + margin-right: 25px; + display: flex; + align-items: center; + } + i.fa-circle { + color: var(--color-global); + margin-right: 5px; + } + i.fa-circle.view { + color: #8dd4fc; + margin-right: 5px; + } + .qty { + font-size: 36px; + font-weight: 700; + color: var(--color-global); + margin-left: 5px; + } + } + .option-chart select { + border: none; + outline: none; + } +} +.box-edit-history { + border-radius: 5px; + border: 1px solid #ddd; + margin-top: 20px; + .title { + padding: 10px; + b { + color: #004e99; + font-size: 16px; + } + } + table { + width: 100%; + } + tr { + border-bottom: 1px solid #ddd; + } + td { + padding: 10px; + font-weight: 300; + } + th { + padding: 10px; + background: #f1f7fc; + color: #6c6c6c; + } +} + +.box-report-summary { + .title { + color: #004e99; + font-size: 16px; + margin-bottom: 10px; + font-weight: bold; + } + .list-tab { + margin-bottom: 10px; + .item { + border: 0.7px solid #4795df; + padding: 5px 10px; + border-right: 0; + color: #6c6c6c; + background: #f1f7fc; + &:last-child { + padding: 5px 15px; + border-right: 0.7px solid #4795df; + } + &.active { + background: #4795df; + color: #fff; + } + } + } + + .content-tab { + display: none; + &.active { + display: block; + } + table { + width: 100%; + } + tr { + border-bottom: 1px solid #ddd; + } + td { + padding: 10px; + font-weight: 300; + } + + .qnt { + padding: 3px 10px; + border-radius: 8px; + background: #e8fbff; + text-align: center; + font-weight: 500; + &.high { + border: 1px solid #004e99; + color: #004e99; + } + &.good { + border: 1px solid #64c35c; + color: #64c35c; + background: #e6ffe3; + } + &.medium { + border: 1px solid #ffa51d; + color: #ffa51d; + background: #fff9e8; + } + &.weak { + border: 1px solid red; + color: red; + background: rgb(255, 226, 226); + } + } + } + .title-key { + span { + color: #6c6c6c; + font-size: 14px; + font-weight: 300; + } + a { + color: #4795df; + font-size: 14px; + font-style: italic; + text-decoration-line: underline; + } + } + .list-key { + margin: 10px 0; + .item { + display: inline-block; + background: #e6eef6; + padding: 0 15px; + margin-right: 5px; + margin-bottom: 10px; + color: #004e99; + height: 30px; + line-height: 30px; + font-size: 13px; + position: relative; + margin-left: 15px; + &::before { + position: absolute; + content: ""; + left: -13px; + top: 0; + width: 0; + height: 0; + border-top: 14px solid transparent; + border-right: 14px solid #e6eef6; + border-bottom: 16px solid transparent; + } + &::after { + position: absolute; + content: ""; + left: 0; + top: 50%; + width: 5px; + height: 5px; + background: #fff; + transform: translate(0, -50%); + border-radius: 50%; + } + &:hover { + background: var(--color-global); + color: #fff; + &::before { + border-right: 14px solid var(--color-global); + } + } + } + } + .product-see-more { + th { + padding: 5px; + background: #f1f7fc; + color: #6c6c6c; + } + } + .table-list-website { + i { + text-align: center; + } + i.blue { + color: #359eff; + } + i.yellow { + color: #ffa51d; + } + i.green { + color: #64c35c; + } + th { + padding: 5px 10px; + } + } +} +.box-support-hurasoft { + a { + display: flex; + align-items: center; + color: #004e99; + font-size: 16px; + margin: 20px 0; + font-weight: 500; + &:hover { + text-decoration: underline; + } + } +} +.box-remind-me { + .title { + font-size: 16px; + color: #004e99; + margin-bottom: 10px; + } + input { + padding: 5px; + border-radius: 3px; + border: 1px solid #ddd; + } + .input-work { + width: 59%; + } + .time-work { + width: 23%; + color: #6c6c6c; + margin-left: 5px; + } + #btn-remind { + margin-left: 5px; + border-radius: 3px; + background: #004e99; + color: #fff; + } + .table-list-work { + width: 100%; + margin-top: 10px; + border: 1px solid #ddd; + th, + td { + padding: 10px; + border-bottom: 1px solid #ddd; + } + td:first-child { + font-weight: bold; + } + td:nth-child(n + 4) { + font-weight: 300; + text-decoration: underline; + } + .green { + color: #64c35c; + } + .red { + color: red; + } + } +} +.breadcrumb { + margin: 0; +} +.breadcrumb ol { + width: 100%; + float: left; + padding: 0; + margin: 0; + background: none; +} +.breadcrumb ol li { + float: left; + list-style: none; +} +.breadcrumb ol li a span { + font-size: 14px; + color: #333; + line-height: 35px; + float: left; + display: flex; + align-items: center; +} +.breadcrumb ol li a span:hover { + color: #262261; +} +.breadcrumb ol li a:last-child { + color: #222; +} +.breadcrumb ol li i { + margin-left: 10px; + margin-right: 10px; + float: left; + line-height: 35px; + color: #b4b4b4; +} +.breadcrumb ol li:last-child i { + display: none; +} +.breadcrumb .icon_2023.home { + width: 16px; + height: 17px; + display: block; + background-position: -9px -110px; + margin-right: 10px; + margin-left: 0; +} +.breadcrumb .home span { + color: #b4b4b4; + font-size: 14px; +} +.breadcrumb ol li:last-child span { + color: #002a53; +} +.page_content.sell { + .title { + margin: 20px 0 10px 0; + } + .title-right { + a { + margin-left: 10px; + border-radius: 5px; + padding: 10px; + background: #4795df; + color: #fff; + &:hover { + background: #fff; + color: #4795df; + border: 1px solid #4795df; + } + } + i { + padding-right: 5px; + } + } + #tabnav { + .item { + background: #e1edf9; + padding: 10px; + color: #004e99; + margin-right: 3px; + display: inline-block; + &.active { + background: #4795df; + color: #fff; + font-weight: 700; + } + } + } + .content-sell { + background: #fff; + border-radius: 5px; + padding: 10px; + } + .filter-sell { + padding: 10px; + } + .filter-left { + p { + margin-right: 30px; + } + } + .filter-right { + .item { + p { + font-size: 13px; + margin-left: 10px; + } + } + input { + font-size: 11px; + padding: 7px 10px; + margin-left: 8px; + border: 1px solid #ddd; + border-radius: 5px; + } + .time-work { + width: 110px; + } + .search-keys { + width: 130px; + } + .btn-search { + background: #4795df; + border: none; + outline: none; + margin-left: 8px; + color: #fff; + height: 32px; + width: 60px; + line-height: 32px; + border-radius: 5px; + } + } + #tb_padding { + margin-bottom: 10px; + th { + padding: 10px 5px; + background: #f4f5f6; + select { + border: 1px solid #b8b8b8; + background: #fff; + padding: 5px 0; + } + } + .checkbox { + width: 50px; + input[type="checkbox"] { + margin-top: 6px; + } + } + input[type="checkbox"] { + width: 16px; + height: 16px; + } + td { + padding: 10px 5px; + border-bottom: 1px solid #ddd; + } + .btn-status-circle { + height: 19px; + width: 19px; + background-color: #bbb; + border-radius: 50%; + display: block; + margin: 0 auto; + } + .payment-unpaid { + background-color: #f90202; + color: white; + } + .payment-paid { + background-color: #64c35c; + color: white; + } + .fulfillment-unfulfilled { + background-color: #f90202; + color: white; + } + .order-new { + background-color: #ffa51d; + } + .assigned-person { + border: none; + outline: none; + } + .remove { + margin-left: 5px; + } + } +} +.page_content.edit-sell { + .title { + margin: 10px 0; + } + .title-left { + .red { + font-size: 20px; + color: #f90202; + } + .time { + color: #474747; + margin-left: 10px; + } + } + .title-right { + display: flex; + align-items: center; + .item { + display: flex; + align-items: center; + padding: 0 10px; + border-left: 1px solid #000; + font-size: 15px; + &:first-child { + border-left: none; + } + p { + margin-right: 10px; + } + } + .btn-print-cart { + background: #fff; + padding: 5px 15px; + border: 1px solid #ddd; + border-radius: 3px; + color: #474747; + i { + margin-right: 3px; + } + &:hover { + background: var(--color-global); + color: #fff; + } + } + } + .form-left { + width: 65%; + margin-right: 20px; + } + .form-right { + width: 35%; + select option:hover { + background: #4795df; + } + } + .box-user { + background: #fff; + padding: 10px; + b { + margin-bottom: 5px; + font-size: 16px; + display: block; + } + .item { + padding: 0 10px; + width: 100%; + margin-bottom: 10px; + label { + font-size: 15px; + padding-bottom: 5px; + font-weight: 500; + } + } + .form-control { + padding: 10px; + font-size: 14px; + border: 0.5px solid #ddd; + } + .item-2 { + width: calc(50% - 10px); + margin-right: 10px; + padding-right: 0; + } + } + .box-list-product { + margin-top: 20px; + b { + display: block; + margin-bottom: 10px; + } + table { + border-radius: 5px; + border: 1px solid #ddd; + background: #fff; + overflow: hidden; + } + + th { + border-bottom: 1px solid #ddd; + background: #f4f5f6; + padding: 10px; + position: sticky; + } + td { + padding: 10px; + border-bottom: 1px solid #ddd; + } + .name { + color: #2c7af4; + } + } + .box-expense { + margin-top: 20px; + b { + display: block; + margin-bottom: 10px; + } + table { + border-radius: 5px; + border: 1px solid #ddd; + background: #fff; + overflow: hidden; + } + td { + padding: 10px; + border-bottom: 1px solid #ddd; + } + i.fa-pencil { + color: #4795df; + margin-left: 5px; + } + } + .box-history { + margin-top: 20px; + b { + display: block; + margin-bottom: 10px; + } + table { + border-radius: 5px; + border: 1px solid #ddd; + background: #fff; + overflow: hidden; + } + th { + border-bottom: 1px solid #ddd; + background: #f4f5f6; + padding: 10px; + position: sticky; + } + td { + padding: 10px; + border-bottom: 1px solid #ddd; + } + } + .box-assign { + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; + b { + display: block; + margin-bottom: 5px; + } + .form-control.select { + padding: 10px; + font-size: 14px; + } + } + .box-start-pay { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; + b { + display: block; + margin-bottom: 5px; + } + .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; + } + } + .box-start-ship { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; + b { + display: block; + margin-bottom: 5px; + } + .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; + } + } + .box-start-order { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; + b { + display: block; + margin-bottom: 5px; + } + .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; + } + } + .box-note { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; + b { + display: block; + margin-bottom: 5px; + } + .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; + } + } +} +.blue { + color: #4795df; +} +.link-blue { + color: var(--color-global); +} +.btn-save { + border-radius: 5px; + background: var(--color-global); + width: 120px; + height: 40px; + margin-top: 10px; + color: #fff; + font-size: 15px; + float: right; + outline: none; + border: none; + &:hover { + background: #013b72; + } +} +.paging { + margin: 10px 0; +} +.left-paging { + .item { + margin-right: 10px; + p { + margin-right: 10px; + } + } +} +.paging .pages-needed { + padding: 5px 10px; + border: 1px solid #ddd; + width: 115px; + border-radius: 5px; +} +.paging .hura-change-page-size { + padding: 5px 10px; + border: 1px solid #ddd; + border-radius: 5px; + outline: none; +} +.paging .right-paging { + color: #6c6c6c; + .content-paging { + margin-right: 15px; + .item { + padding: 2px 7px; + margin-left: 10px; + color: #6c6c6c; + font-size: 14px; + &.active { + border-radius: 3px; + background: #4795df; + color: #fff; + } + } + i { + font-size: 16px; + } + } +} + +.btn-edit { + i { + color: #6c6c6c; + margin-right: 3px; + } +} +.btn-remove { + i { + color: #6c6c6c; + } +} +.btn-excel { + border-radius: 5px; + background: #4795df; + padding: 10px 15px; + color: #fff; + &:hover { + background: #0084ff; + color: #fff; + } +} +.page_content.gateway-payment { + .title { + margin: 10px 0; + } + .background-payment { + padding: 10px; + background: #fff; + margin-top: 20px; + } +} +#tb_padding { + table { + margin-top: 20px; + border-radius: 5px; + background: #fff; + overflow: hidden; + } + th { + background: #f4f5f6; + padding: 10px; + position: sticky; + } + td { + padding: 10px; + border-bottom: 1px solid #ddd; + } +} +.btn-submit { + float: right; + .btn { + width: 120px; + height: 40px; + border-radius: 5px; + background: #004e99; + font-size: 16px; + color: #fff; + &:hover { + background: #0084ff; + } + } + .btn-back { + margin-left: 10px; + width: 120px; + height: 40px; + border-radius: 5px; + background: #bad8f6; + text-align: center; + line-height: 40px; + color: #fff; + } +} +.page_content.pre-order-products { + .title { + margin: 10px 0; + } + .table-pre-order { + background-color: #fff; + padding: 10px; + } +} + +.page_content.product-list { + .title { + margin: 10px 0; + } + .content-product-list { + margin-top: 20px; + padding: 10px; + background: #fff; + } + .filter-product { + padding: 5px 0 10px 0; + .item { + display: flex; + align-items: center; + font-size: 13px; + margin-left: 20px; + p { + margin-right: 10px; + } + } + } + .select-filter-type { + width: 145px; + border-radius: 5px; + background: #e7f1fb; + padding: 7px; + position: relative; + select { + border: none; + outline: none; + width: 100%; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: transparent; + font-weight: 300; + } + &::before { + position: absolute; + content: "\f0d7"; + right: 7px; + top: 50%; + font: normal 400 1em/1 "Font Awesome 6 Free"; + font-weight: 900; + font-style: 12px; + transform: translate(0, -50%); + } + } +} + +.page_content.add-product { + .title { + margin: 10px 0; + } + .form-control { + padding: 8px 15px; + } + .tabnav { + margin-top: 10px; + .item { + padding: 7px 10px; + color: #004e99; + background: #e1edf9; + margin-right: 7px; + &.active, + &:hover { + background: #4795df; + color: #fff; + font-weight: bold; + } + } + } + .item { + .content-right { + width: 80%; + } + &.display { + label { + margin-right: 25px; + } + input[type="radio"] { + height: 16px; + margin-right: 5px; + } + } + } + .item-summary { + .item-radio { + margin-right: 20px; + display: flex; + align-items: center; + input { + height: 16px; + margin-right: 5px; + } + } + &.price { + .form-control { + width: 170px; + } + .note { + margin-left: 10px; + } + } + } + .retail-price { + .form-control { + width: 170px; + margin-right: 10px; + } + .note { + a { + color: #4795df; + text-decoration: underline; + } + } + } + .box-select { + width: 90px; + margin-right: 10px; + padding: 7px; + position: relative; + border-radius: 5px; + border: 1px solid #b8b8b8; + &::before { + position: absolute; + content: "\f0d7"; + right: 7px; + top: 50%; + font: normal 400 1em/1 "Font Awesome 6 Free"; + font-weight: 900; + transform: translate(0, -50%); + } + select { + border: none; + outline: none; + width: 100%; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: transparent; + } + } +} + +.page_content.price-list-update { + .title { + margin: 10px 0; + } + .content-price-list { + margin-top: 15px; + background: #fff; + padding: 10px; + } +} +.page_content.product-category { + .title { + margin: 10px 0; + } + .content-product-category { + margin-top: 15px; + padding: 15px; + } +} + +.page_content.add-product-category { + .title { + margin: 10px 0; + .title-right { + .item-filter { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + } + .box-avatar { + width: 50%; + img { + display: block; + width: 70px; + height: 70px; + margin-right: 10px; + } + a:hover { + color: var(--color-global); + } + } + .box-icon { + img { + display: block; + width: 70px; + height: 70px; + margin: 0 10px; + } + a:hover { + color: var(--color-global); + } + } + + .item-summary { + .form-control { + padding: 10px; + } + } +} + +.page_content.brand { + .title { + margin: 20px 0; + .title-right { + .item-filter { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + .title-left { + font-size: 18px; + font-weight: 500; + color: #002a53; + } + } + .content-brand { + background: #fff; + padding: 15px; + .input-stt { + width: 45px; + height: 27px; + border-radius: 3px; + border: 1px solid #ddd; + text-align: center; + } + } +} + +.box-form-add { + margin-top: 20px; + background: #fff; + padding: 20px; + .item { + display: flex; + justify-content: space-between; + margin-bottom: 15px; + .label { + width: 20%; + font-size: 14px; + } + .content-right { + width: 75%; + } + &.display { + label { + margin-right: 25px; + } + input[type="radio"] { + height: 16px; + margin-right: 5px; + } + } + } + .item-summary { + display: flex; + justify-content: space-between; + margin-bottom: 15px; + .title { + width: 20%; + margin: 0; + } + .right-summary { + width: 75%; + } + } + .box-select { + position: relative; + border-radius: 5px; + border: 1px solid #b8b8b8; + &::before { + position: absolute; + content: "\f0d7"; + right: 7px; + top: 50%; + font: normal 400 1em/1 "Font Awesome 6 Free"; + font-weight: 900; + transform: translate(0, -50%); + } + select { + border: none; + } + } + .item-checkbox { + margin-bottom: 10px; + display: flex; + align-items: center; + input[type="checkbox"] { + width: 16px; + height: 16px; + margin-right: 7px; + border-radius: 2px; + border: 1px solid #d9d9d9; + background: #f5f5f5; + } + } + .form-label-radio { + display: flex; + align-items: center; + margin-right: 20px; + span { + margin-left: 5px; + } + } +} + +.page_content.add-brand { + .title { + margin: 20px 0; + .title-right { + .item-filter { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + } + .box-avatar { + width: 50%; + img { + display: block; + width: 70px; + height: 70px; + margin-right: 10px; + } + a:hover { + color: var(--color-global); + } + } +} + +.page_content.add-attribute { + .title { + margin: 20px 0; + .title-right { + .item-attr { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + } + + .item-radio { + width: 50%; + display: flex; + align-items: center; + input[type="radio"] { + height: 17px; + width: 17px; + margin-right: 5px; + } + } + .table-attribute { + border-radius: 5px; + border: 1px solid #ddd; + } + .add-attr { + margin-right: 10px; + span { + margin-right: 10px; + } + &.name { + input { + width: 240px; + } + } + &.value-sort { + input { + width: 148px; + } + } + &.value-order { + input { + width: 52px; + } + } + } + .btn-add { + border-radius: 5px; + border: 1px solid #b8b8b8; + background: #ebebeb; + padding: 8px; + } +} + +.page_content.add-collection { + .title { + margin: 10px 0; + .title-right { + .item-attr { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + } +} +.page_content.config_group { + .title { + margin: 20px 0; + .title-right { + .item-filter { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + .title-left { + font-size: 18px; + font-weight: 500; + color: #002a53; + } + } + .table-list-config { + background: #fff; + padding: 10px; + } +} +.page_content.add-config { + .title { + margin: 10px 0; + .title-right { + .item-attr { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + } + .tabnav { + margin-top: 10px; + .item { + padding: 7px 10px; + color: #004e99; + background: #e1edf9; + margin-right: 7px; + &.active, + &:hover { + background: #4795df; + color: #fff; + font-weight: bold; + } + } + } + .box-form-add { + margin-top: 0; + } +} + +/* ==== Khách hàng + Marketing ==== */ + +.customer-page { + .title { + margin-top: 10px; + .title-right { + .item-attr { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + } +} +.customer-contact { + table td { + padding: 8px 0; + } + textarea { + min-height: 170px !important; + max-height: 250px !important; + } + p { + margin: 0 0 10px 0; + &:last-child { + margin: 0; + } + } +} +.customer-comment-detail-page { + font-size: 15px; + line-height: 19px; + font-weight: 300; + a { + color: #000; + &:hover { + color: #e10000; + font-weight: 500; + } + } + .col-left, + .col-right, + .comment-list { + background: #fff; + border: 1px solid #dddddd; + border-radius: 5px; + overflow: hidden; + margin-bottom: 20px; + } + .col-left { + padding: 20px 23px; + margin-right: 20px; + width: 65%; + } + .col-right { + width: calc(35% - 20px); + padding: 10px 15px; + b { + display: block; + } + } + .comment-list { + width: 100%; + text-align: center; + tr { + &:nth-child(1) { + background: #f4f5f6; + font-weight: 500; + td { + border: 0; + text-align: center; + } + } + } + td { + border-top: 1px solid #dddddd; + padding: 14px 10px; + &:nth-child(6) { + max-width: 300px; + text-align: left; + } + &:last-child { + width: 160px; + } + } + } + .item { + margin-bottom: 8px; + &:last-child { + margin-bottom: 0; + } + p { + margin: 8px 0 0 0; + border: 1px solid #dddddd; + border-radius: 5px; + background: #fcfdfe; + line-height: 21px; + padding: 9px 10px; + } + a { + text-decoration: underline; + &:hover { + color: #4795df; + } + } + } + textarea { + display: block; + width: 100%; + padding: 10px; + height: 339px; + min-height: 339px; + max-height: 430px; + background: #fcfdfe; + border: 1px solid #dddddd; + border-radius: 5px; + margin: 10px 0 15px 0; + outline: none; + resize: none; + } + .note { + background: #ffd4d4; + color: #e10000; + line-height: 32px; + border-radius: 3px; + display: block; + } + table { + td:nth-child(1) { + font-weight: 300; + } + } +} +.marketing-page { + p { + margin-top: 5px; + line-height: 19px; + } + table { + textarea { + min-height: 170px; + max-height: 250px; + } + } +} +.voucher-page { + table { + input[type="text"], + select { + width: fit-content; + display: inline-block; + margin-right: 10px; + } + } + .voucher-type { + white-space: nowrap; + line-height: 40px; + margin: 0 0 0 10px; + &::after { + content: ""; + display: block; + clear: both; + } + * { + float: left; + } + input { + width: 122px !important; + margin: 0 8px; + text-align: center; + } + } +} +.banner-page { + .banner-holder { + img { + max-width: 400px; + } + } + table { + input[type="text"], + select { + font-weight: 300; + padding: 0 12px; + } + } + .banner-size-holder { + display: inline-flex; + align-items: center; + white-space: nowrap; + margin-right: 32px; + input { + width: 100px !important; + margin: 0 8px; + text-align: center; + } + } + .global-time-group { + margin-top: 12px; + } +} +.marketing-tab-list { + display: flex; + flex-wrap: wrap; + a { + line-height: 30px; + margin: 0 8px 0 0; + background: #e1edf9; + color: #004e99; + padding: 0 12px; + &:hover { + background: #fff; + } + &.current { + background: #4795df; + color: #fff; + font-weight: 700; + } + } +} +.global-content-container { + img { + display: block; + max-width: 100%; + height: auto; + } + b { + font-weight: 500; + } + sub { + bottom: 0; + top: 0px; + color: #f90202; + font-size: 15px; + } + table { + width: 100%; + td { + vertical-align: top; + padding: 10px 0; + &:nth-child(1) { + font-weight: 500; + padding-right: 10px; + } + } + a { + color: #4795df; + display: inline-block; + } + input[type="checkbox"], + input[type="radio"] { + margin-right: 7px; + } + input[type="text"], + select, + textarea { + display: block; + width: 100%; + outline: none; + border-radius: 5px; + border: 1px solid #b8b8b8; + height: 40px; + padding: 0 16px; + color: #000; + background: #fff; + } + select { + padding: 0 14px; + color: #000; + } + textarea { + padding: 9px 16px; + min-height: 40px; + max-height: 120px; + } + label { + display: inline-flex; + align-items: center; + white-space: nowrap; + margin-right: 23px; + cursor: pointer; + input[type="text"] { + margin: 0 0 0 10px; + max-width: 72px; + text-align: center; + padding: 0 5px !important; + } + } + } +} +.global-content-container .btn-update, +.global-content-container .btn-reply { + display: inline-block; + text-align: center; + border-radius: 5px; + width: 120px; + height: 40px; + line-height: 40px; + color: #fff; + background: #004e99; + border: 0; + padding: 0; + float: right; +} +.breadcrumb-icons, +.global-time-group .box-time-item::after { + background: url(../images/sprite.png) no-repeat; + background-size: 70px 130px; +} +.global-time-group { + display: flex; + align-items: center; + flex-wrap: wrap; + white-space: nowrap; + p { + margin: 0 10px 0 0; + } + .box-time-item { + display: flex; + align-items: center; + margin: 0 10px 0 0; + border: 1px solid #b8b8b8; + border-radius: 5px; + overflow: hidden; + max-width: 358px; + width: 100%; + position: relative; + &::before { + content: "\2192"; + font-size: 20px; + width: 10px; + height: 40px; + line-height: 38px; + opacity: 0.25; + position: absolute; + left: 50%; + transform: translateX(-120%); + } + &::after { + @extend .breadcrumb-icons; + content: ""; + width: 16px; + height: 40px; + position: absolute; + right: 10px; + } + input, + select { + border-radius: 0 !important; + color: rgba(0, 0, 0, 0.25) !important; + border: 0 !important; + appearance: none; + width: 50% !important; + margin: 0 !important; + &:focus { + color: #000 !important; + } + &:last-child { + padding: 0 28px !important; + } + } + } + .time-date { + &::after { + background-position: -6px -66px; + } + } + .time-minute { + margin: 0; + &::after { + background-position: -43px -67px; + } + } +} +.breadcrumb-icons.icon-add { + background-position: -8px -104px; + width: 20px; + height: 20px; + margin-right: 5px; +} +.marketing-page { + .title { + margin: 10px 0; + .title-right { + .item-attr { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + } +} diff --git a/assets/images/avatar.png b/assets/images/avatar.png new file mode 100644 index 0000000..c7e678b Binary files /dev/null and b/assets/images/avatar.png differ diff --git a/assets/images/background-tag.png b/assets/images/background-tag.png new file mode 100644 index 0000000..9d6f12c Binary files /dev/null and b/assets/images/background-tag.png differ diff --git a/assets/images/icon_global.png b/assets/images/icon_global.png new file mode 100644 index 0000000..41046ff Binary files /dev/null and b/assets/images/icon_global.png differ diff --git a/assets/images/image_upload.png b/assets/images/image_upload.png new file mode 100644 index 0000000..94bcf7f Binary files /dev/null and b/assets/images/image_upload.png differ diff --git a/assets/images/logo-brand.png b/assets/images/logo-brand.png new file mode 100644 index 0000000..477d08f Binary files /dev/null and b/assets/images/logo-brand.png differ diff --git a/assets/images/logo.png b/assets/images/logo.png new file mode 100644 index 0000000..1456bcd Binary files /dev/null and b/assets/images/logo.png differ diff --git a/assets/images/sprite.png b/assets/images/sprite.png new file mode 100644 index 0000000..0137c65 Binary files /dev/null and b/assets/images/sprite.png differ diff --git a/assets/js/chart_home.js b/assets/js/chart_home.js new file mode 100644 index 0000000..ab3a864 --- /dev/null +++ b/assets/js/chart_home.js @@ -0,0 +1,254 @@ +const revenue = document.getElementById('revenueChart'); + + +// Mảng labels chứa các ngày trong tuần +var labels_week = ['', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7', 'CN']; +var labels_month = ['', 'T1', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7', 'T8', 'T9', 'T10', 'T11', 'T12'] +var labels_year = ['', '2022', '2023'] +// Mảng data chứa dữ liệu biểu đồ +var weeklyData = [0, 50000, 20000, 150000, 60000, 5000, 8000, 70]; +var monthlyData = [0, 60000, 20000, 150000, 60000, 5000, 8000, 70, 20000, 10000, 40000, 2000, 22]; +var yearlyData = [0, 20000000, 5000000]; +// Xác định ngày hiện tại +const today = new Date().getDay(); // Lấy ngày trong tuần từ 0 (Chủ nhật) đến 6 (Thứ 7) + + +const Chart_revenue = new Chart(revenue, { + type: 'line', + data: { + labels: labels_week, + datasets: [{ + label: 'view', + data: weeklyData, + borderColor: '#4795DF', + borderWidth: 2, + pointRadius: 6, // Đặt kích thước điểm mặc định + pointHoverRadius: 8 // Đặt kích thước điểm khi hover + },] + }, + options: { + scales: { + y: { + beginAtZero: true, + grid: { + display: true, + color: 'transparent' // Màu sắc của ô kẻ trục x + }, + ticks: { + stepSize: 50000, + callback: function (value, index, values) { + if (value >= 1000) { + return (value / 1000) + 'k'; + } + return value; + } + } + }, + x: { + beginAtZero: true, + grid: { + display: true, + color: 'rgb(234,239,244)', // Màu mờ + }, + border: { + dash: [4, 8], + }, + ticks: { + color: 'rgb(136,183,228)' // Màu đen + }, + }, + }, + plugins: { + legend: { + display: false // Ẩn hiển thị legend + }, + title: { + display: true, + }, + tooltip: { + borderColor: 'black' + } + }, + elements: { + line: { + tension: 0.2 + }, + point: { + borderColor: "#4795DF", + backgroundColor: "#4795DF" + } + }, + interaction: { + mode: 'index', // Chế độ tương tác + intersect: false + }, + onHover: function (event, elements) { + if (elements.length > 0) { + var element = elements[0]; + var datasetIndex = element.datasetIndex; + var index = element.index; + + // Tạo mảng mới chứa màu mờ ban đầu cho tất cả các điểm + var gridColor = new Array(Chart_revenue.data.labels.length).fill('rgb(234,239,244)'); + var ticksColor = new Array(Chart_revenue.data.labels.length).fill('rgb(234,239,244)'); + + // Đặt màu của trục x tương ứng với điểm được hover thành màu tương ứng + gridColor[index] = 'rgb(136,183,228)'; + ticksColor[index] = 'rgb(136,183,228)'; + + // Cập nhật màu của trục x + Chart_revenue.options.scales.x.grid.color = gridColor; + Chart_revenue.options.scales.x.ticks.color = ticksColor; + + // Cập nhật biểu đồ + Chart_revenue.update(); + } + }, + onLeave: function () { + // Reset màu của trục x về màu mờ ban đầu + Chart_revenue.options.scales.x.grid.color = 'rgb(234,239,244)'; + Chart_revenue.options.scales.x.ticks.color = 'rgb(234,239,244)'; + + // Cập nhật biểu đồ + Chart_revenue.update(); + }, + } +}); + + +const clickRevenue = document.getElementById('click-revenue'); +clickRevenue.addEventListener('change', select_revenue); + +function select_revenue() { + var selectedValue = clickRevenue.value; + + if (selectedValue === 'week') { + Chart_revenue.data.labels = labels_week; + Chart_revenue.data.datasets[0].data = weeklyData; + } else if (selectedValue === 'month') { + Chart_revenue.data.labels = labels_month; + Chart_revenue.data.datasets[0].data = monthlyData; + } else if (selectedValue === 'year') { + Chart_revenue.data.labels = labels_year; + Chart_revenue.data.datasets[0].data = yearlyData; + } + + Chart_revenue.update(); +} + + + + +// bieu dồ lượt truy cập +const access = document.getElementById('chart_access'); + +const Chart_access = new Chart(access, { + type: 'bar', + data: { + labels: ['Cột 1', 'Cột 2', 'Cột 3', 'Cột 4', 'Cột 5', 'Cột 6'], + datasets: [ + { + label: 'Dữ liệu cột 1', + data: [100000, 20000, 5000, 16000, 2000, 22], + backgroundColor: 'rgb(141,212,252)', + borderWidth: 0, + borderRadius: 50 + }, + { + label: 'Dữ liệu cột 2', + data: [150202, 20005, 5055, 17000, 60000, 22], + backgroundColor: 'rgb(44,122,244)', + borderWidth: 0, + borderRadius: 50 + }, + ] + }, + options: { + responsive: true, + scales: { + x: { + grid: { + display: true, + color: 'transparent', // Màu sắc của ô kẻ trục x + } + }, + y: { + beginAtZero: true, + grid: { + display: true, + color: 'rgb(221,221,221)', + borderDash: [5, 5], + }, + ticks: { + stepSize: 50000, + callback: function (value, index, values) { + if (value >= 1000) { + return (value / 1000) + 'k'; + } + return value; + } + } + } + }, + plugins: { + legend: { + display: false // Ẩn hiển thị legend + }, + title: { + display: true, + }, + tooltip: { + borderColor: 'black' + } + }, + barPercentage: 1, + categoryPercentage: 0.2 + }, +}); + + +// biểu đồ website giới thiệu + +const webInfo = document.getElementById('chart_WebInfo'); + +const chart_WebInfo = new Chart(webInfo, { + type: 'doughnut', + data: { + labels: [ + 'blue', + 'green', + 'Yellow', + 'yellow' + ], + datasets: [{ + label: 'My First Dataset', + data: [30, 30, 30, 10], + backgroundColor: [ + 'rgb(53,158,255)', + 'rgb(100,195,92)', + 'rgb(0,78,153)', + 'rgb(255,165,29)' + ], + hoverOffset: 4, + borderWidth: 1 + }] + }, + options: { + cutout: 100, + plugins: { + datalabels: { + formatter: (value) => { + return Math.round(value) + '%'; + }, + color: '#fff', + font: { + size: 14 + }, + }, + legend: { + display: false // Ẩn hiển thị legend + }, + }, + }, + plugins: [ChartDataLabels], +}) diff --git a/assets/js/home.js b/assets/js/home.js new file mode 100644 index 0000000..fc17d65 --- /dev/null +++ b/assets/js/home.js @@ -0,0 +1,36 @@ +$("#tabReport .item").click(function () { + $("#tabReport .item").removeClass("active"); + $(this).addClass("active"); + var idTab = $(this).attr('data-tab'); + + $('.content-tab').removeClass('active'); + $('#' + idTab).addClass('active') + return false; +}) + +const day = new Date(); +const formattedDate = day.getFullYear() + '-' + (day.getMonth() + 1).toString().padStart(2, '0') + '-' + day.getDate().toString().padStart(2, '0'); +$('#timeToday').val(formattedDate); + + +function show_content(content) { + $('.overlay').toggleClass('active'); + $('.' + content).toggleClass('active'); +} + +function close_content(content) { + setTimeout(function () { + $('.' + content).removeClass('active'); + $('.overlay').removeClass('active'); + }, 0); + +} + +function closeOverlay() { + $('.overlay').removeClass('active'); + $('.notification').removeClass('active'); + $('.user_login').removeClass('active'); +} + + + diff --git a/ban_hang.html b/ban_hang.html new file mode 100644 index 0000000..89eb087 --- /dev/null +++ b/ban_hang.html @@ -0,0 +1,565 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+ + + +
+
+
+

Tổng dơn hàng: 500

+

Tổng giá trị: 1.000.000.000 đ

+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ STTMã sốThời gianKhách hàngTỉnh/TPGiá trị + + + + + + + + + +
+ 001007-24226-06-2023, 3:38 pm + Nguyễn Văn Nam + Hà nội550.000 + + + + + + + + + + + + + + +
+
+
+
+
+

Điền trang cần đến

+ +
+
+ +
+
+
+ +
+ Hiển thị 1 - 10/ Tổng số 1250 đơn hàng +
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/bao_gia_san_pham.html b/bao_gia_san_pham.html new file mode 100644 index 0000000..166061d --- /dev/null +++ b/bao_gia_san_pham.html @@ -0,0 +1,393 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTSản phẩmGiá bánGiá thị trườngSố lượngKhuyến mạiBảo hànhHiển thị
001Chuột máy tính Logictech 00230.000.000 đ200 +
    +
  • + Giảm Ngay 300.000 đ Khi Mua Kèm Bộ PC
  • +
+
24 tháng +
+ +
+
+ + + +
001Chuột máy tính Logictech 00230.000.000 đ200 +
    +
  • + Giảm Ngay 300.000 đ Khi Mua Kèm Bộ PC
  • +
+
24 tháng +
+ +
+
+ + + +
001Chuột máy tính Logictech 00230.000.000 đ200 +
    +
  • + Giảm Ngay 300.000 đ Khi Mua Kèm Bộ PC
  • +
+
24 tháng +
+ +
+
+ + + +
001Chuột máy tính Logictech 00230.000.000 đ200 +
    +
  • + Giảm Ngay 300.000 đ Khi Mua Kèm Bộ PC
  • +
+
24 tháng +
+ +
+
+ + + +
+
+
+
+ + + + + + \ No newline at end of file diff --git a/danh_muc_san_pham.html b/danh_muc_san_pham.html new file mode 100644 index 0000000..8876df2 --- /dev/null +++ b/danh_muc_san_pham.html @@ -0,0 +1,332 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTIDDanh mụcLink webHiển thị nội dungSố lượngSắp xếp STTThuộc tínhHiển thị
0012Màn hình máy tínhXem tại webSP + Danh mục con200 + + + Tổng + (4) + +
+ +
+
+ + + + + + +
+
+
+
+ + + + + + \ No newline at end of file diff --git a/danh_sach_nhom_cau_hinh.html b/danh_sach_nhom_cau_hinh.html new file mode 100644 index 0000000..7529e4f --- /dev/null +++ b/danh_sach_nhom_cau_hinh.html @@ -0,0 +1,354 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+
+
+ Nhóm cấu hình sản phẩm +
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTThông tinThời gian
1Tai nghe NICSFS traceless15:20 25/04/2023 + + + + + + +
1Tai nghe NICSFS traceless15:20 25/04/2023 + + + + + + +
1Tai nghe NICSFS traceless15:20 25/04/2023 + + + + + + +
1Tai nghe NICSFS traceless15:20 25/04/2023 + + + + + + +
1Tai nghe NICSFS traceless15:20 25/04/2023 + + + + + + +
1Tai nghe NICSFS traceless15:20 25/04/2023 + + + + + + +
+
+
+
+ + + \ No newline at end of file diff --git a/danh_sach_san_pham.html b/danh_sach_san_pham.html new file mode 100644 index 0000000..53494cb --- /dev/null +++ b/danh_sach_san_pham.html @@ -0,0 +1,462 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+ +
+
+
+

Danh mục sản phẩm:

+ + All + +
+
+

Thương Hiệu:

+ + All + +
+
+

Điều kiện:

+ + All + +
+
+

Sắp xếp theo:

+ + All + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTIDẢnh sản phẩmSản phẩmGiá bánDanh mụcMã khoSố lượngLượt xemLượt thíchLượt muaĐặc điểmHiển thị
001HR124 + + Máy tính gaming30.000.000 đPC GamingHR02520020k12k2k +
+ +
+
+
+ +
+
+ + + + + + +
001HR124 + + Máy tính gaming30.000.000 đPC GamingHR02520020k12k2k +
+ +
+
+
+ +
+
+ + + + + + +
001HR124 + + Máy tính gaming30.000.000 đPC GamingHR02520020k12k2k +
+ +
+
+
+ +
+
+ + + + + + +
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/danh_sach_thuong_hieu.html b/danh_sach_thuong_hieu.html new file mode 100644 index 0000000..ad4607d --- /dev/null +++ b/danh_sach_thuong_hieu.html @@ -0,0 +1,320 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+
+
+ Danh sách thương hiệu +
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTIDThương hiệuLinkLogoSố lượng sản phẩmLượt xemChi tiếtNổi bậtSắp xếp STTHiển thị
11Microsoft/brand/microsoft + + 50200Xem +
+ +
+
+ + +
+ +
+
+ + + + + + +
+
+
+
+ + + \ No newline at end of file diff --git a/dat_cho_san_pham.html b/dat_cho_san_pham.html new file mode 100644 index 0000000..bd07179 --- /dev/null +++ b/dat_cho_san_pham.html @@ -0,0 +1,379 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTKhách hàngSản phẩmĐiện thoạiThời gianEmailNhận hàng tạiTrạng thái
001Phạm linhMáy chiếu BenQ MS550 SVGA098765432111-05-2023, 9:50 amNguyenvanA@gmail.comSố 5, ngõ 11, Yên Lãng, Đống Đa, Hà NộiThành công
001Phạm linhMáy chiếu BenQ MS550 SVGA098765432111-05-2023, 9:50 amNguyenvanA@gmail.comSố 5, ngõ 11, Yên Lãng, Đống Đa, Hà NộiThành công
001Phạm linhMáy chiếu BenQ MS550 SVGA098765432111-05-2023, 9:50 amNguyenvanA@gmail.comSố 5, ngõ 11, Yên Lãng, Đống Đa, Hà NộiThành công
+
+
+
+
+

Điền trang cần đến

+ +
+
+ +
+
+
+ +
+ Hiển thị 1 - 10/ Tổng số 1250 đơn hàng +
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/home.html b/home.html new file mode 100644 index 0000000..0cb8475 --- /dev/null +++ b/home.html @@ -0,0 +1,638 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+

Dashboard

+
+
+
+
+
+
+
+
+
Đơn hàng mới
+
+
10k
+
+
+ + 10% +
+
+ Hôm qua +
+
+
+
+
+
+
+
+
+
+
Khách liên hệ qua website
+
+
600
+
+
+ + 10% +
+
+ Hôm qua +
+
+
+
+ +
+
+
+
+
+
+
Đơn trả góp
+
+
102
+
+
+ + 10% +
+
+ Hôm qua +
+
+
+
+
+
+
+
+
+
+
Đơn hoàn
+
+
25
+
+
+ + 10% +
+
+ Hôm qua +
+
+
+
+
+
+
+
+
+ + Doanh thu + 105tr +
+
+ +
+
+ + +
+ +
+
+
+
+ + Lượt truy cập + 105k +
+
+ + Người xem + 75k +
+
+
+ +
+
+ + +
+ +
+
+ Lịch sử chỉnh sửa + + + Xem danh sách + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTNgười dùngNội dungThời gian
01Linhpc@hurasoft.comChỉnh sửa banner trang chủ15: 30 25/03/2023
02Linhpc@hurasoft.comChỉnh sửa banner trang chủ15: 30 25/03/2023
03Linhpc@hurasoft.comChỉnh sửa banner trang chủ15: 30 25/03/2023
04Linhpc@hurasoft.comChỉnh sửa banner trang chủ15: 30 25/03/2023
05Linhpc@hurasoft.comChỉnh sửa banner trang chủ15: 30 25/03/2023
+
+
+
+
+
Tóm tắt báo cáo
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTSản phẩmLượt xem
01Laptop ASUS TUF Gaming F15 +
30k
+
01Laptop ASUS TUF Gaming F15 +
30k
+
01Laptop ASUS TUF Gaming F15 +
30k
+
01Laptop ASUS TUF Gaming F15 +
30k
+
+
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + +
#Web giới thiệuLượt truy cập
Web giới thiệu 1300 lượt
Web giới thiệu 2300 lượt
Web giới thiệu 3300 lượt
+
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#Bài viếtLượt xem
01Laptop ASUS TUF Gaming F15 +
30k
+
01Laptop ASUS TUF Gaming F15 +
30k
+
01Laptop ASUS TUF Gaming F15 +
30k
+
01Laptop ASUS TUF Gaming F15 +
30k
+
+
+ +
+ +
+
Ghi nhắc việc cần làm cá nhân
+
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#Nội dungHết hạnTrạng thái
01Sửa trang chủ hurasoft24/05/2023Đã xong
01Sửa trang chủ hurasoft24/05/2023Đã xong
01Sửa trang chủ hurasoft24/05/2023Đã xong
01Sửa trang chủ hurasoft24/05/2023Chưa xong
+
+
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/khach-hang.html b/khach-hang.html new file mode 100644 index 0000000..3dd9063 --- /dev/null +++ b/khach-hang.html @@ -0,0 +1,734 @@ + + + + + + + Khách hàng + + + + + + +
+
+ + +
+
+ + + +
+ +
+
+
+ +
+ + + Thuộc nhóm khách hàng
(Quản lý nhóm + khách + hàng) +
+
+
+ + VIP + +
+
+
+
+ Tên khách hàng +
+ +
+
+
+ Là danh mục con của +
+
+ +
+
+
+ +
+ Sinh nhật +
+
+
Ngày
+ +
+ +
+
Tháng
+ +
+ +
+
Năm
+ +
+
+
+ +
+ Giới tính +
+ + +
+
+ +
+ Địa chỉ Email +
+ +
+
+ +
+ Điện thoại di động +
+ +
+
+ +
+ Tỉnh/TP +
+
+ +
+
+
+ +
+ Quận huyện +
+
+ +
+ +
+
+ +
+ Địa chỉ +
+
+
+ +
+ Tên công ty +
+
+
+ +
+ Mã số thuế +
+
+ +
+ Địa chỉ công ty +
+
+ +
+ Ghi chú về khách hàng này +
+
+
+ + + + +
+
+ + + Hủy bỏ +
+
+
+
+
+
+
+ + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + +
Thông tin bán sản phẩm +

Họ tên: Pham Van A

+

Địa chỉ email: abc@mial.com

+

Số điện thoại: 0123456789

+

Thời gian liên hệ: 08-05-2023, 2:03 pm

+
Nội dung chi tiết + +
Cập nhập ghi chú + +
+ Cập + nhật +
+
+
+ + +
+ + +
+
+
+ Khách hàng +

Pham Nguyen Van A

+
+ +
+ Địa chỉ email +

annv@hurasoft.com

+
+ +
+ Tiêu đề +

Màn Hình AOC 24B1XHS 23.8 inch Full HD

+
+ +
+ Nội dung +

Test demo

+
+ +
+ Thời gian +

08-05-2023, 11:33 am

+
+ +
+ Liên quan +

+ [product] + Màn Hình AOC 24B1XHS 23.8 inch Full + HD +

+
+
+ +
+ Gửi phản hồi nhanh + + + + Gửi phản + hồi +
+ Phản hồi: 0 +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STT Thời gian Tác giả Vai trò Email Nội dung Lựa chọn
0108-05-2023, 11:25 amPham Nguyen Van A + Quản trị viên + annv@hurasoft.comTest demo test demo test demo + Không duyệt / + Xóa +
0208-05-2023, 11:25 amPham Nguyen Van A annv@hurasoft.comLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris + Không duyệt / + Xóa +
+
+
+
+ +
+ + + + + + + + \ No newline at end of file diff --git a/marketing.html b/marketing.html new file mode 100644 index 0000000..c77164a --- /dev/null +++ b/marketing.html @@ -0,0 +1,1517 @@ + + + + + + + Marketing + + + + + + +
+
+ + +
+
+ + + +
+ + +
+
+
+ + + + +
+ Mã số phiếu * +
+ + + + +
+ + + + + + (Chú ý: Mã số các phiếu phải khác nhau) + +
+ +
+
+ + +
+ Mã số phiếu * +
+

CP090920222

+
+
+ +
+ Tên phiếu khuyến mại * +
+ + +

* Phần này sẽ hiển thị trong đơn hàng của khách hàng, do vậy cần viết + cụ + thể.

+
+
+ +
+ Mô tả +
+ + +

* Phần này chỉ dành cho admin nắm được cụ thể khuyến mại này làm gì. + Khách + hàng không nhìn thấy.

+
+
+ +
+ Phân loại * + +
+ + +
+ +
+ + + + + +

+ Nhập % giảm giá + + % (v.d. 12, 30) +

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

Ngày

+ +
+ + + +
+ +

Giờ

+ +
+ + + +
+
+
+
+ +
+ Giá trị đơn hàng tối thiểu +
+ + vnd (để 0 nếu không áp dụng) +
+
+ +
+ Giới hạn số lần sử dụng / 1 khách hàng + +
+ + (để 0 nếu không giới hạn số lượng dùng phiếu này trên 1 khách hàng) +
+
+ +
+ Áp dụng đồng thời với các mã KM khác + +
+ +
+
+ +
+ Hiển thị công khai +
+ +
+
+ +
+ Điều kiện áp dụng +
+ + + +
+
+ +
+ Số lượng phiếu +
+ + (để 0 nếu không có giới hạn) +
+
+ +
+ Hiển thị +
+ + + +
+
+ +
+
+ + +
+
+
+
+
+ +
+
+ + + + + + + +
+ + + +
+
+ +
+ Link nhảy đến +
+ +
+
+ +
+ File ảnh +
+ + + + +
+
+ +
+ Lựa chọn hiển thị người dùng +
+ + + +
+
+ +
+ Cho hiển thị +
+ +
+
+ +
+ +
+
+ + + +
+ +
+
+ + + +
+ + + + +
+
+ +
+ Thay ảnh nền +
+ + +

Bạn có thể thay nền website bằng hình ảnh. + Với file ảnh, yêu cầu là .jpg, .gif, hoặc .png và dung lượng tối đa 300KB.

+
+
+ +
+ +
+
+ + + +
+
+
+ + + +
+ + +
+
+ + + + +
+ Tiêu đề của Deal +
+ + +
+
+ + + +
+ Mô tả tóm tắt về deal nếu có +
+ + +
+
+ +
+ Thông tin bán Sản phẩm +
+ +
+
Giá sản phẩm
+
2.690.000 VNĐ
+
+ +
+
Giá deal
+
+ + VNĐ +
+
+ +
+
Số lượng bán
+
+ + (Số đang có: 1) +
+
+ +
+
Số lượng tối thiểu phải mua
+
+ + (Để 0 là không giới hạn) +
+
+ +
+
Số lượng tối đa được mua
+
+ + (Để =0 là không giới hạn) +
+
+ +
+
Thời gian hiệu lực
+
+
+

Ngày

+ +
+ + + +
+ +

Giờ

+ +
+ + + +
+
+
+
+ +
+
Thứ tự hiển thị
+
+ +
+
+ +
+
Thông tin bảo hành:
+
+ +
+
+ +
+
Hiển thị
+
+ + + +
+
+ +
+
+ +
+ +
+
+ + + + + +
+
+
+ + + +
+ + +
+
+ + +
+ Đặt tên danh sách +
+ +
+
+ +
+ Ghi chú / mô tả +
+ +
+
+ +
+ Google Product Category ID +
+ +

+ Chỉ điền 1 danh mục: ID hoặc Tên danh mục trong danh sách + tại đây +

+ +

V.d nếu là sp Bird Food thì điền 4990 hoặc Animals & Pet Supplies > Pet Supplies > + Bird Supplies > Bird Food

+
+
+ +
+ + +
+
+
+
+
+ + +
+ + + + + + + + \ No newline at end of file diff --git a/sua_ban_hang.html b/sua_ban_hang.html new file mode 100644 index 0000000..bf2c341 --- /dev/null +++ b/sua_ban_hang.html @@ -0,0 +1,504 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+
+
+ +
+ Mã đơn hàng: HR002 +

+ + 11-05-2023, 9:50 am +

+
+
+
+
+

Trạng thái:

+ Đã thanh toán +
+
+

Vận chuyển:

+ Đã chuyển +
+ + + In đơn hàng + +
+
+
+
+
+ Khách hàng +
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+
+
+ Sản phẩm + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTMã khoẢnhTên sản phẩmGiáSLTổngGhi chú
1PI543 + + Chuột máy tính Logictech 002150.000 đ02300.000 đDemo
1PI543 + + Chuột máy tính Logictech 002150.000 đ02300.000 đDemo
1PI543 + + Chuột máy tính Logictech 002150.000 đ02300.000 đDemo
+
+
+ Số tiền + + + + + + + + + + + + + + + + + + + +
Tổng giá trị7.260.000 đ
Phí vận chuyển & giao hàng0 đ
Phí thu hộ0 đ +
Tổng thu7.260.000 đ
+
+
+ Lịch sửa cập nhật + + + + + + + + + + + + + + + + + +
STTPhân loạiTrạng tháiGhi chúNgười cập nhật
01PaymentPaidĐã nhận đủLinh lúc 28-06-2024, 11:28 pm
+
+
+
+
+ Nhận sự xử lý đơn hàng + +
+
+ Trạng thái thanh toán + + +
+ Khách chọn: Thanh toán khi nhận hàng (COD) +
+
+
+ Trạng thái vận chuyển + + +
+ Khách chọn: Giao hàng nhanh trong 2 giờ (Nội thành Hà Nội +HCM) +
+
+
+ Trạng thái đơn hàng + +
+
+ Ghi chú + +
+ +
+
+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/thanh_toan_qua_cong.html b/thanh_toan_qua_cong.html new file mode 100644 index 0000000..707af9d --- /dev/null +++ b/thanh_toan_qua_cong.html @@ -0,0 +1,412 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTIDCổngThời gianKhách hàngĐiện thoạiEmailSản phẩmGiá trịTrạng thái
001HR001Viettelpay15:30 25/03/2023PhamvanB034.335.3254hura@gmail.comMáy chiếu Epson EB-E1020.000.000 đĐã xử lý
001HR001Viettelpay15:30 25/03/2023PhamvanB034.335.3254hura@gmail.comMáy chiếu Epson EB-E1020.000.000 đĐã xử lý
001HR001Viettelpay15:30 25/03/2023PhamvanB034.335.3254hura@gmail.comMáy chiếu Epson EB-E1020.000.000 đĐã xử lý
001HR001Viettelpay15:30 25/03/2023PhamvanB034.335.3254hura@gmail.comMáy chiếu Epson EB-E1020.000.000 đĐã xử lý
001HR001Viettelpay15:30 25/03/2023PhamvanB034.335.3254hura@gmail.comMáy chiếu Epson EB-E1020.000.000 đĐã xử lý
+
+ +
+
+
+

Điền trang cần đến

+ +
+
+ +
+
+
+ +
+ Hiển thị 1 - 10/ Tổng số 1250 đơn hàng +
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/them_bo_su_tap.html b/them_bo_su_tap.html new file mode 100644 index 0000000..0c99968 --- /dev/null +++ b/them_bo_su_tap.html @@ -0,0 +1,359 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+ +
+
+
+ Ảnh đại diện + +
+
+ Đặt tên bộ sưu tập +
+ +
+
+
+ Link Index +
+ +
+
+
+ Mô tả (nếu có) +
+ +
+
+
+ Dùng cho SEO +
+
+
Meta Title
+
+ +
+
+
+
Meta Keywords
+
+ +
+
+
+
Meta Description
+
+ +
* nếu để + trống sẽ dùng Mô + tả tóm tắt
+
+
+ +
+
+
+
+ + + + Hủy bỏ +
+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/them_danh_muc_san_pham.html b/them_danh_muc_san_pham.html new file mode 100644 index 0000000..449a62e --- /dev/null +++ b/them_danh_muc_san_pham.html @@ -0,0 +1,465 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+ +
+
+
+ Ảnh đại diện +
+ +
+ Ảnh icon +
+ + + Chọn icon +
+
+
+
+
+ Tên danh mục +
+ +
+
+
+ Mô tả (nếu có) +
+ +
+
+
+ Từ khóa
(tags, nếu có - nhập mỗi cụm từ 1 dòng)
+
+ +
+
+
+ Là danh mục con của +
+
+ +
+ +
+
+
+ Loại nội dung hiển thị +
+
+ +
+
+
+
+ Nhập nội dung cố định (HTML) +
+ +
+
+
+ Thứ tự xuất hiện +
+ +
+
+
+ Redirect tới URL (khi truy cập + danh mục sẽ chuyển sang link này) +
+ +
+
+
+ Template File +
+ +
+
+
+ Số sản phẩm hiển thị +
+ +
+
+ +
+ Dùng cho SEO +
+
+
Url canonical
+
+ +
+
+
+
Link truy cập tại website
+
+ +
+
+
+
Tên Index
+
+ +
+
+
+
Thay đổi Link truy cập khi thay đổi Tên index?
+
+ +
+
+
+
Meta Title
+
+ +
+
+
+
Meta Keywords
+
+ +
+
+
+
Meta Description
+
+ +
+
+ +
+
+ +
+
+ + + + Hủy bỏ +
+
+
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/them_nhom_cau_hinh.html b/them_nhom_cau_hinh.html new file mode 100644 index 0000000..026cee3 --- /dev/null +++ b/them_nhom_cau_hinh.html @@ -0,0 +1,329 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+ +
+ +
+
+
+ Tên nhóm +
+ +
+
+
+ Miêu tả tóm tắt +
+ +
+
+
+
+ + +
+
+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/them_san_pham.html b/them_san_pham.html new file mode 100644 index 0000000..0cdede6 --- /dev/null +++ b/them_san_pham.html @@ -0,0 +1,580 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+ +
+ +
+
+
+ Đặt tên sản phẩm +
+ +
+
+
+ Model(nếu có) +
+ +
+
+
+ Mã kho hàng - SKU (Nếu có) +
+ +
+
+
+ Trọng lượng (tính phí shipping) +
+ +
+
+
+ Thương hiệu +
+ +
+ +
+
+ Tóm tắt đặc tính chính +
+ +
+
+
+ Phụ kiện đi kèm +
+ +
+
+
+ Thông tin sản phẩm +
+
+
Giá bán lẻ:
+
+ +
+ +
+
+ +
+
+

(* Nếu dùng USD thì theo chuẩn quốc tế v.d. $23.523).

+ Tỷ giá: 1 + đổi +
+
+
+
+
Thuế VAT (Giá bán):
+
+
+ Không hiển thị + VAT +
+
+ Có VAT +
+
+ Chưa có VAT +
+
+
+
+
Giá nhận hàng:
+
+ +

VNĐ (để tham khảo khi cần)

+
+
+
+
Giá thị trường:
+
+ +

VNĐ (để tham khảo nếu cần)

+
+
+
+
Số lượng kho hàng:
+
+ +
+
+
+
Khuyến mại riêng:
+
+ +
+
+
+
Thông tin bảo hành:
+
+ +
+
+
+
+
+ Hiển thị +
+ + +
+
+
+
+ + + + Hủy bỏ +
+
+
+
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/them_thuoc_tinh_san_pham.html b/them_thuoc_tinh_san_pham.html new file mode 100644 index 0000000..fe46c15 --- /dev/null +++ b/them_thuoc_tinh_san_pham.html @@ -0,0 +1,437 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+ +
+
+
+ Tên thuộc tính +
+ +
+
+
+ Mã nhận dạng
cho quản trị
+
+ +
+
+
+ Mô tả tóm tắt +
+ +
+
+
+ Lựa chọn áp dụng +
+
+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ Phân loại: +
+
+ + Local - Chỉ áp dụng cho một số loại Sản phẩm +
+
+ + Global - Áp dụng cho tất cả Sản phẩm (v.d: Xuất xứ, Màu sắc, Bảo hành) +
+
+
+
+ Thứ tự xuất hiện +
+ +
+
+
+ Quản lý các giá trị +
+
+ + + + + + + + + + + + + + + + + + + +
STTIDGiá trịMô tảThứ tự hiển thịLựa chọn
11Hồng#FF00FFtest0 + + + + + + +
+
+
+
Thêm giá trị mới:
+
+
+ Tên (*) + +
+
+ Giá trị sắp xếp (**) + +
+
+ STT + +
+ +
+
+
(**) Dùng để sắp xếp Sản phẩm theo thuộc tính khi cần (v.d. theo dung + lượng ổ cứng laptop giảm dần)
+
+
+
+ + Diễn giải thuộc tính + (dùng giải thích chi tiết cho + khách hàng ý nghĩa của thuộc tính) + +
+ +
+
+
+
+ + +
+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/them_thuong_hieu_san_pham.html b/them_thuong_hieu_san_pham.html new file mode 100644 index 0000000..20ced0d --- /dev/null +++ b/them_thuong_hieu_san_pham.html @@ -0,0 +1,368 @@ + + + + + + + Hura8 + + + + + + + + +
+
+ + +
+
+
+ +
+
+
+ Ảnh đại diện + +
+
+ Tên thương hiệu +
+ +
+
+
+ Link Index +
+ +
+
+
+ Mô tả thương hiệu (nếu có) +
+ +
+
+
+ Dùng cho SEO +
+
+
Meta Title
+
+ +
+
+
+
Meta Keywords
+
+ +
+
+
+
Meta Description
+
+ +
* nếu để + trống sẽ dùng Mô + tả tóm tắt
+
+
+ +
+
+
+
+ + + + Hủy bỏ +
+
+
+
+
+
+
+ + + + + + \ No newline at end of file