tieptk/admin_hura_8
2
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

loading

Browse Source
This commit is contained in:
Tieptk
2024-05-07 15:42:55 +07:00
parent 6415cca99f
commit fe7ddf826e
8 changed files with 327 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
assets/script/main.js
View File

@@ -1,6 +1,23 @@
"use strict"; "use strict";
var AdminFunction = (function () { var AdminFunction = (function () {
function capNhatTrangThaiMenu(hideMenuBig) {
if (hideMenuBig === false) {
$('#js-admin-content-container').addClass('show-large-menu')
} else {
$('#js-admin-content-container').removeClass('show-large-menu')
}
$('#js-menu-big').toggleClass('hidden', hideMenuBig);
$('#js-menu-small').toggleClass('hidden', !hideMenuBig);
$('#js-form-search').toggleClass('menu-hide', hideMenuBig);
localStorage.setItem(hideMenuBig ? 'menu_big' : 'menu_small', 'hidden');
localStorage.removeItem(hideMenuBig ? 'menu_small' : 'menu_big');
}
function add_product_to_category(id) { function add_product_to_category(id) {
$('#status_' + id).html('<span class= "loading loading-bars loading-sm" ></span ><span class="ml-[3px]">Đang xử lý..</span>'); $('#status_' + id).html('<span class= "loading loading-bars loading-sm" ></span ><span class="ml-[3px]">Đang xử lý..</span>');
setTimeout(function () { setTimeout(function () {
@@ -8,8 +25,39 @@ var AdminFunction = (function () {
}, 1000) }, 1000)
} }
function run_search(holder) {
$(holder).keyup(debounce(function () {
var inputString = $(this).val();
$('#js-show-search').show()
}, 300));
$('body').click(function () {
$("#js-show-search").hide();
});
}
function update_product_hot(id) {
$('#js-status-hottype-' + id).html('<span class= "loading loading-bars loading-sm" ></span ><span class="ml-[3px]">Đang xử lý..</span>');
setTimeout(function () {
$('#js-status-hottype-' + id).html('');
}, 1000)
}
function searchSelect(holder) {
$(holder).select2();
}
return { return {
add_product_to_category: add_product_to_category capNhatTrangThaiMenu: capNhatTrangThaiMenu,
add_product_to_category: add_product_to_category,
run_search: run_search,
searchSelect: searchSelect,
update_product_hot: update_product_hot
} }
})(); })();

42
assets/script/pc_style.css
View File

@@ -911,28 +911,27 @@ input[type=radio]:focus:before {
vertical-align: inherit; vertical-align: inherit;
} }
#js-form-search [type=search]:focus::before {
position: absolute;
content: "\f00d";
font-family: "Font Awesome 6 Free";
font-weight: 900;
left: 0;
top: 0;
}
.autocomplete-suggestions {
height: 334px;
overflow-y: auto;
z-index: 999;
}
.autocomplete-suggestions .item { .autocomplete-suggestions .item {
padding: 12px 0; padding: 10px 15px;
border-bottom: 1px solid #ededed; border-bottom: 1px solid #ededed;
} }
.autocomplete-suggestions .item .info { .autocomplete-suggestions .item:hover {
width: calc(100% - 108px); font-weight: 700;
margin-right: 48px; background: #f6f6f6;
}
.autocomplete-suggestions .item img {
width: 60px;
display: block;
}
.autocomplete-suggestions .item .name {
font-weight: 600;
line-height: 20px;
}
.autocomplete-suggestions .item .price {
font-weight: 600;
color: #fb4e4e;
line-height: 20px;
display: block;
margin-top: 5px;
} }
.table-list-customer th { .table-list-customer th {
@@ -1268,4 +1267,9 @@ input[type=radio]:focus:before {
} }
.list-category .style-checkbox { .list-category .style-checkbox {
color: #919699; color: #919699;
}
.order-detail-page .select2-container {
width: 100% !important;
margin-top: 10px;
}/*# sourceMappingURL=pc_style.css.map */ }/*# sourceMappingURL=pc_style.css.map */

40
assets/script/pc_style.scss
View File

@@ -941,28 +941,25 @@ input[type="radio"] {
} }
} }
#js-form-search [type="search"]:focus::before {
position: absolute;
content: "\f00d";
font-family: "Font Awesome 6 Free";
font-weight: 900;
left: 0;
top: 0;
}
.autocomplete-suggestions { .autocomplete-suggestions {
height: 334px;
overflow-y: auto;
z-index: 999;
.item { .item {
padding: 12px 0; padding: 10px 15px;
border-bottom: 1px solid #ededed; border-bottom: 1px solid #ededed;
.info { &:hover {
width: calc(100% - 108px); font-weight: 700;
margin-right: 48px; background: #f6f6f6;
}
img {
width: 60px;
display: block;
}
.name {
font-weight: 600;
line-height: 20px;
}
.price {
font-weight: 600;
color: #fb4e4e;
line-height: 20px;
display: block;
margin-top: 5px;
} }
} }
} }
@@ -1314,3 +1311,8 @@ input[type="radio"] {
color: #919699; color: #919699;
} }
} }
.order-detail-page .select2-container {
width: 100% !important;
margin-top: 10px;
}

66
template/javascript/global.html
View File

@@ -5,35 +5,71 @@
// Sự kiện click để hiển thị menu // Sự kiện click để hiển thị menu
$('#js-show-menu').click(function () { $('#js-show-menu').click(function () {
capNhatTrangThaiMenu(false); AdminFunction.capNhatTrangThaiMenu(false);
}); });
// Sự kiện click để ẩn menu // Sự kiện click để ẩn menu
$('#js-hide-menu').click(function () { $('#js-hide-menu').click(function () {
capNhatTrangThaiMenu(true); AdminFunction.capNhatTrangThaiMenu(true);
}); });
// Kiểm tra localStorage và thiết lập trạng thái ban đầu của menu // Kiểm tra localStorage và thiết lập trạng thái ban đầu của menu
const hideMenuBig = localStorage.getItem('menu_big') === 'hidden'; const hideMenuBig = localStorage.getItem('menu_big') === 'hidden';
capNhatTrangThaiMenu(hideMenuBig); AdminFunction.capNhatTrangThaiMenu(hideMenuBig);
AdminFunction.run_search('#js-input-search')
AdminFunction.searchSelect('#js-assign-admin');
AdminFunction.searchSelect('#js-order-status-select');
}) })
// Hàm để cập nhật trạng thái hiển thị menu và localStorage
function capNhatTrangThaiMenu(hideMenuBig) {
if (hideMenuBig === false) { function debounce(func, wait, immediate) {
$('#js-admin-content-container').addClass('show-large-menu') var timeout;
} else { return function () {
$('#js-admin-content-container').removeClass('show-large-menu') var context = this, args = arguments;
} var later = function () {
timeout = null;
if (!immediate) func.apply(context, args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) func.apply(context, args);
};
};
$('#js-menu-big').toggleClass('hidden', hideMenuBig); function getTextAreaSelection(textarea) {
$('#js-menu-small').toggleClass('hidden', !hideMenuBig); var start = textarea.selectionStart, end = textarea.selectionEnd;
$('#js-form-search').toggleClass('menu-hide', hideMenuBig); return {
localStorage.setItem(hideMenuBig ? 'menu_big' : 'menu_small', 'hidden'); start: start,
localStorage.removeItem(hideMenuBig ? 'menu_small' : 'menu_big'); end: end,
length: end - start,
text: textarea.value.slice(start, end)
};
} }
function detectPaste(textarea, callback) {
textarea.onpaste = function () {
var sel = getTextAreaSelection(textarea);
var initialLength = textarea.value.length;
window.setTimeout(function () {
var val = textarea.value;
var pastedTextLength = val.length - (initialLength - sel.length);
var end = sel.start + pastedTextLength;
callback({
start: sel.start,
end: end,
length: pastedTextLength,
text: val.slice(sel.start, end)
});
}, 1);
};
}
// end search
function formatCurrency(a) { function formatCurrency(a) {
var b = parseFloat(a).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.").toString(); var b = parseFloat(a).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.").toString();

181
template/order/detail.html
View File

@@ -4,14 +4,25 @@
</div> </div>
<div class="order-detail-page leading-[20px] max-w-[1141px] m-auto"> <div class="order-detail-page leading-[20px] max-w-[1141px] m-auto">
<div class="text-right">
<a href="" title="In đơn hàng" class="fas fa-print hover:bg-[#0041E8] hover:text-[#fff] inline-block text-center text-[15px] text-[#9E9E9E] rounded-[4px] ml-[10px] w-[30px] h-[30px] leading-[30px] border border-[#ececec] bg-[#F9F9F9]"></a>
<a href="" title="" class="far fa-envelope hover:bg-[#0041E8] hover:text-[#fff] inline-block text-center text-[15px] text-[#9E9E9E] rounded-[4px] ml-[10px] w-[30px] h-[30px] leading-[30px] border border-[#ececec] bg-[#F9F9F9]"></a>
</div>
<div class="shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] rounded-[10px] bg-white text-center p-[17px] m-[12px_0]"> <div class="shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] rounded-[10px] bg-white p-[15px] m-[12px_0]">
<p class="text-[18px] font-[700] mb-[3px] leading-[23px]">Đơn hàng #000-368</p>
<p>Thời gian: 16-11-2023, 9:59 am</p> <div class="flex items-center justify-between">
<b class="text-[18px] font-[700] mb-[3px] leading-[23px]">Đơn hàng #000-368</b>
<div class="text-right">
<a href="" title="In đơn hàng"
class="hover:bg-[#0041E8] hover:text-[#fff] inline-block text-center text-[15px] text-[#9E9E9E] rounded-[4px] ml-[10px] p-[8px] border border-[#ececec] bg-[#F9F9F9]">
<i class="fas fa-print"></i>
<span>In đơn hàng</span>
</a>
<a href="" title=""
class="hover:bg-[#0041E8] hover:text-[#fff] inline-block text-center text-[15px] text-[#9E9E9E] rounded-[4px] ml-[10px] p-[8px] border border-[#ececec] bg-[#F9F9F9]">
<i class="far fa-envelope"></i>
<span>Gửi email</span>
</a>
</div>
</div>
<p class="mt-[5px]">Thời gian: 16-11-2023, 9:59 am</p>
</div> </div>
<div class="flex flex-wrap justify-between"> <div class="flex flex-wrap justify-between">
@@ -40,7 +51,8 @@
<td> Địa chỉ nhận hàng </td> <td> Địa chỉ nhận hàng </td>
<td> <td>
<span> Kiến Hưng, Quận Hà Đông, Hà Nội </span> <span> Kiến Hưng, Quận Hà Đông, Hà Nội </span>
<a href="#js-update-shipping-address" data-fancybox title="Cập nhật địa chỉ nhận hàng" class="icons icon-edit inline-block" style="background-position: -111px -86px;"></a> <a href="#js-update-shipping-address" data-fancybox title="Cập nhật địa chỉ nhận hàng"
class="icons icon-edit inline-block" style="background-position: -111px -86px;"></a>
</td> </td>
</tr> </tr>
@@ -48,7 +60,8 @@
<td> Địa chỉ thanh toán </td> <td> Địa chỉ thanh toán </td>
<td> <td>
<span> Kiến Hưng, Quận Hà Đông, Hà Nội </span> <span> Kiến Hưng, Quận Hà Đông, Hà Nội </span>
<a href="#js-update-payment" data-fancybox title="Cập nhật địa chỉ thanh toán" class="icons icon-edit inline-block" style="background-position: -111px -86px;"></a> <a href="#js-update-payment" data-fancybox title="Cập nhật địa chỉ thanh toán"
class="icons icon-edit inline-block" style="background-position: -111px -86px;"></a>
</td> </td>
</tr> </tr>
</table> </table>
@@ -78,7 +91,8 @@
<td> 1 </td> <td> 1 </td>
<td class="text-[#0041E8]"> HH0003 </td> <td class="text-[#0041E8]"> HH0003 </td>
<td class="text-left"> <td class="text-left">
<a href="" target="_blank" class="text-[#0041E8]"> HHWS - CORE i9 9900X | 32G | NVIDIA RTX 2060 6GB </a> <a href="" target="_blank" class="text-[#0041E8]"> HHWS - CORE i9 9900X | 32G |
NVIDIA RTX 2060 6GB </a>
</td> </td>
<td> 34.800.000 VND (chiếc) </td> <td> 34.800.000 VND (chiếc) </td>
<td> 2 </td> <td> 2 </td>
@@ -107,7 +121,9 @@
<td> Phí vận chuyển & giao hàng </td> <td> Phí vận chuyển & giao hàng </td>
<td> <td>
<span> 0 VND </span> <span> 0 VND </span>
<a href="#js-update-order-shipping" data-fancybox="" title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block" style="background-position: -111px -86px;vertical-align:sub;"></a> <a href="#js-update-order-shipping" data-fancybox=""
title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block"
style="background-position: -111px -86px;vertical-align:sub;"></a>
</td> </td>
</tr> </tr>
@@ -115,7 +131,9 @@
<td> Phí thu hộ </td> <td> Phí thu hộ </td>
<td> <td>
<span> 0 VND </span> <span> 0 VND </span>
<a href="#js-update-order-shipping" data-fancybox="" title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block" style="background-position: -111px -86px;vertical-align:sub;"></a> <a href="#js-update-order-shipping" data-fancybox=""
title="Cập nhật phí ship cho đơn hàng" class="icons icon-edit inline-block"
style="background-position: -111px -86px;vertical-align:sub;"></a>
</td> </td>
</tr> </tr>
@@ -163,15 +181,21 @@
<div class="rounded-[10px] w-[273px] leading-[18px]"> <div class="rounded-[10px] w-[273px] leading-[18px]">
<div class="rounded-[15px] bg-white p-[18px_16px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mb-[16px]"> <div
class="rounded-[15px] w-[100%] bg-white p-[18px_16px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mb-[16px]">
<p class="mb-[7px] font-[700]">Nhân sự xử lý đơn hàng</p> <p class="mb-[7px] font-[700]">Nhân sự xử lý đơn hàng</p>
<p> <p>
<span class="inline-block">Uyên Hura</span> <span class="inline-block">Uyên Hura</span>
<a href="javascript:$('#js-assign-holder').toggle()" title="Chỉnh sửa" class="icons icon-edit inline-block w-[18px] h-[18px]" style="background-position: -111px -86px;vertical-align: sub;"></a> <a href="javascript:$('#js-assign-holder').toggle()" title="Chỉnh sửa"
class="icons icon-edit inline-block w-[18px] h-[18px]"
style="background-position: -111px -86px;vertical-align: sub;"></a>
</p> </p>
<div id="js-assign-holder" style="display: none"> <div id="js-assign-holder" style="display: none">
<select onchange="OrderManagement.assignAdmin('130', this.value, this.options[this.selectedIndex].text)" class="mt-[10px] block w-[100%] h-[30px] border border-[#D8D8D8] rounded-[4px]"> <select
onchange="OrderManagement.assignAdmin('130', this.value, this.options[this.selectedIndex].text)"
class="mt-[10px] block w-[100%] h-[30px] border border-[#D8D8D8] rounded-[4px]"
id="js-assign-admin">
<option value="">--Người thực hiện --</option> <option value="">--Người thực hiện --</option>
<option value="24">Uyên Hura</option> <option value="24">Uyên Hura</option>
<option value="23">HuraSoft</option> <option value="23">HuraSoft</option>
@@ -185,27 +209,31 @@
<p class="mb-[7px] font-[700]"> Trạng thái thanh toán </p> <p class="mb-[7px] font-[700]"> Trạng thái thanh toán </p>
<p class="flex items-center m-[8px_0]"> <p class="flex items-center m-[8px_0]">
<span style="background: #E00000" class="leading-[30px] mr-[5px] p-[0_9px] rounded-[15px] text-[#fff]"> <span style="background: #E00000"
class="leading-[30px] mr-[5px] p-[0_9px] rounded-[15px] text-[#fff]">
Chưa thanh toán Chưa thanh toán
</span> </span>
<a href="javascript:$('#js-payment-status-holder').show()" title="Chỉnh sửa" class="icons icon-edit inline-block w-[18px] h-[18px]" style="background-position: -111px -86px;vertical-align: sub;"></a> <a href="javascript:$('#js-payment-status-holder').show()" title="Chỉnh sửa"
class="icons icon-edit inline-block w-[18px] h-[18px]"
style="background-position: -111px -86px;vertical-align: sub;"></a>
</p> </p>
<div id="js-payment-status-holder" style="display: none;"> <div id="js-payment-status-holder" style="display: none;">
<div> <div>
<textarea placeholder="Ghi chú (v.d. Chuyển khoản ngân hàng VCB, số tham chiếu 1234)" id="js-payment-comment" class="m-[10px_0] block w-[100%] min-h-[76px] max-h-[120px] border border-[#D8D8D8] rounded-[4px] p-[8px]"></textarea> <textarea placeholder="Ghi chú (v.d. Chuyển khoản ngân hàng VCB, số tham chiếu 1234)"
id="js-payment-comment"
class="m-[10px_0] block w-[100%] min-h-[76px] max-h-[120px] border border-[#D8D8D8] rounded-[4px] p-[8px]"></textarea>
</div> </div>
<div style="margin: 5px 0 10px;"> <div style="margin: 5px 0 10px;">
<input type="button" onclick="OrderManagement.update_payment_status()" title="Click để xác nhận đơn đã được thanh toán đủ" value="Đã nhận đủ" <input type="button" onclick="OrderManagement.update_payment_status()"
class="bg-[#0041E8] cursor-pointer font-[500] h-[32px] p-[0_15px] rounded-[4px] text-[#fff]" title="Click để xác nhận đơn đã được thanh toán đủ" value="Đã nhận đủ"
> class="bg-[#0041E8] cursor-pointer font-[500] h-[32px] p-[0_15px] rounded-[4px] text-[#fff]">
<input type="button" value="Quay lại" <input type="button" value="Quay lại"
class="bg-[#ECECEC] cursor-pointer font-[500] h-[32px] p-[0_12px] rounded-[4px] text-[#9E9E9E]" class="bg-[#ECECEC] cursor-pointer font-[500] h-[32px] p-[0_12px] rounded-[4px] text-[#9E9E9E]"
onclick="$('#js-payment-status-holder').hide()" onclick="$('#js-payment-status-holder').hide()">
>
</div> </div>
</div> </div>
@@ -216,27 +244,31 @@
<p class="mb-[7px] font-[700]"> Trạng thái vận chuyển </p> <p class="mb-[7px] font-[700]"> Trạng thái vận chuyển </p>
<p class="flex items-center m-[8px_0]"> <p class="flex items-center m-[8px_0]">
<span style="background: #E00000" class="leading-[30px] mr-[5px] p-[0_9px] rounded-[15px] text-[#fff]"> <span style="background: #E00000"
class="leading-[30px] mr-[5px] p-[0_9px] rounded-[15px] text-[#fff]">
Chưa chuyển Chưa chuyển
</span> </span>
<a href="javascript:$('#js-fulfillment-status-holder').show()" title="Chỉnh sửa" class="icons icon-edit inline-block w-[18px] h-[18px]" style="background-position: -111px -86px;vertical-align: sub;"></a> <a href="javascript:$('#js-fulfillment-status-holder').show()" title="Chỉnh sửa"
class="icons icon-edit inline-block w-[18px] h-[18px]"
style="background-position: -111px -86px;vertical-align: sub;"></a>
</p> </p>
<div id="js-fulfillment-status-holder" style="display: none;"> <div id="js-fulfillment-status-holder" style="display: none;">
<div> <div>
<textarea placeholder="Ghi chú (v.d. Chuyển phát ViettelPost, mã phiếu gửi 1234)" id="js-fulfillment-comment" class="m-[10px_0] block w-[100%] min-h-[76px] max-h-[120px] border border-[#D8D8D8] rounded-[4px] p-[8px]"></textarea> <textarea placeholder="Ghi chú (v.d. Chuyển phát ViettelPost, mã phiếu gửi 1234)"
id="js-fulfillment-comment"
class="m-[10px_0] block w-[100%] min-h-[76px] max-h-[120px] border border-[#D8D8D8] rounded-[4px] p-[8px]"></textarea>
</div> </div>
<div style="margin: 5px 0 10px;"> <div style="margin: 5px 0 10px;">
<input type="button" onclick="OrderManagement.update_fulfillment_status()" title="Click để xác nhận đơn đã được vận chuyển thành công" value="Đã vận chuyển" <input type="button" onclick="OrderManagement.update_fulfillment_status()"
class="bg-[#0041E8] cursor-pointer font-[500] h-[32px] p-[0_15px] rounded-[4px] text-[#fff]" title="Click để xác nhận đơn đã được vận chuyển thành công" value="Đã vận chuyển"
> class="bg-[#0041E8] cursor-pointer font-[500] h-[32px] p-[0_15px] rounded-[4px] text-[#fff]">
<input type="button" value="Quay lại" <input type="button" value="Quay lại"
class="bg-[#ECECEC] cursor-pointer font-[500] h-[32px] p-[0_12px] rounded-[4px] text-[#9E9E9E]" class="bg-[#ECECEC] cursor-pointer font-[500] h-[32px] p-[0_12px] rounded-[4px] text-[#9E9E9E]"
onclick="$('#js-fulfillment-status-holder').hide()" onclick="$('#js-fulfillment-status-holder').hide()">
>
</div> </div>
</div> </div>
@@ -246,16 +278,20 @@
<div class="rounded-[15px] bg-white p-[18px_16px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mb-[16px]"> <div class="rounded-[15px] bg-white p-[18px_16px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mb-[16px]">
<p class="mb-[7px] font-[700]"> <p class="mb-[7px] font-[700]">
Trạng thái đơn hàng Trạng thái đơn hàng
<a href="javascript:$('#js-order-status-holder').show()" title="Chỉnh sửa" class="icons icon-edit inline-block w-[18px] h-[18px]" style="background-position: -111px -86px;vertical-align: sub;"></a> <a href="javascript:$('#js-order-status-holder').show()" title="Chỉnh sửa"
class="icons icon-edit inline-block w-[18px] h-[18px]"
style="background-position: -111px -86px;vertical-align: sub;"></a>
</p> </p>
<div id="js-order-status-holder" style="display: none;"> <div id="js-order-status-holder" style="display: none;">
<div> <div>
<textarea placeholder="Ghi chú" id="js-order-comment" class="m-[10px_0] block w-[100%] min-h-[76px] max-h-[120px] border border-[#D8D8D8] rounded-[4px] p-[8px]"></textarea> <textarea placeholder="Ghi chú" id="js-order-comment"
class="m-[10px_0] block w-[100%] min-h-[76px] max-h-[120px] border border-[#D8D8D8] rounded-[4px] p-[8px]"></textarea>
</div> </div>
<div style="margin-top: 5px;"> <div style="margin-top: 5px;">
<select id="js-order-status-select" class="m-[10px_0] block w-[100%] h-[30px] border border-[#D8D8D8] rounded-[4px]"> <select id="js-order-status-select"
class="m-[10px_0] block w-[100%] h-[30px] border border-[#D8D8D8] rounded-[4px]">
<option value="">--Chọn trạng thái--</option> <option value="">--Chọn trạng thái--</option>
<option value="new">Mới</option> <option value="new">Mới</option>
<option value="processing">Đang xử lý</option> <option value="processing">Đang xử lý</option>
@@ -264,14 +300,13 @@
<option value="canceled">Hủy</option> <option value="canceled">Hủy</option>
</select> </select>
<input type="button" onclick="OrderManagement.update_order_status()" title="Click để xác nhận" value="Lưu lại" <input type="button" onclick="OrderManagement.update_order_status()" title="Click để xác nhận"
class="bg-[#0041E8] cursor-pointer font-[500] h-[32px] p-[0_15px] rounded-[4px] text-[#fff]" value="Lưu lại"
> class="bg-[#0041E8] cursor-pointer font-[500] h-[32px] p-[0_15px] rounded-[4px] text-[#fff] mt-[15px]">
<input type="button" value="Quay lại" <input type="button" value="Quay lại"
class="bg-[#ECECEC] cursor-pointer font-[500] h-[32px] p-[0_12px] rounded-[4px] text-[#9E9E9E]" class="bg-[#ECECEC] cursor-pointer font-[500] h-[32px] p-[0_12px] rounded-[4px] text-[#9E9E9E] mt-[15px]"
onclick="$('#js-order-status-holder').hide()" onclick="$('#js-order-status-holder').hide()">
>
</div> </div>
</div> </div>
</div> </div>
@@ -279,13 +314,13 @@
<div class="rounded-[15px] bg-white p-[18px_16px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mb-[16px]"> <div class="rounded-[15px] bg-white p-[18px_16px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mb-[16px]">
<p class="mb-[7px] font-[700]"> Ghi chú </p> <p class="mb-[7px] font-[700]"> Ghi chú </p>
<textarea placeholder="Ghi chú" id="js-comment" class="m-[10px_0] block w-[100%] min-h-[76px] max-h-[120px] border border-[#D8D8D8] rounded-[4px] p-[8px]"></textarea> <textarea placeholder="Ghi chú" id="js-comment"
class="m-[10px_0] block w-[100%] min-h-[76px] max-h-[120px] border border-[#D8D8D8] rounded-[4px] p-[8px]"></textarea>
<div> <div>
<span id="js-comment-status-holder"></span> <span id="js-comment-status-holder"></span>
<input type="button" onclick="OrderManagement.update_admin_comment()" value="Lưu lại" <input type="button" onclick="OrderManagement.update_admin_comment()" value="Lưu lại"
class="bg-[#0041E8] cursor-pointer font-[500] h-[32px] p-[0_15px] rounded-[4px] text-[#fff]" class="bg-[#0041E8] cursor-pointer font-[500] h-[32px] p-[0_15px] rounded-[4px] text-[#fff]">
>
</div> </div>
</div> </div>
@@ -301,42 +336,48 @@
<tr> <tr>
<td width="100">Họ tên</td> <td width="100">Họ tên</td>
<td> <td>
<input type="text" id="js-shipping-address-person_name" value="Nguyen Duc Quan" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> <input type="text" id="js-shipping-address-person_name" value="Nguyen Duc Quan"
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Mobile</td> <td>Mobile</td>
<td> <td>
<input type="text" id="js-shipping-address-mobile" value="0832256395" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> <input type="text" id="js-shipping-address-mobile" value="0832256395"
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Tỉnh/thành</td> <td>Tỉnh/thành</td>
<td> <td>
<input type="text" id="js-shipping-address-province_name" value="TP HCM" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> <input type="text" id="js-shipping-address-province_name" value="TP HCM"
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Quận huyện</td> <td>Quận huyện</td>
<td> <td>
<input type="text" id="js-shipping-address-district_name" value="Quận Gò Vấp" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> <input type="text" id="js-shipping-address-district_name" value="Quận Gò Vấp"
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Phường/xã</td> <td>Phường/xã</td>
<td> <td>
<input type="text" id="js-shipping-address-ward_name" value="" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> <input type="text" id="js-shipping-address-ward_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Địa chỉ</td> <td>Địa chỉ</td>
<td> <td>
<input type="text" id="js-shipping-address-address" size="50" value="Kiến Hưng - Hà Đông - Hà Nội" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> <input type="text" id="js-shipping-address-address" size="50" value="Kiến Hưng - Hà Đông - Hà Nội"
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td> </td>
</tr> </tr>
@@ -344,14 +385,16 @@
<tr> <tr>
<td>Ghi chú</td> <td>Ghi chú</td>
<td> <td>
<input type="text" id="js-shipping-address-note" value="test" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> <input type="text" id="js-shipping-address-note" value="test"
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td> </td>
</tr> </tr>
<tr> <tr>
<td></td> <td></td>
<td> <td>
<input type="button" value="Cập nhật" onclick="OrderManagement.updateShippingAddress()" class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer"> <input type="button" value="Cập nhật" onclick="OrderManagement.updateShippingAddress()"
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer">
</td> </td>
</tr> </tr>
</table> </table>
@@ -363,7 +406,8 @@
<p class="leading-[20px] text-[16px] font-bold mb-[15px]"> Cập nhật địa chỉ thanh toán </p> <p class="leading-[20px] text-[16px] font-bold mb-[15px]"> Cập nhật địa chỉ thanh toán </p>
<label class="inline-flex cursor-pointer"> <label class="inline-flex cursor-pointer">
<input type="checkbox" value="1" id="js-payment-address-check-same-as-shipping" checked="" onchange="$('#js-payment-address-holder').toggle()" class="scale-[1.4] mr-[10px]"> <input type="checkbox" value="1" id="js-payment-address-check-same-as-shipping" checked=""
onchange="$('#js-payment-address-holder').toggle()" class="scale-[1.4] mr-[10px]">
<span> Giống như địa chỉ nhận hàng </span> <span> Giống như địa chỉ nhận hàng </span>
</label> </label>
@@ -374,42 +418,48 @@
<tr> <tr>
<td width="100">Họ tên</td> <td width="100">Họ tên</td>
<td> <td>
<input type="text" id="js-payment-address-person_name" value="" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> <input type="text" id="js-payment-address-person_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Mobile</td> <td>Mobile</td>
<td> <td>
<input type="text" id="js-payment-address-mobile" value="" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> <input type="text" id="js-payment-address-mobile" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Tỉnh/thành</td> <td>Tỉnh/thành</td>
<td> <td>
<input type="text" id="js-payment-address-province_name" value="" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> <input type="text" id="js-payment-address-province_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Quận huyện</td> <td>Quận huyện</td>
<td> <td>
<input type="text" id="js-payment-address-district_name" value="" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> <input type="text" id="js-payment-address-district_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Phường/xã</td> <td>Phường/xã</td>
<td> <td>
<input type="text" id="js-payment-address-ward_name" value="" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> <input type="text" id="js-payment-address-ward_name" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Địa chỉ</td> <td>Địa chỉ</td>
<td> <td>
<input type="text" id="js-payment-address-address" value="" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> <input type="text" id="js-payment-address-address" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td> </td>
</tr> </tr>
@@ -418,14 +468,16 @@
<tr> <tr>
<td>Ghi chú</td> <td>Ghi chú</td>
<td> <td>
<input type="text" id="js-payment-address-note" value="" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> <input type="text" id="js-payment-address-note" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
</td> </td>
</tr> </tr>
<tr> <tr>
<td></td> <td></td>
<td> <td>
<input type="button" value="Cập nhật" onclick="OrderManagement.updatePaymentAddress()" class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer"> <input type="button" value="Cập nhật" onclick="OrderManagement.updatePaymentAddress()"
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer">
</td> </td>
</tr> </tr>
</table> </table>
@@ -441,7 +493,8 @@
<tr> <tr>
<td>Phí ship</td> <td>Phí ship</td>
<td> <td>
<input type="text" id="shippingFee" onkeyup="this.value = writeStringToPrice(this.value)" value="0" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] h-[32px] m-[0_10px_10px_0] border border-[#D8D8D8] rounded-[4px] inline-block"> <input type="text" id="shippingFee" onkeyup="this.value = writeStringToPrice(this.value)" value="0"
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] h-[32px] m-[0_10px_10px_0] border border-[#D8D8D8] rounded-[4px] inline-block">
<span>VND</span> <span>VND</span>
</td> </td>
</tr> </tr>
@@ -449,7 +502,8 @@
<tr> <tr>
<td>Chi chú</td> <td>Chi chú</td>
<td> <td>
<input type="text"id="shippingNote" value="" class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block"> <input type="text" id="shippingNote" value=""
class="shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0_10px] w-[100%] h-[32px] mb-[10px] border border-[#D8D8D8] rounded-[4px] block">
<i>v.d. Gửi xe khách, Máy bay, EMS</i> <i>v.d. Gửi xe khách, Máy bay, EMS</i>
</td> </td>
</tr> </tr>
@@ -457,7 +511,8 @@
<tr> <tr>
<td></td> <td></td>
<td> <td>
<input type="button" value="Cập nhật" onclick="update_order_shipping(369)" class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer mt-[15px]"> <input type="button" value="Cập nhật" onclick="update_order_shipping(369)"
class="text-[#fff] bg-[#0041E8] rounded-[4px] h-[32px] p-[0_8px] cursor-pointer mt-[15px]">
</td> </td>
</tr> </tr>
</table> </table>

6
template/order/home.html
View File

@@ -83,11 +83,11 @@
<thead> <thead>
<tr> <tr>
<td> STT </td> <td> STT </td>
<td> Mã số </td> <td class="w-[85px]"> Mã số </td>
<td> Thời gian </td> <td class="w-[165px]"> Thời gian </td>
<td> Khách hàng </td> <td> Khách hàng </td>
<td> Tỉnh/TP </td> <td> Tỉnh/TP </td>
<td> Giá trị </td> <td class="w-[150px]"> Giá trị </td>
<td width="150"> <td width="150">
<select onchange="setHiddenValue('js-payment', this.value); runFilter()"> <select onchange="setHiddenValue('js-payment', this.value); runFilter()">
<option value="">Thanh toán</option> <option value="">Thanh toán</option>

18
template/product/home.html
View File

@@ -117,31 +117,37 @@
<b class="ml-[3px]">{{item.quantity}}</b> <b class="ml-[3px]">{{item.quantity}}</b>
</div> </div>
</td> </td>
<td> <td class="align-text-top">
<label class="style-checkbox mb-[7px]">Mới Hot (Hỏi nhiều) <label class="style-checkbox mb-[7px]">Mới Hot (Hỏi nhiều)
<input type="checkbox" name="new" {% if item.hot_type=="new" %}checked{% endif %}> <input type="checkbox" name="new" {% if item.hot_type=="new" %}checked{% endif %}
onclick="AdminFunction.update_product_hot({{item.id}})">
<span class="checkmark"></span> <span class="checkmark"></span>
</label> </label>
<label class="style-checkbox mb-[7px]">HOT (hỏi <label class="style-checkbox mb-[7px]">HOT (hỏi
nhiều) nhiều)
<input type="checkbox" name="hot" {% if item.hot_type=="hot" %}checked{% endif %}> <input type="checkbox" name="hot" {% if item.hot_type=="hot" %}checked{% endif %}
onclick="AdminFunction.update_product_hot({{item.id}})">
<span class="checkmark"></span> <span class="checkmark"></span>
</label> </label>
<label class="style-checkbox mb-[7px]">Bán <label class="style-checkbox mb-[7px]">Bán
chạy chạy
<input type="checkbox" name="bestsale" {% if item.hot_type=="bestsale" %}checked{% endif %}> <input type="checkbox" name="bestsale" {% if item.hot_type=="bestsale" %}checked{% endif %}
onclick="AdminFunction.update_product_hot({{item.id}})">
<span class="checkmark"></span> <span class="checkmark"></span>
</label> </label>
<label class="style-checkbox mb-[7px]">Xả <label class="style-checkbox mb-[7px]">Xả
hàng (sale-off) hàng (sale-off)
<input type="checkbox" name="saleoff" {% if item.hot_type=="saleoff" %}checked{% endif %}> <input type="checkbox" name="saleoff" {% if item.hot_type=="saleoff" %}checked{% endif %}
onclick="AdminFunction.update_product_hot({{item.id}})">
<span class="checkmark"></span> <span class="checkmark"></span>
</label> </label>
<label class="style-checkbox mb-[7px]">Chỉ bán online <label class="style-checkbox mb-[7px]">Chỉ bán online
<input type="checkbox" name="online-only" {% if item.hot_type=="online-only" %}checked{% <input type="checkbox" name="online-only" {% if item.hot_type=="online-only" %}checked{%
endif %}> endif %} onclick="AdminFunction.update_product_hot({{item.id}})">
<span class="checkmark"></span> <span class="checkmark"></span>
</label> </label>
<div id="js-status-hottype-{{item.id}}" class="flex items-center mt-[5px]"></div>
</td> </td>
<td class="align-text-top"> <td class="align-text-top">
<div class="list-btn flex items-center w-[150px]"> <div class="list-btn flex items-center w-[150px]">

17
template/theme.html
View File

@@ -235,9 +235,18 @@
placeholder="Tìm kiếm"> placeholder="Tìm kiếm">
</div> </div>
<div class="autocomplete-suggestions absolute bg-white p-[5px] w-[100%] shadow-[0_2px_7px_0_rgb(177_177_177)] hidden" <div class="autocomplete-suggestions absolute bg-white w-[100%] shadow-[0_2px_7px_0_rgb(177_177_177)] hidden rounded-[4px]"
id="js-show-search"> id="js-show-search">
<a href="" class="item line-clamp-1">Máy in mã vạch MH241</a>
<a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
<a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a>
<a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a>
<a href="" class="item line-clamp-1">cpu core i3 1</a>
<a href="" class="item line-clamp-1">Máy in mã vạch MH241</a>
<a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
<a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a>
<a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a>
<a href="" class="item line-clamp-1">cpu core i3 1</a>
</div> </div>
</form> </form>
@@ -290,12 +299,14 @@
</div> </div>
</div> </div>
{% include javascript/index %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/datepicker.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/datepicker.min.js"></script>
<script src="{{ 'main.js' | asset_url }}"></script> <script src="{{ 'main.js' | asset_url }}"></script>
{% include javascript/index %}
</body> </body>
</html> </html>