marketting
This commit is contained in:
51
assets/script/checkbox.js
Normal file
51
assets/script/checkbox.js
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
/**
|
||||||
|
* Created by Glee on 03-Nov-2020.
|
||||||
|
*/
|
||||||
|
|
||||||
|
const Checkbox = function (deleteItemCb){
|
||||||
|
|
||||||
|
const INPUT_CHECKBOX_CLASS = '.js-checkbox-id';
|
||||||
|
let _deleteItemCb = deleteItemCb;
|
||||||
|
|
||||||
|
return {
|
||||||
|
setAllChecked,
|
||||||
|
getCheckedIds,
|
||||||
|
deleteSelected
|
||||||
|
}
|
||||||
|
|
||||||
|
function setAllChecked() {
|
||||||
|
var all_checkboxes = $(INPUT_CHECKBOX_CLASS);
|
||||||
|
|
||||||
|
if($(this).is(':checked')) {
|
||||||
|
all_checkboxes.each(function (index, item) {
|
||||||
|
$(item).prop( "checked", true);
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
all_checkboxes.each(function (index, item) {
|
||||||
|
$(item).prop( "checked", false);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleteSelected() {
|
||||||
|
if(!confirm('Bạn chắc chắn muốn xóa ?')) {
|
||||||
|
return ;
|
||||||
|
}
|
||||||
|
|
||||||
|
$(INPUT_CHECKBOX_CLASS).each(function (index, item) {
|
||||||
|
if($(item).is(':checked')) {
|
||||||
|
//delete_deal(item.value, false);
|
||||||
|
_deleteItemCb(item.value)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function getCheckedIds() {
|
||||||
|
let list_ids = [];
|
||||||
|
$(INPUT_CHECKBOX_CLASS).each(function (index, item) {
|
||||||
|
if($(item).is(':checked')) list_ids.push(item.value);
|
||||||
|
});
|
||||||
|
|
||||||
|
return list_ids;
|
||||||
|
}
|
||||||
|
};
|
||||||
@@ -735,6 +735,11 @@ input[type=radio]:focus:before {
|
|||||||
height: 16px;
|
height: 16px;
|
||||||
background-position: -224px -88px;
|
background-position: -224px -88px;
|
||||||
}
|
}
|
||||||
|
.icons.icon-upload {
|
||||||
|
background-position: -2px -43px;
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
filter: invert(60%) sepia(90%) saturate(6183%) hue-rotate(228deg) brightness(92%) contrast(101%);
|
||||||
|
}
|
||||||
.icons.icon-feature {
|
.icons.icon-feature {
|
||||||
width: 18px;
|
width: 18px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
@@ -912,6 +917,11 @@ input[type=radio]:focus:before {
|
|||||||
border: 1px solid #ececec;
|
border: 1px solid #ececec;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.table-vertical-inherit tbody td {
|
||||||
|
padding: 8px;
|
||||||
|
vertical-align: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
.autocomplete-suggestions .item {
|
.autocomplete-suggestions .item {
|
||||||
padding: 12px 0;
|
padding: 12px 0;
|
||||||
border-bottom: 1px solid #ededed;
|
border-bottom: 1px solid #ededed;
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@@ -743,6 +743,11 @@ input[type="radio"] {
|
|||||||
height: 16px;
|
height: 16px;
|
||||||
background-position: -224px -88px;
|
background-position: -224px -88px;
|
||||||
}
|
}
|
||||||
|
&.icon-upload {
|
||||||
|
background-position: -2px -43px;
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
filter: invert(60%) sepia(90%) saturate(6183%) hue-rotate(228deg) brightness(92%) contrast(101%);
|
||||||
|
}
|
||||||
&.icon-feature {
|
&.icon-feature {
|
||||||
width: 18px;
|
width: 18px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
@@ -936,6 +941,14 @@ input[type="radio"] {
|
|||||||
border: 1px solid #ececec;
|
border: 1px solid #ececec;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.table-vertical-inherit {
|
||||||
|
tbody {
|
||||||
|
td {
|
||||||
|
padding: 8px;
|
||||||
|
vertical-align: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.autocomplete-suggestions {
|
.autocomplete-suggestions {
|
||||||
.item {
|
.item {
|
||||||
|
|||||||
136
template/article/category.html
Normal file
136
template/article/category.html
Normal file
@@ -0,0 +1,136 @@
|
|||||||
|
<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
|
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh mục nội dung </p>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-end font-[500] leading-[35px] mb-[20px]">
|
||||||
|
<a href="/admin/article/category-add" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm danh mục mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/admin/article" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<i class="far fa-folder mr-2"></i>
|
||||||
|
<span>Danh sách nội dung</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table table-vertical-inherit">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="600"> Danh mục </td>
|
||||||
|
<td> ID </td>
|
||||||
|
<td> Hiển thị </td>
|
||||||
|
<td width="250"> STT </td>
|
||||||
|
<td width="120"> Số bài viết </td>
|
||||||
|
<td width="172"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr align="center">
|
||||||
|
<td align="left"> 1. Danh mục cấp 1 </td>
|
||||||
|
|
||||||
|
<td> 1 </td>
|
||||||
|
|
||||||
|
<td> child_article </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<input type="text" value="0" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
|
||||||
|
<a href="" class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
|
||||||
|
Xem
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="items-center flex justify-center">
|
||||||
|
<a href="/admin/article/category-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
|
||||||
|
|
||||||
|
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
|
||||||
|
|
||||||
|
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<!-- Danh mục cấp 2 -->
|
||||||
|
<tr align="center">
|
||||||
|
<td align="left" style="padding-left: 30px;"> 1.1 Danh mục cấp 2 </td>
|
||||||
|
|
||||||
|
<td> 1 </td>
|
||||||
|
|
||||||
|
<td> child_article </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<input type="text" value="0" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
|
||||||
|
<a href="" class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
|
||||||
|
Xem
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="items-center flex justify-center">
|
||||||
|
<a href="/admin/article/category-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
|
||||||
|
|
||||||
|
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
|
||||||
|
|
||||||
|
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<!-- Danh mục cấp 3 -->
|
||||||
|
<tr align="center">
|
||||||
|
<td align="left" style="padding-left: 60px;"> 1.1.1 Danh mục cấp 3 </td>
|
||||||
|
|
||||||
|
<td> 1 </td>
|
||||||
|
|
||||||
|
<td> child_article </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<input type="text" value="0" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
|
||||||
|
<a href="" class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
|
||||||
|
Xem
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="items-center flex justify-center">
|
||||||
|
<a href="/admin/article/category-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
|
||||||
|
|
||||||
|
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
|
||||||
|
|
||||||
|
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
359
template/article/form.html
Normal file
359
template/article/form.html
Normal file
@@ -0,0 +1,359 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/article"> Bài viết </a>
|
||||||
|
<a href=""> Form cập nhật Bài viết </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-[1141px] m-auto">
|
||||||
|
<div class="flex flex-wrap items-start m-[16px_0]">
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
||||||
|
{% if global.url contains 'id=' %}
|
||||||
|
<p class="font-bold text-[20px]"> Sửa nội dung </p>
|
||||||
|
|
||||||
|
<p class="w-[100%] text-[#6B7280] order-[1]">
|
||||||
|
ROG FALCHION LOW PROFILE – CHƠI GAME TRÊN MAC LÀ CHUYỆN NHỎ
|
||||||
|
</p>
|
||||||
|
{% else %}
|
||||||
|
<p class="font-bold text-[20px]"> Thêm mới </p>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a href="/admin/article/form" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm nội dung mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="far fa-folder mr-2"></span>
|
||||||
|
<span>Quản lý danh mục</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/admin/article" title="Danh sách nội dung" class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="javascript:void(0)" style="color: #Fff;background: #0041E8;" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
|
||||||
|
|
||||||
|
{% if global.url contains 'id=' %}
|
||||||
|
<a href="/admin/article/tag?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
|
||||||
|
<a href="/admin/article/relation?id=1&related_item_type=product" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan: Sản phẩm </a>
|
||||||
|
<a href="/admin/article/relation?id=1&related_item_type=product-category" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan: Danh mục sản phẩm </a>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form method="post" enctype="multipart/form-data" class="w-[852px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
|
||||||
|
<p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Thông tin cơ bản </p>
|
||||||
|
|
||||||
|
<div class="mb-[15px] flex flex-wrap items-center">
|
||||||
|
<p class="mb-[7px] w-[100%] font-[600]">Ảnh đại diện </p>
|
||||||
|
|
||||||
|
<div class="inline-block">
|
||||||
|
<img src="https://via.placeholder.com/400x300" class="block max-h-[80px] mr-[20px]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label class="cursor-pointer">
|
||||||
|
<span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
|
||||||
|
|
||||||
|
<input type="file" name="file_thumbnail">
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px] flex flex-wrap items-center">
|
||||||
|
<p class="mb-[7px] w-[100%] font-[600]"> Ảnh nền trong chi tiết </p>
|
||||||
|
|
||||||
|
<div class="inline-block">
|
||||||
|
<img src="https://via.placeholder.com/400x300" class="block max-h-[80px] mr-[20px]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label class="cursor-pointer">
|
||||||
|
<span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
|
||||||
|
|
||||||
|
<input type="file" name="file_thumbnail">
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="p-[12px_20px] m-[15px_0] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] rounded-[4px]">
|
||||||
|
<p class="font-bold mb-2"> Danh mục <i class="font-[300] text-[#6B7280]"> * có thể chọn nhiều danh mục </i> </p>
|
||||||
|
|
||||||
|
<div class="overflow-auto max-h-[250px]">
|
||||||
|
<div class="mb-1">
|
||||||
|
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
|
||||||
|
<input type="checkbox" value="1" class="scale-[1.5] mr-2">
|
||||||
|
<b> Danh mục cấp 1 </b>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-1">
|
||||||
|
|
||||||
|
<p class="font-bold mb-[5px]"> Danh mục cấp 1 </p>
|
||||||
|
|
||||||
|
<div class="pl-[25px]">
|
||||||
|
<!-- KHÔNG CÓ danh mục con -->
|
||||||
|
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
|
||||||
|
<input type="checkbox" value="2" class="scale-[1.5] mr-2">
|
||||||
|
<span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span>
|
||||||
|
</label> <br>
|
||||||
|
|
||||||
|
<!-- CÓ danh mục con -->
|
||||||
|
<div>
|
||||||
|
<p class="font-bold mb-[5px]"> Danh mục cấp 2 </p>
|
||||||
|
|
||||||
|
<div class="pl-[25px]">
|
||||||
|
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
|
||||||
|
<input type="checkbox" value="2" class="scale-[1.5] mr-2">
|
||||||
|
<span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 3 </span>
|
||||||
|
</label> <br>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><div> <p class="font-bold mb-[5px]"> Danh mục cấp 2 </p><div class="pl-[25px]"> <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 3 </span> </label> <br></div></div><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- clone -->
|
||||||
|
<div class="mb-1"> <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="1" class="scale-[1.5] mr-2"> <b> Danh mục cấp 1 </b> </label> </div><div class="mb-1"> <p class="font-bold mb-[5px]"> Danh mục cấp 1 </p><div class="pl-[25px]"> <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br></div></div>
|
||||||
|
<!-- // -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="mb-[7px] w-[100%] font-[600]"> Tiêu đề </p>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="mb-[7px] w-[100%] font-[600]"> Link Index </p>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="mb-[7px] w-[100%] font-[600]"> Link tham khảo (link web ngoài nếu có) </p>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="mb-[7px] w-[100%] font-[600]"> Tóm tắt chính </p>
|
||||||
|
|
||||||
|
<textarea class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p class="mb-[7px] w-[100%] font-[600]"> Tags (Mỗi cụm từ 1 dòng) </p>
|
||||||
|
|
||||||
|
<textarea class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
|
||||||
|
<div class="flex flex-wrap items-center justify-between mb-3">
|
||||||
|
<p class="font-bold text-[20px] leading-[20px]"> Mô tả (nếu có) </p>
|
||||||
|
|
||||||
|
<div class="flex items-center font-[500] leading-[35px]">
|
||||||
|
<a href="" class="group flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="icons icon-upload group-hover:filter-none"></span>
|
||||||
|
<span> Upload ảnh </span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<i class="far fa-folder mr-2"></i>
|
||||||
|
<span> Quản lý </span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<i class="fa fa-image mr-2"></i>
|
||||||
|
<span> Chọn ảnh trong kho ảnh </span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex overflow-auto pb-2 w-[100%]">
|
||||||
|
|
||||||
|
<a href="javascript:void(0)" class="min-w-[100px] m-[10px_10px_0_0]">
|
||||||
|
<img src="https://via.placeholder.com/2000x800" class="h-[40px] block"/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<textarea id="js-desc"> </textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p class="mb-[7px] w-[100%] font-[600]"> Thứ tự <i class="font-[300] text-[13px]"> (* số cao xếp trước)</i> </p>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
|
||||||
|
<p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Dùng cho SEO </p>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="mb-[7px] w-[100%] font-[600]">
|
||||||
|
Url canonical
|
||||||
|
<i class="text-[13px] font-[300]"> * để trống sẽ dùng link mặc định của hệ thống </i>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="mb-[7px] w-[100%] font-[600]">
|
||||||
|
Meta Title
|
||||||
|
<i class="text-[13px] font-[300]"> 0 ký tự , 0 từ </i>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="mb-[7px] w-[100%] font-[600]">
|
||||||
|
Meta Keywords
|
||||||
|
<i class="text-[13px] font-[300]"> 0 ký tự , 0 từ </i>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="mb-[7px] w-[100%] font-[600]">
|
||||||
|
Meta Description
|
||||||
|
<i class="text-[13px] font-[300]"> 0 ký tự , 0 từ (Khuyến nghị: 160 ký tự) </i>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<textarea class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px] flex items-start">
|
||||||
|
<p class="mb-[7px] w-[100%] font-[600] w-[220px]"> Cho phép Google Index </p>
|
||||||
|
|
||||||
|
<label class="inline-flex items-center cursor-pointer">
|
||||||
|
<input type="checkbox" class="scale-[1.4] mr-2">
|
||||||
|
<span> Cho phép Google Index </span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-start">
|
||||||
|
<p class="mb-[7px] w-[100%] font-[600] w-[220px]"> Hiển thị Mục lục đầu bài viết </p>
|
||||||
|
|
||||||
|
<label class="inline-flex items-center cursor-pointer">
|
||||||
|
<input type="checkbox" class="scale-[1.4] mr-2">
|
||||||
|
<span> Cho phép hiển thị </span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
|
||||||
|
<p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Quản trị hiển thị </p>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-[15px] flex flex-wrap">
|
||||||
|
<p class="w-[230px] font-bold">Thời gian của bài viết</p>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||||||
|
<input type="radio" value="0" name="info[article_time_set]" class="left-0" checked="">
|
||||||
|
<span> Thời gian tạo bài </span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||||||
|
<input type="radio" value="1" name="info[article_time_set]" class="left-0">
|
||||||
|
<span> Chọn thời gian </span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<div class="w-[100%] hidden" id="js-publish_time">
|
||||||
|
<div class="flex items-center m-[10px_0]">
|
||||||
|
<div class="relative mr-[20px]">
|
||||||
|
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||||
|
<input type="date" name="from_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="mr-[10px]"> Giờ </p>
|
||||||
|
|
||||||
|
<select name="info[from_time_minute]" id="from_time_minute" style="width: 85px;" class="border border-[#d8d8d8] h-[36px] rounded-[4px] pl-[5px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
|
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<i class="w-[100%] font-[300] text-[#6B7280] mt-[5px]">(Hiển thị cho người xem thời gian thật của bài thay vì thời gian cập nhật)</i>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-[15px] flex flex-wrap">
|
||||||
|
<p class="w-[230px] font-bold"> Trạng thái </p>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||||||
|
<input type="radio" value="0" name="info[status]" class="left-0" checked="">
|
||||||
|
<span> Bản nháp </span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||||||
|
<input type="radio" value="1" name="info[status]" class="left-0">
|
||||||
|
<span> Cho hiển thị </span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||||||
|
<input type="radio" value="-1" name="info[status]" class="left-0">
|
||||||
|
<span> Chờ duyệt </span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flex flex-wrap items-center">
|
||||||
|
<p class="w-[230px] font-bold"> Xem thử </p>
|
||||||
|
|
||||||
|
<a href="" target="_blank" class="inline-block font-[600] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[30px] p-[0_12px] transition hover:bg-[#0041E8] hover:text-white">
|
||||||
|
Xem bài viết tại trang web
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input type="submit" value="Cập nhật" class="inline-block m-[16px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
tinymce.init({
|
||||||
|
selector: 'textarea#js-desc',
|
||||||
|
height: 350,
|
||||||
|
menubar: true,
|
||||||
|
plugins: [
|
||||||
|
'advlist autolink lists link image charmap print preview anchor',
|
||||||
|
'searchreplace visualblocks code fullscreen',
|
||||||
|
'insertdatetime media table paste code help wordcount'
|
||||||
|
],
|
||||||
|
toolbar: 'undo redo | formatselect | ' +
|
||||||
|
'bold italic backcolor | alignleft aligncenter ' +
|
||||||
|
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||||
|
'removeformat | help',
|
||||||
|
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(function(){
|
||||||
|
$("input[name='info[article_time_set]']").click(function(){
|
||||||
|
if($(this).val() == 1) $("#js-publish_time").show();
|
||||||
|
else $("#js-publish_time").hide();
|
||||||
|
}) ;
|
||||||
|
});
|
||||||
|
</script>
|
||||||
@@ -1 +1,117 @@
|
|||||||
template/article/home.html
|
<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
|
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Bài viết </p>
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<input type="text" name="q" id="keyword" value="" placeholder="" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="flex items-center flex-wrap justify-between mb-[20px]">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
|
<option value=""> Chọn danh mục </option>
|
||||||
|
<option value=""> option </option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<a href="" class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Xem nội dung đang ẩn
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Xem nội dung nổi bật
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flex items-center font-[500] leading-[35px]">
|
||||||
|
<a href="/admin/article/form" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm nội dung mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/admin/article/category" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<i class="far fa-folder mr-2"></i>
|
||||||
|
<span>Quản lý danh mục</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="40"> STT </td>
|
||||||
|
<td width="130"> Ảnh </td>
|
||||||
|
<td> Sản phẩm (Tổng số: 1.742) </td>
|
||||||
|
<td> Thống kê </td>
|
||||||
|
<td> Quản trị </td>
|
||||||
|
<td width="160"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<img src="https://via.placeholder.com/880x350" class="block m-auto"/>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<span> [#2481] </span>
|
||||||
|
<a href=""> Elgato – Happy New Year 2024 Deal Hot Đầu Xuân </a>
|
||||||
|
|
||||||
|
<div class="m-[5px_0]"> Thời gian chương trình : 15.02.2024 – 24.02.2024 </div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
STT
|
||||||
|
<input type="text" value="0" class="w-[140px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p> - Xem: 90 </p>
|
||||||
|
<p> - Thích: 0 </p>
|
||||||
|
<p> - Comment: 0 </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p> Cập nhật: Nguyễn MInh Hải </p>
|
||||||
|
<p> (15-02-2024, 2:57 pm) </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="items-center flex">
|
||||||
|
<a href="/admin/article/form?id=1" title="Sửa lại" class="icons icon-edit"></a>
|
||||||
|
|
||||||
|
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Cho nổi bật" class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Hạ nổi bật" class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
|
||||||
|
|
||||||
|
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
107
template/article/relation.html
Normal file
107
template/article/relation.html
Normal file
@@ -0,0 +1,107 @@
|
|||||||
|
{% assign _check_type = global.url | split: 'related_item_type=' %}
|
||||||
|
|
||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/article"> Bài viết </a>
|
||||||
|
<a href=""> Form cập nhật Bài viết </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||||
|
<div class="flex flex-wrap items-start justify-center">
|
||||||
|
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] flex flex-wrap items-center justify-between">
|
||||||
|
<p class="font-bold text-[20px]"> Sửa nội dung </p>
|
||||||
|
|
||||||
|
<p class="text-[#6B7280] mt-[10px] order-[1] w-[100%]"> ROG FALCHION LOW PROFILE – CHƠI GAME TRÊN MAC LÀ CHUYỆN NHỎ </p>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a href="/admin/article/form" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm nội dung mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="far fa-folder mr-2"></span>
|
||||||
|
<span>Quản lý danh mục</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/admin/article" title="Danh sách nội dung" class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- col left -->
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="/admin/article/form?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
|
||||||
|
|
||||||
|
<a href="/admin/article/tag?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
|
||||||
|
|
||||||
|
<a href="/admin/article/relation?id=1&related_item_type=product" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
|
||||||
|
{% if _check_type[1] == 'product' %}style="color: #Fff;background: #0041E8;"{% endif %}
|
||||||
|
> Liên quan: Sản phẩm </a>
|
||||||
|
|
||||||
|
<a href="/admin/article/relation?id=1&related_item_type=product-category" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
|
||||||
|
{% if _check_type[1] == 'product-category' %}style="color: #Fff;background: #0041E8;"{% endif %}
|
||||||
|
> Liên quan: Danh mục sản phẩm </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- col right -->
|
||||||
|
<div class="w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
{% if _check_type[1] == 'product'%}
|
||||||
|
|
||||||
|
{% include 'article/relation_product' %}
|
||||||
|
|
||||||
|
{% elsif _check_type[1] == 'product-category' %}
|
||||||
|
|
||||||
|
{% include 'article/relation_product_category' %}
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Popup chọn tag -->
|
||||||
|
<div id="popup-tag" class="hidden bg-white w-[852px] p-[16px] rounded-[15px]">
|
||||||
|
<p class="mb-[14px] font-bold text-[20px] leading-[26px]"> Chọn Tag </p>
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<input type="text" name="q" id="keyword" value="" placeholder="Tìm link truy cập" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] mr-[12px] cursor-pointer rounded-[4px]">
|
||||||
|
<p class="inline-block leading-[36px]"> (v.d. abc-xyz) </p>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="order-page-table max-h-[400px] overflow-auto">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="40">STT</td>
|
||||||
|
<td>Thương hiệu</td>
|
||||||
|
<td width="80"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr align="center">
|
||||||
|
<td> 1 </td>
|
||||||
|
<td align="left"> Laptop AMD Ryzen 3 </td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_7px] text-[#fff_!important]">
|
||||||
|
Chọn
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
70
template/article/relation_add.html
Normal file
70
template/article/relation_add.html
Normal file
@@ -0,0 +1,70 @@
|
|||||||
|
{% assign _check_type = global.url | split: 'related_item_type=' %}
|
||||||
|
|
||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/article"> Bài viết </a>
|
||||||
|
<a href="/admin/article/form?id=1"> Form cập nhật Bài viết </a>
|
||||||
|
<a href=""> Thêm liên quan </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-[1141px] m-auto">
|
||||||
|
<div class="flex flex-wrap items-start m-[16px_0]">
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px]">
|
||||||
|
<p class="font-bold text-[20px] mb-[6px] leading-[26px]"> Thêm liên quan </p>
|
||||||
|
|
||||||
|
<p class="w-[100%] text-[#6B7280] order-[1]">
|
||||||
|
Thêm liên quan: HuraSoft - Test tin tức
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="/admin/article/relation-add?id=1&related_item_type=product" {% if _check_type[1] == 'product' %} style="color: #Fff;background: #0041E8;" {% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||||
|
Sản phẩm (2)
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/admin/article/relation-add?id=1&related_item_type=product-category" {% if _check_type[1] == 'product-category' %} style="color: #Fff;background: #0041E8;" {% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||||||
|
Danh mục sản phẩm (0)
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% if _check_type[1] == 'product' %}
|
||||||
|
|
||||||
|
{% include 'article/relation_product_add' %}
|
||||||
|
|
||||||
|
{% elsif _check_type[1] == 'product-category' %}
|
||||||
|
|
||||||
|
{% include 'article/relation_product_category_add' %}
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
tinymce.init({
|
||||||
|
selector: 'textarea#js-desc',
|
||||||
|
height: 350,
|
||||||
|
menubar: true,
|
||||||
|
plugins: [
|
||||||
|
'advlist autolink lists link image charmap print preview anchor',
|
||||||
|
'searchreplace visualblocks code fullscreen',
|
||||||
|
'insertdatetime media table paste code help wordcount'
|
||||||
|
],
|
||||||
|
toolbar: 'undo redo | formatselect | ' +
|
||||||
|
'bold italic backcolor | alignleft aligncenter ' +
|
||||||
|
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||||||
|
'removeformat | help',
|
||||||
|
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(function(){
|
||||||
|
$("input[name='info[article_time_set]']").click(function(){
|
||||||
|
if($(this).val() == 1) $("#js-publish_time").show();
|
||||||
|
else $("#js-publish_time").hide();
|
||||||
|
}) ;
|
||||||
|
});
|
||||||
|
</script>
|
||||||
68
template/article/relation_product.html
Normal file
68
template/article/relation_product.html
Normal file
@@ -0,0 +1,68 @@
|
|||||||
|
<div class="flex flex-wrap items-center justify-between">
|
||||||
|
<p class="font-bold leading-[20px] text-[20px] mr-3 mb-[13px]"> Danh sách liên quan: HuraSoft - Test tin tức </p>
|
||||||
|
|
||||||
|
<a href="/admin/article/relation-add?id=1&related_item_type=product" class="flex items-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] mb-[13px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span> Thêm liên quan mới </span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="40"> STT </td>
|
||||||
|
<td width="70"> Ảnh </td>
|
||||||
|
<td width="270"> Tên </td>
|
||||||
|
<td> Thông tin bán hàng </td>
|
||||||
|
<td width="70"> Cài đặt </td>
|
||||||
|
<td > Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr align="center">
|
||||||
|
<td> 1 </td>
|
||||||
|
|
||||||
|
<td> <img src="https://via.placeholder.com/500x500" class="block"> </td>
|
||||||
|
|
||||||
|
<td align="left">
|
||||||
|
<a href=""> CPU Intel Pentium Gold G6405 (Intel LGA1200 - 2 Core - 4 Thread - Base 4.1Ghz - Cache 4MB </a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td align="left">
|
||||||
|
<p> - Mã kho : <b> CPUI0132 </b> </p>
|
||||||
|
<p> - Lượt xem: <b> 21577 </b> </p>
|
||||||
|
<p> - Giá bán : <b class="text-[red]"> 1.999.000 vnđ </b> </p>
|
||||||
|
<p> - Kho hàng : <b> 3 </b> </p>
|
||||||
|
<p> - Bảo hành : <b> 36 Tháng </b> </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p class="mb-[5px]"> STT </p>
|
||||||
|
<input type="text" value="0" class="w-[100%] text-center h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center flex-wrap justify-center">
|
||||||
|
<a href="" class="inline-block text-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] mr-[5px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Bỏ lựa chọn
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8]"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
78
template/article/relation_product_add.html
Normal file
78
template/article/relation_product_add.html
Normal file
@@ -0,0 +1,78 @@
|
|||||||
|
<div class="p-[16px] w-[852px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
<p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Chọn sản phẩm liên quan - Tổng số: 28872 </p>
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] flex items-center">
|
||||||
|
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm liên quan" class="w-[245px] h-[36px] border border-[#D8D8D8] mr-[10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
|
||||||
|
<p class="mr-[10px]"> Chọn danh mục </p>
|
||||||
|
|
||||||
|
<select class="w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[10px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
|
<option value=""> Tất cả sản phẩm </option>
|
||||||
|
<option value=""> option </option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<select class="w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[10px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
|
<option value=""> Thương hiệu </option>
|
||||||
|
<option value=""> option </option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<a href="" class="inline-block leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Chọn toàn bộ danh sách
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<div class="order-page-table m-[20px_0]">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="40"> STT </td>
|
||||||
|
<td width="80"> Ảnh </td>
|
||||||
|
<td> Tên </td>
|
||||||
|
<td width="220"> Thông tin bán hàng </td>
|
||||||
|
<td> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<img src="https://via.placeholder.com/880x350" class="block m-auto">
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href=""> CPU Intel Pentium Gold G6405 Intel LGA1200 - 2 Core - 4 Thread - Base 4.1Ghz - Cache 4MB </a>
|
||||||
|
<p> Cập nhật: Hôm nay, 11:11 am </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
- Mã kho : <b> CPUI0132 </b> <br>
|
||||||
|
- Lượt xem: <b> 21577 </b> <br>
|
||||||
|
- Giá bán : <b> 1.999.000 vnđ </b> <br>
|
||||||
|
- Kho hàng : <b> 3 </b> <br>
|
||||||
|
- Bảo hành : <b> 36 Tháng </b>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Chọn liên quan
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
49
template/article/relation_product_category.html
Normal file
49
template/article/relation_product_category.html
Normal file
@@ -0,0 +1,49 @@
|
|||||||
|
<div class="flex flex-wrap items-center justify-between">
|
||||||
|
<p class="font-bold leading-[20px] text-[20px] mr-3 mb-[13px]"> Danh sách liên quan: HuraSoft - Test tin tức </p>
|
||||||
|
|
||||||
|
<a href="/admin/article/relation-add?id=1&related_item_type=product-category" class="flex items-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] mb-[13px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span> Thêm liên quan mới </span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="40"> STT </td>
|
||||||
|
<td> Tên </td>
|
||||||
|
<td width="120"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr align="center">
|
||||||
|
<td> 1 </td>
|
||||||
|
|
||||||
|
<td align="left">
|
||||||
|
<p class="mb-[7px]"> Laptop - Tablet - Mobile </p>
|
||||||
|
|
||||||
|
<p class="mr-[10px] inline-block"> STT </p>
|
||||||
|
<input type="text" value="0" class="w-[70px] text-center h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href="" class="block text-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Bỏ lựa chọn
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
60
template/article/relation_product_category_add.html
Normal file
60
template/article/relation_product_category_add.html
Normal file
@@ -0,0 +1,60 @@
|
|||||||
|
<form method="post" enctype="multipart/form-data" class="p-[16px] w-[852px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
<p class="font-bold text-[20px] leading-[20px] mb-[20px]"> Chọn danh mục liên quan </p>
|
||||||
|
|
||||||
|
<div class="order-page-table table-vertical-inherit">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td> Danh mục </td>
|
||||||
|
<td width="140"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td> 1 Danh mục cấp 1 </td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Chọn liên quan
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<p class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#000] rounded-[4px] p-[0_5px]"> Đã chọn </p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<!-- Danh mục cấp 2 -->
|
||||||
|
<tr>
|
||||||
|
<td style="padding-left: 30px;"> 1.1 Danh mục cấp 2 </td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Chọn liên quan
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<!-- Danh mục cấp 3 -->
|
||||||
|
<tr>
|
||||||
|
<td style="padding-left: 50px;"> 1.1.1 Danh mục cấp 3 </td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Chọn liên quan
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Danh mục cấp 4 -->
|
||||||
|
<tr>
|
||||||
|
<td style="padding-left: 70px;"> 1.1.1.1 Danh mục cấp 4 </td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="block leading-[29px] text-center font-[500] whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Chọn liên quan
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
123
template/article/tag.html
Normal file
123
template/article/tag.html
Normal file
@@ -0,0 +1,123 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/article"> Bài viết </a>
|
||||||
|
<a href=""> Form cập nhật Bài viết </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||||
|
<div class="flex flex-wrap items-start justify-center">
|
||||||
|
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] flex flex-wrap items-center justify-between">
|
||||||
|
<p class="font-bold text-[20px]"> Sửa nội dung </p>
|
||||||
|
|
||||||
|
<p class="text-[#6B7280] mt-[10px] order-[1] w-[100%]"> ROG FALCHION LOW PROFILE – CHƠI GAME TRÊN MAC LÀ CHUYỆN NHỎ </p>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a href="/admin/article/form" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm nội dung mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="far fa-folder mr-2"></span>
|
||||||
|
<span>Quản lý danh mục</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/admin/article" title="Danh sách nội dung" class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- col left -->
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="/admin/article/form?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
|
||||||
|
|
||||||
|
{% if global.url contains 'id=' %}
|
||||||
|
<a href="javascript:void(0)" style="color: #Fff;background: #0041E8;" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
|
||||||
|
<a href="/admin/article/relation?id=1&related_item_type=product" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan: Sản phẩm </a>
|
||||||
|
<a href="/admin/article/relation?id=1&related_item_type=product-category" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan: Danh mục sản phẩm </a>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- col right -->
|
||||||
|
<form method="post" enctype="multipart/form-data" class="w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
|
||||||
|
<a href="#popup-tag" data-fancybox class="inline-block border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Chọn tag mới
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<div class="order-page-table mt-[13px]">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="70"> STT </td>
|
||||||
|
<td> Tag </td>
|
||||||
|
<td width="70"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr align="center">
|
||||||
|
<td> 1 </td>
|
||||||
|
<td align="left"> Laptop GTX 1050 </td>
|
||||||
|
<td>
|
||||||
|
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="border-[4px] border-[#FAFAFB] m-[16px_-16px]">
|
||||||
|
|
||||||
|
<input name="commit" type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Popup chọn tag -->
|
||||||
|
<div id="popup-tag" class="hidden bg-white w-[852px] p-[16px] rounded-[15px]">
|
||||||
|
<p class="mb-[14px] font-bold text-[20px] leading-[26px]"> Chọn Tag </p>
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<input type="text" name="q" id="keyword" value="" placeholder="Tìm link truy cập" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] mr-[12px] cursor-pointer rounded-[4px]">
|
||||||
|
<p class="inline-block leading-[36px]"> (v.d. abc-xyz) </p>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="order-page-table max-h-[400px] overflow-auto">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="40">STT</td>
|
||||||
|
<td>Thương hiệu</td>
|
||||||
|
<td width="80"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr align="center">
|
||||||
|
<td> 1 </td>
|
||||||
|
<td align="left"> Laptop AMD Ryzen 3 </td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_7px] text-[#fff_!important]">
|
||||||
|
Chọn
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
62
template/banner/location.html
Normal file
62
template/banner/location.html
Normal file
@@ -0,0 +1,62 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/banner"> Danh sách banner </a>
|
||||||
|
<a href=""> Vị trí banner </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="marketing-coupon-page bg-white m-[0_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
|
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Quản lý vị trí hiển thị banner </p>
|
||||||
|
|
||||||
|
<div class="text-right m-[15px_0]">
|
||||||
|
<a href="/admin/banner/location-add" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff_!important]">
|
||||||
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm vị trí mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr class="font-[600]">
|
||||||
|
<td width="50"> STT </td>
|
||||||
|
<td> ID </td>
|
||||||
|
<td width="140"> Template File </td>
|
||||||
|
<td> Vị trí </td>
|
||||||
|
<td width="220"> Ngày tạo </td>
|
||||||
|
<td width="200"> Chỉnh sửa </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p> ID: 43 </p>
|
||||||
|
<p> banner_webmau4_mb </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td> homepage </td>
|
||||||
|
|
||||||
|
<td> Banner MB Webmau4 </td>
|
||||||
|
|
||||||
|
<td> 30-11-2024, 12:00 am </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center flex-wrap justify-center">
|
||||||
|
<a href="/admin/banner?id=1" class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem banner</a>
|
||||||
|
<a href="/admin/banner/location-add?id=1" class="icons icon-edit" title="Sửa lại"></a>
|
||||||
|
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
97
template/banner/location_add.html
Normal file
97
template/banner/location_add.html
Normal file
@@ -0,0 +1,97 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/banner"> Danh sách banner </a>
|
||||||
|
<a href="/admin/banner/location"> Vị trí banner </a>
|
||||||
|
<a href=""> Thêm / Sửa vị trí banner </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-[1141px] m-auto">
|
||||||
|
<div class="flex flex-wrap items-start m-[0_0_16px_0]">
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
||||||
|
<p class="font-bold text-[20px]"> Cập nhật lại vị trí banner </p>
|
||||||
|
|
||||||
|
<a href="/admin/banner/location-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm vị trí mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<p class="w-[100%] text-[#6B7280]">
|
||||||
|
banner_under_slider_mobile_webmau3
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
<p class="font-bold text-[20px] leading-[20px] mb-[17px]"> Thông tin cơ bản </p>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<div class="mb-[6px] relative">
|
||||||
|
<b> Chọn template hiển thị </b>
|
||||||
|
|
||||||
|
<div class="inline-block relative group">
|
||||||
|
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||||||
|
|
||||||
|
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||||||
|
Tùy một số template mà banner này sẽ được hiển thị. Đa số trường hợp bạn không cần quan tâm tới thông tin này trừ các website cấu trúc phức tạp.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<select class="w-[auto_!important]">
|
||||||
|
<option value="">-- Chọn template --</option>
|
||||||
|
<option value='header' selected>header - Đầu trang</option>
|
||||||
|
<option value='homepage' >homepage - Trang chủ</option> <option value='column_left' >column_left - Cột trái</option> <option value='column_right' >column_right - Cột phải</option> <option value='footer'>footer - Chân trang</option> <option value='product_detail' >product_detail - Chi tiết sản phẩm</option> <option value='product_list' >product_list - Danh sách & Danh mục sản phẩm</option> <option value='collection_list' >collection_list - Bộ sưu tập</option> <option value='article_home' >article_home - Trang chủ tin tức</option> <option value='brand_detail' >brand_detail - Chi tiết thương hiệu</option> <option value='deal_group' >deal_group - Nhóm deal</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<div class="mb-[6px] relative">
|
||||||
|
<b> Mã vị trí (*) <i class="font-[300] text-[#6B7280]"> * chỉ gồm ký tự a-z0-9 và dấu _ </i> </b>
|
||||||
|
|
||||||
|
<div class="inline-block relative group">
|
||||||
|
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||||||
|
|
||||||
|
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||||||
|
Mã vị trí cho phép gọi các banner theo mã ở bất kỳ mẫu giao diện web nào, v.d. trang_chu, khuyen_mai_shop
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<div class="mb-[6px] relative">
|
||||||
|
<b> Đặt tên vị trí (*) </b>
|
||||||
|
|
||||||
|
<div class="inline-block relative group">
|
||||||
|
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||||||
|
|
||||||
|
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||||||
|
Nếu bạn có nhiều banner và muốn thay đổi, theo dõi, bạn nên đặt tên cụ thể <br />v.d. Banner quảng cáo khuyến mại 8/3/2012.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="font-bold mb-[6px]">Mô tả tóm tắt</p>
|
||||||
|
|
||||||
|
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="border-[3px] border-[#FAFAFB] m-[16px_-16px]">
|
||||||
|
|
||||||
|
<input type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -21,12 +21,12 @@
|
|||||||
<span>Thêm deal mới</span>
|
<span>Thêm deal mới</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
<a href="/admin/deal/upload-deal-excel" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
<span>Thêm deal excel</span>
|
<span>Thêm deal excel</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
<a href="javascript:void(0)" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
<i class="fas fa-file-download m-[0_4px_0_0]"></i>
|
<i class="fas fa-file-download m-[0_4px_0_0]"></i>
|
||||||
<span>Tải file excel</span>
|
<span>Tải file excel</span>
|
||||||
</a>
|
</a>
|
||||||
@@ -37,7 +37,9 @@
|
|||||||
<table>
|
<table>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<td width="40"> <input type="checkbox" class="scale-[1.5]"/> </td>
|
<td width="40">
|
||||||
|
<input type="checkbox" class="scale-[1.5] js-checkbox-all" onclick="CheckList.setAllChecked.call(this)"/>
|
||||||
|
</td>
|
||||||
<td width="40"> STT </td>
|
<td width="40"> STT </td>
|
||||||
<td width="80"> Ảnh </td>
|
<td width="80"> Ảnh </td>
|
||||||
<td> Sản phẩm (Tổng số: 1.742) </td>
|
<td> Sản phẩm (Tổng số: 1.742) </td>
|
||||||
@@ -133,3 +135,20 @@
|
|||||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<script src="{{ 'checkbox.js' | asset_url }}"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
const CheckList = Checkbox(delete_deal);
|
||||||
|
|
||||||
|
function delete_deal(id, must_confirm){
|
||||||
|
if(must_confirm && !confirm("Bạn chắc chắn muốn xóa ?")) {
|
||||||
|
return ;
|
||||||
|
}
|
||||||
|
|
||||||
|
$.post(ACTION_URL, { action : "delete-deal", id : id }, function(data) {
|
||||||
|
$("#row_"+id).fadeOut();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
127
template/deal/upload_deal_excel.html
Normal file
127
template/deal/upload_deal_excel.html
Normal file
@@ -0,0 +1,127 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/deal"> Deal/giờ vàng </a>
|
||||||
|
<a href=""> Thêm deal qua Excel </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||||
|
<div class="flex flex-wrap items-start justify-center">
|
||||||
|
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] flex flex-wrap items-center justify-between">
|
||||||
|
<p class="font-bold text-[20px]"> Thêm deal qua excel </p>
|
||||||
|
|
||||||
|
<p class="text-[#6B7280] mt-[10px] order-[1] w-[100%]"> Hướng dẫn: File sẽ thêm Sản phẩm nếu chưa có, và cập nhật Sản phẩm nếu có rồi </p>
|
||||||
|
|
||||||
|
<a href="" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<i class="far fa-file-excel mr-1"></i>
|
||||||
|
<span> Tải danh sách deal </span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- col left -->
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Thông tin </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- col right -->
|
||||||
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
|
||||||
|
<div class="flex items-center mb-[20px]">
|
||||||
|
<b class="mr-[10px]"> Chú ý: Yêu cầu file excel theo đúng file mẫu. </b>
|
||||||
|
|
||||||
|
<a href="" class="flex items-center whitespace-nowrap border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<i class="far fa-file-excel mr-1"></i>
|
||||||
|
<span> Tải file mẫu </span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td width="215"> File cập nhật </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<input type="file">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td> Cấu hình cột Excel </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<tr class="font-[600] bg-[#ECECEC_!important]">
|
||||||
|
<td>Cột Excel</td>
|
||||||
|
<td>Nội dung</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>A</td>
|
||||||
|
<td>Mã kho (SKU)</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>B</td>
|
||||||
|
<td>Tên của deal</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>C</td>
|
||||||
|
<td>Giá deal (dạng số)</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>D</td>
|
||||||
|
<td>Số lượng mua tối thiểu (dạng số - mặc định là 1)</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>E</td>
|
||||||
|
<td>Số lượng mua tối đa (dạng số - mặc định là 1)</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>F</td>
|
||||||
|
<td>Số lượng (dạng số)</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>G</td>
|
||||||
|
<td>Ngày bắt đầu (DD/MM/YYYY)</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>H</td>
|
||||||
|
<td>Giờ bắt đầu (hh:mm)</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>I</td>
|
||||||
|
<td>Ngày kết thúc (DD/MM/YYYY)</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>J</td>
|
||||||
|
<td>Giờ kết thúc (hh:mm)</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>K</td>
|
||||||
|
<td>Chọn hiển thị (yes|no)</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>L</td>
|
||||||
|
<td>Thứ tự hiển thị</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<hr class="border-[4px] border-[#FAFAFB] m-[16px_-16px]">
|
||||||
|
|
||||||
|
<input name="commit" type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -1,9 +1,12 @@
|
|||||||
<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
<div
|
||||||
|
class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Khuyến mại cấu hình máy tính </p>
|
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Khuyến mại cấu hình máy tính </p>
|
||||||
|
|
||||||
<div class="text-right font-[500] leading-[35px] m-[0_0_20px_0] ">
|
<div class="text-right font-[500] leading-[35px] m-[0_0_20px_0] ">
|
||||||
<a href="/admin/marketing/conditional-promotion-add" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
<a href="/admin/marketing/conditional-promotion-add"
|
||||||
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span
|
||||||
|
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
<span>Thêm khuyến mại mới</span>
|
<span>Thêm khuyến mại mới</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -44,11 +47,15 @@
|
|||||||
|
|
||||||
<td>
|
<td>
|
||||||
<div class="items-center flex">
|
<div class="items-center flex">
|
||||||
<a href="/admin/marketing/conditional-promotion-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
|
<a href="/admin/marketing/conditional-promotion-add?id=1" title="Sửa lại"
|
||||||
|
class="icons icon-edit"></a>
|
||||||
|
|
||||||
<a href="" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
<a href="" title="Hạ xuống"
|
||||||
|
class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||||
|
|
||||||
<a href="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
|
<a href="" title="Cho Hiển thị"
|
||||||
|
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
|
||||||
|
</a>
|
||||||
|
|
||||||
<a href="" class="icons icon-delete" title="Xóa"></a>
|
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -4,11 +4,14 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
|
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
|
||||||
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
<div
|
||||||
|
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
||||||
<p class="font-bold text-[20px]"> Cập nhật khuyến mại </p>
|
<p class="font-bold text-[20px]"> Cập nhật khuyến mại </p>
|
||||||
|
|
||||||
<a href="/admin/marketing/conditional-promotion-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
<a href="/admin/marketing/conditional-promotion-add"
|
||||||
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span
|
||||||
|
class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
<span>Thêm khuyến mại</span>
|
<span>Thêm khuyến mại</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
@@ -17,16 +20,21 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
<div
|
||||||
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Thông tin </a>
|
class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
|
||||||
|
style="color: #Fff;background: #0041E8;"> Thông tin </a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
<form method="post" enctype="multipart/form-data"
|
||||||
|
class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
<table>
|
<table>
|
||||||
<tr>
|
<tr>
|
||||||
<td width="215"> <b>Tên gọi</b> </td>
|
<td width="215"> <b>Tên gọi</b> </td>
|
||||||
<td>
|
<td>
|
||||||
<input type="text" value="" placeholder="Tên gọi" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
<input type="text" value="" placeholder="Tên gọi"
|
||||||
|
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
<i class="block text-[#6B7280] mt-[8px]"> * Phần này chỉ dùng cho quản trị viên phân biệt. </i>
|
<i class="block text-[#6B7280] mt-[8px]"> * Phần này chỉ dùng cho quản trị viên phân biệt. </i>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -37,12 +45,14 @@
|
|||||||
|
|
||||||
<div class="mb-[15px]">
|
<div class="mb-[15px]">
|
||||||
<p class="mb-[8px]">1. Tặng tiền mặt: <i class="text-[#6B7280] font-[300]">VND</i></p>
|
<p class="mb-[8px]">1. Tặng tiền mặt: <i class="text-[#6B7280] font-[300]">VND</i></p>
|
||||||
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
<input type="text" value=""
|
||||||
|
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mb-[15px]">
|
<div class="mb-[15px]">
|
||||||
<p class="mb-[8px]">2. Tùy chọn gói sản phẩm: <i class="text-[#6B7280] font-[300]">VND</i></p>
|
<p class="mb-[8px]">2. Tùy chọn gói sản phẩm: <i class="text-[#6B7280] font-[300]">VND</i></p>
|
||||||
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
<input type="text" value=""
|
||||||
|
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mb-[15px]">
|
<div class="mb-[15px]">
|
||||||
@@ -59,20 +69,24 @@
|
|||||||
|
|
||||||
<div class="mb-[15px]">
|
<div class="mb-[15px]">
|
||||||
<p class="mb-[8px]"> 1. Bắt buộc phải có sản phẩm thuộc các danh mục: </p>
|
<p class="mb-[8px]"> 1. Bắt buộc phải có sản phẩm thuộc các danh mục: </p>
|
||||||
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
<input type="text" value=""
|
||||||
|
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="mb-[8px]">2. Giá trị đơn hàng trong khoảng: <i class="text-[#6B7280] font-[300]">VND</i></p>
|
<p class="mb-[8px]">2. Giá trị đơn hàng trong khoảng: <i class="text-[#6B7280] font-[300]">VND</i>
|
||||||
|
</p>
|
||||||
|
|
||||||
<div class="flex items-center justify-between">
|
<div class="flex items-center justify-between">
|
||||||
<div>
|
<div>
|
||||||
<p class="inline-block mr-[13px]"> Giá từ </p>
|
<p class="inline-block mr-[13px]"> Giá từ </p>
|
||||||
<input type="text" value="" class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
<input type="text" value=""
|
||||||
|
class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<p class="inline-block mr-[13px]"> Đến </p>
|
<p class="inline-block mr-[13px]"> Đến </p>
|
||||||
<input type="text" value="" class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
<input type="text" value=""
|
||||||
|
class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -82,7 +96,8 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td> <b> Hiển thị </b> </td>
|
<td> <b> Hiển thị </b> </td>
|
||||||
<td style="padding: 14px">
|
<td style="padding: 14px">
|
||||||
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
|
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]"
|
||||||
|
style="display: inline-flex;">
|
||||||
<input type="radio" name="info[status]" value="1" class="left-0">
|
<input type="radio" name="info[status]" value="1" class="left-0">
|
||||||
<span>Cho hiển thị</span>
|
<span>Cho hiển thị</span>
|
||||||
</label>
|
</label>
|
||||||
@@ -96,7 +111,8 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<input type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
|
<input type="submit" value="Cập nhật"
|
||||||
|
class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -1 +0,0 @@
|
|||||||
coupon-product
|
|
||||||
@@ -43,16 +43,15 @@
|
|||||||
|
|
||||||
<td>
|
<td>
|
||||||
|
|
||||||
<div style="display: block;">
|
<div class="flex items-start">
|
||||||
<p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am </p>
|
<p class="inline-block m-[0_6px_6px_0]">
|
||||||
|
- Bắt đầu: 23-10-2023, 12:00 am <br>
|
||||||
|
- Kết thúc: 28-10-2023, 12:00 am
|
||||||
|
</p>
|
||||||
|
|
||||||
<span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
|
<span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
|
||||||
Đã chạy
|
Đã chạy
|
||||||
</span>
|
</span>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<p class="inline-block m-[0_6px_6px_0]"> - Kết thúc: 28-10-2023, 12:00 am </p>
|
|
||||||
|
|
||||||
<span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
|
<span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
|
||||||
Đã dừng
|
Đã dừng
|
||||||
@@ -75,16 +74,16 @@
|
|||||||
<div class="items-center flex">
|
<div class="items-center flex">
|
||||||
<a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>
|
<a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>
|
||||||
|
|
||||||
<!-- <a href="javascript:setStatus('8','off')" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> -->
|
<a href="javascript:void(0)" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
|
||||||
|
|
||||||
<a href="javascript:setStatus('8','on')" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
|
<a href="javascript:void(0)" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
|
||||||
|
|
||||||
<a href="javascript:delete_coupon('8')" class="icons icon-delete" title="Xóa"></a>
|
<a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr> <td align="center"> 2 </td><td class="whitespace-nowrap"> CP231020233 </td><td> <p class="font-bold"> Test phiếu giảm giá </p><div> Test phiếu giảm giá </div></td><td> <p class="font-bold"> Tặng sản phẩm </p><p> Balo thời trang </p></td><td> <div style="display: block;"> <p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> Đã chạy </span> </div><div> <p class="inline-block m-[0_6px_6px_0]"> - Kết thúc: 28-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]"> Đã dừng </span> </div></td><td> <p> 0 đã dùng </p><p> Tổng số: 20 </p></td><td> <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p><p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p><p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p></td><td> <div class="items-center" style="display: flex;"> <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:setStatus('8','off')" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> <a href="javascript:delete_coupon('8')" class="icons icon-delete" title="Xóa"></a> </div></td></tr>
|
<tr> <td align="center"> 1 </td><td class="whitespace-nowrap"> CP231020233 </td><td> <p class="font-bold"> Test phiếu giảm giá </p><div> Test phiếu giảm giá </div></td><td> <p class="font-bold"> Tặng sản phẩm </p><p> Balo thời trang </p></td><td> <div class="flex items-start"> <p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am <br>- Kết thúc: 28-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> Đã chạy </span> <span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]"> Đã dừng </span> </div></td><td> <p> 0 đã dùng </p><p> Tổng số: 20 </p></td><td> <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p><p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p><p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p></td><td> <div class="items-center flex"> <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> <a href="javascript:void(0)" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a> </div></td></tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -6,11 +6,14 @@
|
|||||||
<div class="max-w-[1141px] m-auto">
|
<div class="max-w-[1141px] m-auto">
|
||||||
<div class="flex flex-wrap items-start m-[16px_0]">
|
<div class="flex flex-wrap items-start m-[16px_0]">
|
||||||
{% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
|
{% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
|
||||||
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
<div
|
||||||
|
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
||||||
<p class="font-bold text-[20px]"> Cập nhật </p>
|
<p class="font-bold text-[20px]"> Cập nhật </p>
|
||||||
|
|
||||||
<a href="/admin/marketing/coupon-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
<a href="/admin/marketing/coupon-add"
|
||||||
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span
|
||||||
|
class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
<span>Thêm phiếu mới</span>
|
<span>Thêm phiếu mới</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
@@ -19,12 +22,18 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
<div
|
||||||
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
|
class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
<a href="/admin/marketing/coupon-product?id=8" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
|
<a href="javascript:void(0)"
|
||||||
|
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
|
||||||
|
style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
|
||||||
|
<a href="/admin/marketing/coupon-product?id=8"
|
||||||
|
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản
|
||||||
|
phẩm </a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
<form method="post" enctype="multipart/form-data"
|
||||||
|
class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
|
||||||
<input type="hidden" name="info[id]" value="0" />
|
<input type="hidden" name="info[id]" value="0" />
|
||||||
|
|
||||||
@@ -37,17 +46,21 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td> Tên phiếu khuyến mại * </td>
|
<td> Tên phiếu khuyến mại * </td>
|
||||||
<td>
|
<td>
|
||||||
<input type="text" value="Giảm tiền mặt" name="info[title]" placeholder="Tên phiếu khuyến mại *" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
<input type="text" value="Giảm tiền mặt" name="info[title]" placeholder="Tên phiếu khuyến mại *"
|
||||||
<i class="block text-[#E00000] mt-[7px]">* 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ể.</i>
|
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
|
<i class="block text-[#E00000] mt-[7px]">* 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ể.</i>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td> Mô tả </td>
|
<td> Mô tả </td>
|
||||||
<td>
|
<td>
|
||||||
<textarea name="info[description]" placeholder="Mô tả" class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">Test phiếu giảm giá </textarea>
|
<textarea name="info[description]" placeholder="Mô tả"
|
||||||
|
class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">Test phiếu giảm giá </textarea>
|
||||||
|
|
||||||
<i class="block text-[#E00000] mt-[7px]">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.</i>
|
<i class="block text-[#E00000] mt-[7px]">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.</i>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
@@ -55,7 +68,8 @@
|
|||||||
<td> Phân loại * </td>
|
<td> Phân loại * </td>
|
||||||
<td>
|
<td>
|
||||||
<div style="display: flex;align-items: center;flex-wrap: wrap;">
|
<div style="display: flex;align-items: center;flex-wrap: wrap;">
|
||||||
<select name='info[type]' onchange="show_content(this.value)" class="w-[135px_!important] mr-[15px]">
|
<select name='info[type]' onchange="show_content(this.value)"
|
||||||
|
class="w-[135px_!important] mr-[15px]">
|
||||||
<option value='pro' selected>Tặng sản phẩm</option>
|
<option value='pro' selected>Tặng sản phẩm</option>
|
||||||
<option value='cash'>Tặng tiền mặt</option>
|
<option value='cash'>Tặng tiền mặt</option>
|
||||||
<option value='priceoff'>Giảm giá %</option>
|
<option value='priceoff'>Giảm giá %</option>
|
||||||
@@ -64,18 +78,22 @@
|
|||||||
|
|
||||||
<div id="js-type-pro">
|
<div id="js-type-pro">
|
||||||
<span class="mr-[5px]"> Tên Sản phẩm </span>
|
<span class="mr-[5px]"> Tên Sản phẩm </span>
|
||||||
<input type="text" name="content_pro" value="" class="h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
<input type="text" name="content_pro" value=""
|
||||||
|
class="h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="js-type-cash" style="display:none">
|
<div id="js-type-cash" style="display:none">
|
||||||
<span class="mr-[5px]"> Nhập số tiền </span>
|
<span class="mr-[5px]"> Nhập số tiền </span>
|
||||||
<input type="text" name="content_cash" value="" onkeyup="this.value = writeStringToPrice(this.value)" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
<input type="text" name="content_cash" value=""
|
||||||
|
onkeyup="this.value = writeStringToPrice(this.value)"
|
||||||
|
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
<span> vnd (v.d. 200000, 3000000) </span>
|
<span> vnd (v.d. 200000, 3000000) </span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="js-type-priceoff" style="display:none">
|
<div id="js-type-priceoff" style="display:none">
|
||||||
<span class="mr-[5px]"> Nhập % giảm giá </span>
|
<span class="mr-[5px]"> Nhập % giảm giá </span>
|
||||||
<input type="text" name="content_priceoff" value="" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
<input type="text" name="content_priceoff" value=""
|
||||||
|
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
<span>% (v.d. 12, 30)</span>
|
<span>% (v.d. 12, 30)</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -89,28 +107,126 @@
|
|||||||
<div class="items-center mb-[7px]" style="display: flex;">
|
<div class="items-center mb-[7px]" style="display: flex;">
|
||||||
<p style="width: 65px;"> Bắt đầu </p>
|
<p style="width: 65px;"> Bắt đầu </p>
|
||||||
<div class="relative m-[0_20px_0_10px]">
|
<div class="relative m-[0_20px_0_10px]">
|
||||||
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
<i
|
||||||
<input type="date" name="from_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||||
|
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
|
||||||
|
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="mr-[10px]"> Giờ </p>
|
<p class="mr-[10px]"> Giờ </p>
|
||||||
|
|
||||||
<select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
|
<select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
|
||||||
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
|
<option value="00:00">00:00</option>
|
||||||
|
<option value="00:30">00:30</option>
|
||||||
|
<option value="01:00">01:00</option>
|
||||||
|
<option value="01:30">01:30</option>
|
||||||
|
<option value="02:00">02:00</option>
|
||||||
|
<option value="02:30">02:30</option>
|
||||||
|
<option value="03:00">03:00</option>
|
||||||
|
<option value="03:30">03:30</option>
|
||||||
|
<option value="04:00">04:00</option>
|
||||||
|
<option value="04:30">04:30</option>
|
||||||
|
<option value="05:00">05:00</option>
|
||||||
|
<option value="05:30">05:30</option>
|
||||||
|
<option value="06:00">06:00</option>
|
||||||
|
<option value="06:30">06:30</option>
|
||||||
|
<option value="07:00">07:00</option>
|
||||||
|
<option value="07:30">07:30</option>
|
||||||
|
<option value="08:00">08:00</option>
|
||||||
|
<option value="08:30">08:30</option>
|
||||||
|
<option value="09:00">09:00</option>
|
||||||
|
<option value="09:30">09:30</option>
|
||||||
|
<option value="10:00">10:00</option>
|
||||||
|
<option value="10:30">10:30</option>
|
||||||
|
<option value="11:00">11:00</option>
|
||||||
|
<option value="11:30">11:30</option>
|
||||||
|
<option value="12:00">12:00</option>
|
||||||
|
<option value="12:30">12:30</option>
|
||||||
|
<option value="13:00">13:00</option>
|
||||||
|
<option value="13:30">13:30</option>
|
||||||
|
<option value="14:00">14:00</option>
|
||||||
|
<option value="14:30">14:30</option>
|
||||||
|
<option value="15:00">15:00</option>
|
||||||
|
<option value="15:30">15:30</option>
|
||||||
|
<option value="16:00">16:00</option>
|
||||||
|
<option value="16:30">16:30</option>
|
||||||
|
<option value="17:00">17:00</option>
|
||||||
|
<option value="17:30">17:30</option>
|
||||||
|
<option value="18:00">18:00</option>
|
||||||
|
<option value="18:30">18:30</option>
|
||||||
|
<option value="19:00">19:00</option>
|
||||||
|
<option value="19:30">19:30</option>
|
||||||
|
<option value="20:00">20:00</option>
|
||||||
|
<option value="20:30">20:30</option>
|
||||||
|
<option value="21:00">21:00</option>
|
||||||
|
<option value="21:30">21:30</option>
|
||||||
|
<option value="22:00">22:00</option>
|
||||||
|
<option value="22:30">22:30</option>
|
||||||
|
<option value="23:00">23:00</option>
|
||||||
|
<option value="23:30">23:30</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="items-center" style="display: flex;">
|
<div class="items-center" style="display: flex;">
|
||||||
<p style="width: 65px;"> Kết thúc </p>
|
<p style="width: 65px;"> Kết thúc </p>
|
||||||
<div class="relative m-[0_20px_0_10px]">
|
<div class="relative m-[0_20px_0_10px]">
|
||||||
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
<i
|
||||||
<input type="date" name="to_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||||
|
<input type="date" name="to_time_date" value="" placeholder="Từ ngày"
|
||||||
|
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="mr-[10px]"> Giờ </p>
|
<p class="mr-[10px]"> Giờ </p>
|
||||||
|
|
||||||
<select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
|
<select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
|
||||||
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
|
<option value="00:00">00:00</option>
|
||||||
|
<option value="00:30">00:30</option>
|
||||||
|
<option value="01:00">01:00</option>
|
||||||
|
<option value="01:30">01:30</option>
|
||||||
|
<option value="02:00">02:00</option>
|
||||||
|
<option value="02:30">02:30</option>
|
||||||
|
<option value="03:00">03:00</option>
|
||||||
|
<option value="03:30">03:30</option>
|
||||||
|
<option value="04:00">04:00</option>
|
||||||
|
<option value="04:30">04:30</option>
|
||||||
|
<option value="05:00">05:00</option>
|
||||||
|
<option value="05:30">05:30</option>
|
||||||
|
<option value="06:00">06:00</option>
|
||||||
|
<option value="06:30">06:30</option>
|
||||||
|
<option value="07:00">07:00</option>
|
||||||
|
<option value="07:30">07:30</option>
|
||||||
|
<option value="08:00">08:00</option>
|
||||||
|
<option value="08:30">08:30</option>
|
||||||
|
<option value="09:00">09:00</option>
|
||||||
|
<option value="09:30">09:30</option>
|
||||||
|
<option value="10:00">10:00</option>
|
||||||
|
<option value="10:30">10:30</option>
|
||||||
|
<option value="11:00">11:00</option>
|
||||||
|
<option value="11:30">11:30</option>
|
||||||
|
<option value="12:00">12:00</option>
|
||||||
|
<option value="12:30">12:30</option>
|
||||||
|
<option value="13:00">13:00</option>
|
||||||
|
<option value="13:30">13:30</option>
|
||||||
|
<option value="14:00">14:00</option>
|
||||||
|
<option value="14:30">14:30</option>
|
||||||
|
<option value="15:00">15:00</option>
|
||||||
|
<option value="15:30">15:30</option>
|
||||||
|
<option value="16:00">16:00</option>
|
||||||
|
<option value="16:30">16:30</option>
|
||||||
|
<option value="17:00">17:00</option>
|
||||||
|
<option value="17:30">17:30</option>
|
||||||
|
<option value="18:00">18:00</option>
|
||||||
|
<option value="18:30">18:30</option>
|
||||||
|
<option value="19:00">19:00</option>
|
||||||
|
<option value="19:30">19:30</option>
|
||||||
|
<option value="20:00">20:00</option>
|
||||||
|
<option value="20:30">20:30</option>
|
||||||
|
<option value="21:00">21:00</option>
|
||||||
|
<option value="21:30">21:30</option>
|
||||||
|
<option value="22:00">22:00</option>
|
||||||
|
<option value="22:30">22:30</option>
|
||||||
|
<option value="23:00">23:00</option>
|
||||||
|
<option value="23:30">23:30</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
@@ -120,7 +236,8 @@
|
|||||||
<td> Giá trị đơn hàng tối thiểu </td>
|
<td> Giá trị đơn hàng tối thiểu </td>
|
||||||
<td>
|
<td>
|
||||||
<input type="text" name="info[valid_order_value]" value="2.000.000"
|
<input type="text" name="info[valid_order_value]" value="2.000.000"
|
||||||
onkeyup="this.value = writeStringToPrice(this.value)" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
onkeyup="this.value = writeStringToPrice(this.value)"
|
||||||
|
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
<span> vnd (để 0 nếu không áp dụng) </span>
|
<span> vnd (để 0 nếu không áp dụng) </span>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -128,7 +245,8 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td> Giới hạn số lần sử dụng / 1 khách hàng </td>
|
<td> Giới hạn số lần sử dụng / 1 khách hàng </td>
|
||||||
<td>
|
<td>
|
||||||
<input type="text" name="info[limit_use_per_user]" value="0" class="w-[80px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
<input type="text" name="info[limit_use_per_user]" value="0"
|
||||||
|
class="w-[80px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
<span> (để 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) </span>
|
<span> (để 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) </span>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -137,7 +255,8 @@
|
|||||||
<td> Áp dụng đồng thời với các mã KM khác </td>
|
<td> Áp dụng đồng thời với các mã KM khác </td>
|
||||||
<td>
|
<td>
|
||||||
<label class="items-center cursor-pointer" style="display: inline-flex;">
|
<label class="items-center cursor-pointer" style="display: inline-flex;">
|
||||||
<input type="checkbox" name="info[can_use_with_other]" value="1" class="scale-[1.2] mr-[7px]">
|
<input type="checkbox" name="info[can_use_with_other]" value="1"
|
||||||
|
class="scale-[1.2] mr-[7px]">
|
||||||
<span> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
|
<span> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
|
||||||
</label>
|
</label>
|
||||||
</td>
|
</td>
|
||||||
@@ -156,7 +275,8 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td> Điều kiện áp dụng </td>
|
<td> Điều kiện áp dụng </td>
|
||||||
<td>
|
<td>
|
||||||
<label class="items-center cursor-pointer relative pl-[30px] mb-[8px]" style="display: inline-flex;">
|
<label class="items-center cursor-pointer relative pl-[30px] mb-[8px]"
|
||||||
|
style="display: inline-flex;">
|
||||||
<input type="radio" name="info[product_condition]" value="all" class="left-0">
|
<input type="radio" name="info[product_condition]" value="all" class="left-0">
|
||||||
<span> Tất cả các sản phầm </span>
|
<span> Tất cả các sản phầm </span>
|
||||||
</label>
|
</label>
|
||||||
@@ -171,7 +291,8 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td> Số lượng phiếu </td>
|
<td> Số lượng phiếu </td>
|
||||||
<td>
|
<td>
|
||||||
<input type="text" size="10" name="info[total]" value="0" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
<input type="text" size="10" name="info[total]" value="0"
|
||||||
|
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
<span> (để 0 nếu không có giới hạn) </span>
|
<span> (để 0 nếu không có giới hạn) </span>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -179,7 +300,8 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td> Hiển thị </td>
|
<td> Hiển thị </td>
|
||||||
<td>
|
<td>
|
||||||
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
|
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]"
|
||||||
|
style="display: inline-flex;">
|
||||||
<input type="radio" name="info[status]" value="1" class="left-0">
|
<input type="radio" name="info[status]" value="1" class="left-0">
|
||||||
<span>Cho hiển thị</span>
|
<span>Cho hiển thị</span>
|
||||||
</label>
|
</label>
|
||||||
@@ -194,14 +316,18 @@
|
|||||||
</table>
|
</table>
|
||||||
|
|
||||||
<input type="hidden" name="create" value="yes" />
|
<input type="hidden" name="create" value="yes" />
|
||||||
<input name="commit" type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
|
<input name="commit" type="submit" value="Cập nhật"
|
||||||
|
class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
{% else %} <!-- Form thêm mới -->
|
{% else %} <!-- Form thêm mới -->
|
||||||
|
|
||||||
<p class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold"> Thêm / sửa coupon </p>
|
<p
|
||||||
|
class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold">
|
||||||
|
Thêm / sửa coupon </p>
|
||||||
|
|
||||||
<form method="post" enctype="multipart/form-data" class="order-page-table w-[100%] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
<form method="post" enctype="multipart/form-data"
|
||||||
|
class="order-page-table w-[100%] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
|
||||||
<input type="hidden" name="info[id]" value="0" />
|
<input type="hidden" name="info[id]" value="0" />
|
||||||
|
|
||||||
@@ -211,18 +337,24 @@
|
|||||||
<td>
|
<td>
|
||||||
<input type="hidden" name="info[code_auto]" value="">
|
<input type="hidden" name="info[code_auto]" value="">
|
||||||
|
|
||||||
<label class="items-center cursor-pointer relative pl-[26px] mb-[8px] w-[fit-content]" style="display: flex;">
|
<label class="items-center cursor-pointer relative pl-[26px] mb-[8px] w-[fit-content]"
|
||||||
<input type="radio" onchange="$('#info_code_manual_input').css('display','none')" name="info[code_type]" value="auto" checked class="left-0">
|
style="display: flex;">
|
||||||
|
<input type="radio" onchange="$('#info_code_manual_input').css('display','none')"
|
||||||
|
name="info[code_type]" value="auto" checked class="left-0">
|
||||||
<span> Hệ thống tự tạo </span>
|
<span> Hệ thống tự tạo </span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="items-center cursor-pointer relative pl-[26px] w-[fit-content]" style="display: flex;">
|
<label class="items-center cursor-pointer relative pl-[26px] w-[fit-content]"
|
||||||
<input type="radio" onchange="$('#info_code_manual_input').css('display','inline-block')" name="info[code_type]" value="manual" class="left-0">
|
style="display: flex;">
|
||||||
|
<input type="radio" onchange="$('#info_code_manual_input').css('display','inline-block')"
|
||||||
|
name="info[code_type]" value="manual" class="left-0">
|
||||||
<span> Tự nhập tay </span>
|
<span> Tự nhập tay </span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<div id="info_code_manual_input" class="w-[100%] mt-[12px]" style="display: none;">
|
<div id="info_code_manual_input" class="w-[100%] mt-[12px]" style="display: none;">
|
||||||
<input type="text" name="info[code_manual]" onchange="check_coupon_code(this.value, '0')" value="" class="h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
<input type="text" name="info[code_manual]" onchange="check_coupon_code(this.value, '0')"
|
||||||
|
value=""
|
||||||
|
class="h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
|
||||||
<i style="color:#CC3300">(Chú ý: Mã số các phiếu phải khác nhau)</i>
|
<i style="color:#CC3300">(Chú ý: Mã số các phiếu phải khác nhau)</i>
|
||||||
|
|
||||||
@@ -234,17 +366,21 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td> Tên phiếu khuyến mại * </td>
|
<td> Tên phiếu khuyến mại * </td>
|
||||||
<td>
|
<td>
|
||||||
<input type="text" value="" name="info[title]" placeholder="Tên phiếu khuyến mại *" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
<input type="text" value="" name="info[title]" placeholder="Tên phiếu khuyến mại *"
|
||||||
<i class="block text-[#E00000] mt-[7px]">* 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ể.</i>
|
class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
|
<i class="block text-[#E00000] mt-[7px]">* 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ể.</i>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td> Mô tả </td>
|
<td> Mô tả </td>
|
||||||
<td>
|
<td>
|
||||||
<textarea name="info[description]" placeholder="Mô tả" class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
<textarea name="info[description]" placeholder="Mô tả"
|
||||||
|
class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||||
|
|
||||||
<i class="block text-[#E00000] mt-[7px]">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.</i>
|
<i class="block text-[#E00000] mt-[7px]">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.</i>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
@@ -252,7 +388,8 @@
|
|||||||
<td> Phân loại * </td>
|
<td> Phân loại * </td>
|
||||||
<td>
|
<td>
|
||||||
<div style="display: flex;align-items: center;flex-wrap: wrap;">
|
<div style="display: flex;align-items: center;flex-wrap: wrap;">
|
||||||
<select name='info[type]' onchange="show_content(this.value)" class="w-[135px_!important] mr-[15px]">
|
<select name='info[type]' onchange="show_content(this.value)"
|
||||||
|
class="w-[135px_!important] mr-[15px]">
|
||||||
<option value='pro' selected>Tặng sản phẩm</option>
|
<option value='pro' selected>Tặng sản phẩm</option>
|
||||||
<option value='cash'>Tặng tiền mặt</option>
|
<option value='cash'>Tặng tiền mặt</option>
|
||||||
<option value='priceoff'>Giảm giá %</option>
|
<option value='priceoff'>Giảm giá %</option>
|
||||||
@@ -261,18 +398,22 @@
|
|||||||
|
|
||||||
<div id="js-type-pro">
|
<div id="js-type-pro">
|
||||||
<span class="mr-[5px]"> Tên Sản phẩm </span>
|
<span class="mr-[5px]"> Tên Sản phẩm </span>
|
||||||
<input type="text" name="content_pro" value="" class="h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
<input type="text" name="content_pro" value=""
|
||||||
|
class="h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="js-type-cash" style="display:none">
|
<div id="js-type-cash" style="display:none">
|
||||||
<span class="mr-[5px]"> Nhập số tiền </span>
|
<span class="mr-[5px]"> Nhập số tiền </span>
|
||||||
<input type="text" name="content_cash" value="" onkeyup="this.value = writeStringToPrice(this.value)" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
<input type="text" name="content_cash" value=""
|
||||||
|
onkeyup="this.value = writeStringToPrice(this.value)"
|
||||||
|
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
<span> vnd (v.d. 200000, 3000000) </span>
|
<span> vnd (v.d. 200000, 3000000) </span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="js-type-priceoff" style="display:none">
|
<div id="js-type-priceoff" style="display:none">
|
||||||
<span class="mr-[5px]"> Nhập % giảm giá </span>
|
<span class="mr-[5px]"> Nhập % giảm giá </span>
|
||||||
<input type="text" name="content_priceoff" value="" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
<input type="text" name="content_priceoff" value=""
|
||||||
|
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
<span>% (v.d. 12, 30)</span>
|
<span>% (v.d. 12, 30)</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -286,28 +427,126 @@
|
|||||||
<div class="items-center mb-[7px]" style="display: flex;">
|
<div class="items-center mb-[7px]" style="display: flex;">
|
||||||
<p style="width: 65px;"> Bắt đầu </p>
|
<p style="width: 65px;"> Bắt đầu </p>
|
||||||
<div class="relative m-[0_20px_0_10px]">
|
<div class="relative m-[0_20px_0_10px]">
|
||||||
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
<i
|
||||||
<input type="date" name="from_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||||
|
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
|
||||||
|
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="mr-[10px]"> Giờ </p>
|
<p class="mr-[10px]"> Giờ </p>
|
||||||
|
|
||||||
<select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
|
<select name='info[from_time_minute]' id='from_time_minute' style="width: 85px;">
|
||||||
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
|
<option value="00:00">00:00</option>
|
||||||
|
<option value="00:30">00:30</option>
|
||||||
|
<option value="01:00">01:00</option>
|
||||||
|
<option value="01:30">01:30</option>
|
||||||
|
<option value="02:00">02:00</option>
|
||||||
|
<option value="02:30">02:30</option>
|
||||||
|
<option value="03:00">03:00</option>
|
||||||
|
<option value="03:30">03:30</option>
|
||||||
|
<option value="04:00">04:00</option>
|
||||||
|
<option value="04:30">04:30</option>
|
||||||
|
<option value="05:00">05:00</option>
|
||||||
|
<option value="05:30">05:30</option>
|
||||||
|
<option value="06:00">06:00</option>
|
||||||
|
<option value="06:30">06:30</option>
|
||||||
|
<option value="07:00">07:00</option>
|
||||||
|
<option value="07:30">07:30</option>
|
||||||
|
<option value="08:00">08:00</option>
|
||||||
|
<option value="08:30">08:30</option>
|
||||||
|
<option value="09:00">09:00</option>
|
||||||
|
<option value="09:30">09:30</option>
|
||||||
|
<option value="10:00">10:00</option>
|
||||||
|
<option value="10:30">10:30</option>
|
||||||
|
<option value="11:00">11:00</option>
|
||||||
|
<option value="11:30">11:30</option>
|
||||||
|
<option value="12:00">12:00</option>
|
||||||
|
<option value="12:30">12:30</option>
|
||||||
|
<option value="13:00">13:00</option>
|
||||||
|
<option value="13:30">13:30</option>
|
||||||
|
<option value="14:00">14:00</option>
|
||||||
|
<option value="14:30">14:30</option>
|
||||||
|
<option value="15:00">15:00</option>
|
||||||
|
<option value="15:30">15:30</option>
|
||||||
|
<option value="16:00">16:00</option>
|
||||||
|
<option value="16:30">16:30</option>
|
||||||
|
<option value="17:00">17:00</option>
|
||||||
|
<option value="17:30">17:30</option>
|
||||||
|
<option value="18:00">18:00</option>
|
||||||
|
<option value="18:30">18:30</option>
|
||||||
|
<option value="19:00">19:00</option>
|
||||||
|
<option value="19:30">19:30</option>
|
||||||
|
<option value="20:00">20:00</option>
|
||||||
|
<option value="20:30">20:30</option>
|
||||||
|
<option value="21:00">21:00</option>
|
||||||
|
<option value="21:30">21:30</option>
|
||||||
|
<option value="22:00">22:00</option>
|
||||||
|
<option value="22:30">22:30</option>
|
||||||
|
<option value="23:00">23:00</option>
|
||||||
|
<option value="23:30">23:30</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="items-center" style="display: flex;">
|
<div class="items-center" style="display: flex;">
|
||||||
<p style="width: 65px;"> Kết thúc </p>
|
<p style="width: 65px;"> Kết thúc </p>
|
||||||
<div class="relative m-[0_20px_0_10px]">
|
<div class="relative m-[0_20px_0_10px]">
|
||||||
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
<i
|
||||||
<input type="date" name="to_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||||
|
<input type="date" name="to_time_date" value="" placeholder="Từ ngày"
|
||||||
|
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="mr-[10px]"> Giờ </p>
|
<p class="mr-[10px]"> Giờ </p>
|
||||||
|
|
||||||
<select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
|
<select name='info[to_time_minute]' id='from_time_minute' style="width: 85px;">
|
||||||
<option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
|
<option value="00:00">00:00</option>
|
||||||
|
<option value="00:30">00:30</option>
|
||||||
|
<option value="01:00">01:00</option>
|
||||||
|
<option value="01:30">01:30</option>
|
||||||
|
<option value="02:00">02:00</option>
|
||||||
|
<option value="02:30">02:30</option>
|
||||||
|
<option value="03:00">03:00</option>
|
||||||
|
<option value="03:30">03:30</option>
|
||||||
|
<option value="04:00">04:00</option>
|
||||||
|
<option value="04:30">04:30</option>
|
||||||
|
<option value="05:00">05:00</option>
|
||||||
|
<option value="05:30">05:30</option>
|
||||||
|
<option value="06:00">06:00</option>
|
||||||
|
<option value="06:30">06:30</option>
|
||||||
|
<option value="07:00">07:00</option>
|
||||||
|
<option value="07:30">07:30</option>
|
||||||
|
<option value="08:00">08:00</option>
|
||||||
|
<option value="08:30">08:30</option>
|
||||||
|
<option value="09:00">09:00</option>
|
||||||
|
<option value="09:30">09:30</option>
|
||||||
|
<option value="10:00">10:00</option>
|
||||||
|
<option value="10:30">10:30</option>
|
||||||
|
<option value="11:00">11:00</option>
|
||||||
|
<option value="11:30">11:30</option>
|
||||||
|
<option value="12:00">12:00</option>
|
||||||
|
<option value="12:30">12:30</option>
|
||||||
|
<option value="13:00">13:00</option>
|
||||||
|
<option value="13:30">13:30</option>
|
||||||
|
<option value="14:00">14:00</option>
|
||||||
|
<option value="14:30">14:30</option>
|
||||||
|
<option value="15:00">15:00</option>
|
||||||
|
<option value="15:30">15:30</option>
|
||||||
|
<option value="16:00">16:00</option>
|
||||||
|
<option value="16:30">16:30</option>
|
||||||
|
<option value="17:00">17:00</option>
|
||||||
|
<option value="17:30">17:30</option>
|
||||||
|
<option value="18:00">18:00</option>
|
||||||
|
<option value="18:30">18:30</option>
|
||||||
|
<option value="19:00">19:00</option>
|
||||||
|
<option value="19:30">19:30</option>
|
||||||
|
<option value="20:00">20:00</option>
|
||||||
|
<option value="20:30">20:30</option>
|
||||||
|
<option value="21:00">21:00</option>
|
||||||
|
<option value="21:30">21:30</option>
|
||||||
|
<option value="22:00">22:00</option>
|
||||||
|
<option value="22:30">22:30</option>
|
||||||
|
<option value="23:00">23:00</option>
|
||||||
|
<option value="23:30">23:30</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
@@ -317,7 +556,8 @@
|
|||||||
<td> Giá trị đơn hàng tối thiểu </td>
|
<td> Giá trị đơn hàng tối thiểu </td>
|
||||||
<td>
|
<td>
|
||||||
<input type="text" name="info[valid_order_value]" value="0"
|
<input type="text" name="info[valid_order_value]" value="0"
|
||||||
onkeyup="this.value = writeStringToPrice(this.value)" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
|
onkeyup="this.value = writeStringToPrice(this.value)"
|
||||||
|
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||||
<span> vnd (để 0 nếu không áp dụng) </span>
|
<span> vnd (để 0 nếu không áp dụng) </span>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -325,7 +565,8 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td> Giới hạn số lần sử dụng / 1 khách hàng </td>
|
<td> Giới hạn số lần sử dụng / 1 khách hàng </td>
|
||||||
<td>
|
<td>
|
||||||
<input type="text" name="info[limit_use_per_user]" value="0" class="w-[80px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
<input type="text" name="info[limit_use_per_user]" value="0"
|
||||||
|
class="w-[80px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
<span> (để 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) </span>
|
<span> (để 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) </span>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -334,7 +575,8 @@
|
|||||||
<td> Áp dụng đồng thời với các mã KM khác </td>
|
<td> Áp dụng đồng thời với các mã KM khác </td>
|
||||||
<td>
|
<td>
|
||||||
<label class="items-center cursor-pointer" style="display: inline-flex;">
|
<label class="items-center cursor-pointer" style="display: inline-flex;">
|
||||||
<input type="checkbox" name="info[can_use_with_other]" value="1" class="scale-[1.2] mr-[7px]">
|
<input type="checkbox" name="info[can_use_with_other]" value="1"
|
||||||
|
class="scale-[1.2] mr-[7px]">
|
||||||
<span> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
|
<span> Có cho phép (1 đơn hàng có thể có nhiều voucher) </span>
|
||||||
</label>
|
</label>
|
||||||
</td>
|
</td>
|
||||||
@@ -353,7 +595,8 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td> Điều kiện áp dụng </td>
|
<td> Điều kiện áp dụng </td>
|
||||||
<td>
|
<td>
|
||||||
<label class="items-center cursor-pointer relative pl-[30px] mb-[8px]" style="display: inline-flex;">
|
<label class="items-center cursor-pointer relative pl-[30px] mb-[8px]"
|
||||||
|
style="display: inline-flex;">
|
||||||
<input type="radio" name="info[product_condition]" value="all" class="left-0" checked>
|
<input type="radio" name="info[product_condition]" value="all" class="left-0" checked>
|
||||||
<span> Tất cả các sản phầm </span>
|
<span> Tất cả các sản phầm </span>
|
||||||
</label>
|
</label>
|
||||||
@@ -369,7 +612,8 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td> Số lượng phiếu </td>
|
<td> Số lượng phiếu </td>
|
||||||
<td>
|
<td>
|
||||||
<input type="text" size="10" name="info[total]" value="0" class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
<input type="text" size="10" name="info[total]" value="0"
|
||||||
|
class="w-[135px_!important] mr-[5px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
<span> (để 0 nếu không có giới hạn) </span>
|
<span> (để 0 nếu không có giới hạn) </span>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -377,7 +621,8 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td> Hiển thị </td>
|
<td> Hiển thị </td>
|
||||||
<td>
|
<td>
|
||||||
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
|
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]"
|
||||||
|
style="display: inline-flex;">
|
||||||
<input type="radio" name="info[status]" value="1" class="left-0" checked>
|
<input type="radio" name="info[status]" value="1" class="left-0" checked>
|
||||||
<span>Cho hiển thị</span>
|
<span>Cho hiển thị</span>
|
||||||
</label>
|
</label>
|
||||||
@@ -392,7 +637,8 @@
|
|||||||
</table>
|
</table>
|
||||||
|
|
||||||
<input type="hidden" name="create" value="yes" />
|
<input type="hidden" name="create" value="yes" />
|
||||||
<input name="commit" type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
|
<input name="commit" type="submit" value="Cập nhật"
|
||||||
|
class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -401,13 +647,13 @@
|
|||||||
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
function show_content(ty){
|
function show_content(ty) {
|
||||||
var list_type = ['pro', 'cash', 'priceoff'];
|
var list_type = ['pro', 'cash', 'priceoff'];
|
||||||
|
|
||||||
for(var i=0; i < list_type.length; i++){
|
for (var i = 0; i < list_type.length; i++) {
|
||||||
var t_ty = list_type[i];
|
var t_ty = list_type[i];
|
||||||
if(ty == t_ty) document.getElementById('js-type-'+t_ty).style.display = 'block';
|
if (ty == t_ty) document.getElementById('js-type-' + t_ty).style.display = 'block';
|
||||||
else document.getElementById('js-type-'+t_ty).style.display = 'none';
|
else document.getElementById('js-type-' + t_ty).style.display = 'none';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
116
template/marketing/coupon_product.html
Normal file
116
template/marketing/coupon_product.html
Normal file
@@ -0,0 +1,116 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/marketing/coupon"> Phiếu giảm giá - Voucher </a>
|
||||||
|
<a href=""> Form thêm / sửa coupon </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-[1141px] m-auto">
|
||||||
|
<div class="flex flex-wrap items-start m-[16px_0]">
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
||||||
|
<p class="font-bold text-[20px]"> Cập nhật </p>
|
||||||
|
|
||||||
|
<a href="/admin/marketing/coupon-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm phiếu mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<p class="w-[100%] text-[#6B7280]">
|
||||||
|
Giảm 10.000đ khi mua đặt hàng online (nhập mã test2023)
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="/admin/marketing/coupon-add?id=8" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
|
||||||
|
<a href="javascript:void(0)" style="color: #Fff;background: #0041E8;" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
|
||||||
|
<div class="flex flex-wrap items-center justify-between mb-[13px]">
|
||||||
|
<p class="font-bold text-[20px] leading-[20px] mr-3"> Danh sách sản phẩm áp dụng phiếu giảm giá </p>
|
||||||
|
|
||||||
|
<a href="" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm sản phẩm mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="flex items-center m-[15px_0] border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm " class="w-[240px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
|
||||||
|
<p class="whitespace-nowrap mr-[10px]">Chọn danh mục</p>
|
||||||
|
|
||||||
|
<select class="w-[165px_!important] mr-[10px] h-[36px] border border-[#D8D8D8] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
|
<option value=""> Tất cả sản phẩm </option>
|
||||||
|
<option value=""> - Danh mục cấp 1 </option>
|
||||||
|
<option value=""> - Danh mục cấp 2 </option>
|
||||||
|
<option value=""> - Danh mục cấp 3 </option>
|
||||||
|
<option value=""> - Danh mục cấp 4 </option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<select class="w-[165px_!important] mr-[10px] h-[36px] border border-[#D8D8D8] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
|
<option value=""> Thương hiệu </option>
|
||||||
|
<option value=""> Brand </option>
|
||||||
|
<option value=""> Brand </option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="50"> STT </td>
|
||||||
|
<td width="90"> Ảnh </td>
|
||||||
|
<td width="350"> Tên </td>
|
||||||
|
<td> Thông tin bán hàng </td>
|
||||||
|
<td> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<img src="https://via.placeholder.com/400x300" class="block m-auto"/>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href="" target="_blank"> Mainboard MSI B450 TOMAHAWK MAX II (AMD B450, Socket AM4, ATX, 4 Khe Cắm Ram DDR4) </a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p> - Mã kho: <b> CN1 </b> </p>
|
||||||
|
<p> - Giá bán: <b> 1.999.000 vnđ </b> </p>
|
||||||
|
<p> - Kho hàng : <b> 1 </b> </p>
|
||||||
|
<p> - Bảo hành : <b> 36 Tháng </b> </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="items-center flex justify-center">
|
||||||
|
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -1 +1 @@
|
|||||||
template/marketing/detail.html
|
<div></div>
|
||||||
@@ -1,7 +1,15 @@
|
|||||||
{% if global.url contains 'view=' %}
|
{% if global.url contains 'view=fb-product-select' %}
|
||||||
|
|
||||||
|
{% include 'marketing/feed_select' %}
|
||||||
|
|
||||||
|
{% elsif global.url contains 'view=fb-product-add' %}
|
||||||
|
|
||||||
{% include 'marketing/feed_add' %}
|
{% include 'marketing/feed_add' %}
|
||||||
|
|
||||||
|
{% elsif global.url contains 'view=fb-product-list' %}
|
||||||
|
|
||||||
|
{% include 'marketing/feed_list' %}
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
<div class="m-[16px_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
<div class="m-[16px_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Facebook Product Ads </p>
|
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Facebook Product Ads </p>
|
||||||
@@ -9,7 +17,7 @@
|
|||||||
<div class="flex items-center justify-between mb-[20px]">
|
<div class="flex items-center justify-between mb-[20px]">
|
||||||
<p class="mr-[15px]">Tổng hợp các danh sách chứa Sản phẩm dùng quảng cáo trên Facebook. Dùng link Facebook Feed ở danh sách phù hợp để nhập trong facebook ad manager</p>
|
<p class="mr-[15px]">Tổng hợp các danh sách chứa Sản phẩm dùng quảng cáo trên Facebook. Dùng link Facebook Feed ở danh sách phù hợp để nhập trong facebook ad manager</p>
|
||||||
|
|
||||||
<a href="/admin/marketing/feed" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[34px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
<a href="/admin/marketing/feed?view=fb-product-add" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[34px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
<span>Thêm danh sách mới</span>
|
<span>Thêm danh sách mới</span>
|
||||||
</a>
|
</a>
|
||||||
@@ -39,12 +47,12 @@
|
|||||||
<td align="center"> 6.055 sp </td>
|
<td align="center"> 6.055 sp </td>
|
||||||
|
|
||||||
<td>
|
<td>
|
||||||
<input type="text" value="/feed/facebook.php?id=70" readonly class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"/>
|
<input type="text" value="/feed/facebook.php?id=1" readonly class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"/>
|
||||||
<a href=""> FB feed </a>
|
<a href=""> FB feed </a>
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
<td>
|
<td>
|
||||||
<input type="text" value="/feed/google.php?id=70" readonly class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"/>
|
<input type="text" value="/feed/google.php?id=1" readonly class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"/>
|
||||||
<a href=""> Google feed </a>
|
<a href=""> Google feed </a>
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
@@ -55,11 +63,11 @@
|
|||||||
|
|
||||||
<td>
|
<td>
|
||||||
<div class="flex items-center flex-wrap justify-center">
|
<div class="flex items-center flex-wrap justify-center">
|
||||||
<a href="" class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem sản phẩm</a>
|
<a href="/admin/marketing/feed?view=fb-product-list&id=1" class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem sản phẩm</a>
|
||||||
|
|
||||||
<a href="" class="icons icon-edit" title="Sửa lại"></a>
|
<a href="/admin/marketing/feed?view=fb-product-add&id=1" class="icons icon-edit" title="Sửa lại"></a>
|
||||||
|
|
||||||
<a href="/admin/marketing/feed?view=fb-product-select" class="fas fa-plus-circle w-[30px] leading-[30px] mr-[8px] text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF]" title="Thêm sản phẩm"></a>
|
<a href="/admin/marketing/feed?view=fb-product-select&id=1" class="fas fa-plus-circle w-[30px] leading-[30px] mr-[8px] text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF]" title="Thêm sản phẩm"></a>
|
||||||
|
|
||||||
<a href="" class="icons icon-delete" title="Xóa"></a>
|
<a href="" class="icons icon-delete" title="Xóa"></a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,83 +1,59 @@
|
|||||||
<div class="global-breadcrumb-container">
|
<div class="global-breadcrumb-container">
|
||||||
<a href="/admin/marketing/feed"> Facebook Product Ads </a>
|
<a href="/admin/marketing/feed"> Facebook/Google Feed </a>
|
||||||
<a href=""> Thêm sản phẩm hiển thị Facebook </a>
|
<a href=""> Thêm/ sửa danh sách FB ad </a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="m-[0_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
<div class="max-w-[1141px] m-auto">
|
||||||
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Chọn sản phẩm hiển thị Facebook </p>
|
<div class="flex flex-wrap items-start m-[0_0_16px_0]">
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px]">
|
||||||
|
<p class="font-bold text-[20px] leading-[26px] mb-[10px]"> Cập nhật nhóm FB ad </p>
|
||||||
|
<p class="text-[#6B7280]">ALL SP WEB 2023 NEW</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
|
||||||
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
</div>
|
||||||
|
|
||||||
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
|
<div class="mb-[17px] flex items-center">
|
||||||
|
<p class="font-bold text-[20px] leading-[20px] mr-4"> Thông tin cơ bản </p>
|
||||||
|
|
||||||
|
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_10px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Chọn Sản phẩm vào danh sách
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<b class="mb-[6px] leading-[18px] block"> Đặt tên danh sách </b>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="font-bold mb-[6px]"> Ghi chú / mô tả </p>
|
||||||
|
|
||||||
|
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<div class="mb-[12px]">
|
||||||
|
<p class="font-[300] mb-1">
|
||||||
|
<b class="font-bold">Google Product Category ID </b>
|
||||||
|
<i class="text-[#6B7280]"> Chỉ điền 1 danh mục: ID hoặc Tên danh mục trong danh sách </i>
|
||||||
|
<a href="" style="font-style: italic;"> tại đây </a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<i class="block text-[#6B7280]"> V.d nếu là sp Bird Food thì điền 4990 hoặc Animals & Pet Supplies > Pet Supplies > Bird Supplies > Bird Food </i>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="border-[4px] border-[#FAFAFB] m-[16px_-16px]">
|
||||||
|
|
||||||
|
<input type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<div class="flex items-center justify-between m-[20px_0_16px]">
|
|
||||||
<div class="flex items-center">
|
|
||||||
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
|
||||||
Thêm toàn bộ sản phẩm
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
|
||||||
Chọn danh mục Sản phẩm để xem
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex items-center">
|
|
||||||
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
|
||||||
<option value=""> Lọc sản phẩm </option>
|
|
||||||
<option value=""> option </option>
|
|
||||||
</select>
|
|
||||||
|
|
||||||
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
|
||||||
<option value=""> Sắp xếp sản phẩm </option>
|
|
||||||
<option value=""> option </option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="order-page-table">
|
|
||||||
<table>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<td width="50"> STT </td>
|
|
||||||
<td width="70"> Ảnh </td>
|
|
||||||
<td> Tên Sản phẩm </td>
|
|
||||||
<td> Thông tin bán hàng </td>
|
|
||||||
<td width="160"> Lựa chọn </td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td align="center"> 1 </td>
|
|
||||||
<td> <img src="https://via.placeholder.com/500x350" class="block max-w-[52px] m-auto"/> </td>
|
|
||||||
<td>
|
|
||||||
<a href=""> Chuột game Steelseries Prime Mini (62421) (USB/RGB) </a>
|
|
||||||
<p> Mã kho: <b> MOVI213 </b> </p>
|
|
||||||
<p> Lượt xem: 3.360 </p>
|
|
||||||
<p> Cập nhật: Hôm nay, 8:59 am </p>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<p> Giá: <b class="text-[red]">999.000</b> vnđ </p>
|
|
||||||
<p> Kho hàng: <b>5</b> </p>
|
|
||||||
<p> Bảo hành: <b>36 Tháng</b> </p>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<a href="" class="block text-center leading-[36px] bg-[#0041E8] text-[#fff_!important] font-[500] p-[0_12px] cursor-pointer rounded-[4px]"> Chọn sản phẩm </a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="paging">
|
|
||||||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
|
||||||
<a href="" class="current">1</a>
|
|
||||||
<a href="">2</a>
|
|
||||||
<a href="">3</a>
|
|
||||||
<a href="">4</a>
|
|
||||||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
113
template/marketing/feed_list.html
Normal file
113
template/marketing/feed_list.html
Normal file
@@ -0,0 +1,113 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/marketing/feed"> Facebook Product Ads </a>
|
||||||
|
<a href=""> Sản phẩm hiển thị Facebook </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="m-0_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
|
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Danh sách: 2023 còn hàng </p>
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="flex items-center flex-wrap justify-between mb-[20px]">
|
||||||
|
<a href="" class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Xóa danh sách được chọn
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<div class="flex items-center font-[500] leading-[35px]">
|
||||||
|
<select class="min-w-[160px] h-[36px] m-[0_16px_0_0] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
|
<option value=""> Xem theo điều kiện </option>
|
||||||
|
<option value=""> option </option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<a href="/admin/marketing/feed?view=fb-product-select?id=" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span> Thêm sản phẩm</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="40"> <input type="checkbox" class="scale-[1.5] js-checkbox-all" onclick="CheckList.setAllChecked.call(this)"> </td>
|
||||||
|
<td width="40"> STT </td>
|
||||||
|
<td width="70"> Ảnh </td>
|
||||||
|
<td> Tên Sản phẩm </td>
|
||||||
|
<td> Thông tin bán hàng </td>
|
||||||
|
<td width="180"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<input type="checkbox" class="scale-[1.5] js-checkbox-id">
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<img src="https://via.placeholder.com/500x500" class="block">
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href="" target="_blank"> Chuột game Steelseries Prime Mini (62421) (USB/RGB) </a>
|
||||||
|
<p> Mã kho: <b> MOVI213 </b> </p>
|
||||||
|
<p> Lượt xem: 3360 </p>
|
||||||
|
<p> Cập nhật: Hôm nay, 8:59 am </p>
|
||||||
|
|
||||||
|
<p class="inline-block mt-1 leading-[20px] border border-[#6B7280] text-[#6B7280] rounded-[50px] text-[12px] bg-[#F1F1F1] p-[0_10px]"> Chưa hiển thị </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p> Giá: <b class="text-[red]">999.000</b> vnđ </p>
|
||||||
|
<p> Kho hàng: <b>5</b> </p>
|
||||||
|
<p> Bảo hành: <b>36 Tháng</b> </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href="" class="block text-center whitespace-nowrap font-[500] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] leading-[34px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Loại sản phẩm này
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr> <td align="center"> <input type="checkbox" class="scale-[1.5] js-checkbox-id"> </td><td align="center"> 2 </td><td><img src="https://via.placeholder.com/500x500/fe0" class="block"></td><td> <a href="" target="_blank"> Chuột game Steelseries </a> <p> Mã kho: <b> MOVI213 </b> </p><p> Lượt xem: 3360 </p><p> Cập nhật: Hôm nay, 8:59 am </p><p class="inline-block mt-1 leading-[20px] border border-[#6B7280] text-[#6B7280] rounded-[50px] text-[12px] bg-[#F1F1F1] p-[0_10px]"> Chưa hiển thị </p></td><td> <p> Giá: <b class="text-[red]">999.000</b> vnđ </p><p> Kho hàng: <b></b> </p><p> Bảo hành: <b></b> </p></td><td> <a href="" class="block text-center whitespace-nowrap font-[500] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] leading-[34px] group hover:bg-[#0041E8] hover:text-[#fff]"> Loại sản phẩm này </a> </td></tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="{{ 'checkbox.js' | asset_url }}"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
const LIST_ID = '26';
|
||||||
|
const CheckList = Checkbox(removeProductFromFBList);
|
||||||
|
|
||||||
|
function removeProductFromFBList(pro_id) {
|
||||||
|
$.post("/admin/ajax/facebook.php",{
|
||||||
|
action : "remove-product-from-list"
|
||||||
|
, list_id : LIST_ID
|
||||||
|
, pro_id : pro_id
|
||||||
|
},function(data){
|
||||||
|
$("#row_"+pro_id).fadeOut();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
83
template/marketing/feed_select.html
Normal file
83
template/marketing/feed_select.html
Normal file
@@ -0,0 +1,83 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/marketing/feed"> Facebook Product Ads </a>
|
||||||
|
<a href=""> Thêm sản phẩm hiển thị Facebook </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="m-[0_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
|
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Chọn sản phẩm hiển thị Facebook </p>
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between m-[20px_0_16px]">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Thêm toàn bộ sản phẩm
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Chọn danh mục Sản phẩm để xem
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
|
<option value=""> Lọc sản phẩm </option>
|
||||||
|
<option value=""> option </option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
|
<option value=""> Sắp xếp sản phẩm </option>
|
||||||
|
<option value=""> option </option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="50"> STT </td>
|
||||||
|
<td width="70"> Ảnh </td>
|
||||||
|
<td> Tên Sản phẩm </td>
|
||||||
|
<td> Thông tin bán hàng </td>
|
||||||
|
<td width="160"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
<td> <img src="https://via.placeholder.com/500x350" class="block max-w-[52px] m-auto"/> </td>
|
||||||
|
<td>
|
||||||
|
<a href=""> Chuột game Steelseries Prime Mini (62421) (USB/RGB) </a>
|
||||||
|
<p> Mã kho: <b> MOVI213 </b> </p>
|
||||||
|
<p> Lượt xem: 3.360 </p>
|
||||||
|
<p> Cập nhật: Hôm nay, 8:59 am </p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<p> Giá: <b class="text-[red]">999.000</b> vnđ </p>
|
||||||
|
<p> Kho hàng: <b>5</b> </p>
|
||||||
|
<p> Bảo hành: <b>36 Tháng</b> </p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="" class="block text-center leading-[36px] bg-[#0041E8] text-[#fff_!important] font-[500] p-[0_12px] cursor-pointer rounded-[4px]"> Chọn sản phẩm </a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -1 +1 @@
|
|||||||
template/marketing/home.html
|
<div></div>
|
||||||
@@ -2,7 +2,8 @@
|
|||||||
<p class="m-[0_0_13px] text-[24px] font-bold leading-[31px]"> Danh sách poster quảng cáo </p>
|
<p class="m-[0_0_13px] text-[24px] font-bold leading-[31px]"> Danh sách poster quảng cáo </p>
|
||||||
|
|
||||||
<div class="text-right m-[13px_0_20px]">
|
<div class="text-right m-[13px_0_20px]">
|
||||||
<a href="/admin/marketing/poster-upload" class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[500] text-[#0041E8] p-[0_14px] inline-block">
|
<a href="/admin/marketing/poster-upload"
|
||||||
|
class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[500] text-[#0041E8] p-[0_14px] inline-block">
|
||||||
<i class="fas fa-file-download m-[0_4px_0_0]"></i> Upload poster mới
|
<i class="fas fa-file-download m-[0_4px_0_0]"></i> Upload poster mới
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -5,20 +5,31 @@
|
|||||||
|
|
||||||
<div class="max-w-[1140px] m-auto">
|
<div class="max-w-[1140px] m-auto">
|
||||||
|
|
||||||
<i class="block text-[13px] leading-[18px] mb-[10px]">Chức năng này cho phép bạn upload các file quảng cáo poster. Yêu cầu cần đặt trong file đuôi .zip. Server này giới hạn dung lượng file upload là 20 MB, do vậy nếu file .zip dung lượng lớn hơn 20MB thì bạn cần sử dụng công cụ FTP (hoặc liên hệ bên cung cấp server để nâng giới hạn file upload).</i>
|
<i class="block text-[13px] leading-[18px] mb-[10px]">Chức năng này cho phép bạn upload các file quảng cáo poster.
|
||||||
|
Yêu cầu cần đặt trong file đuôi .zip. Server này giới hạn dung lượng file upload là 20 MB, do vậy nếu file .zip
|
||||||
|
dung lượng lớn hơn 20MB thì bạn cần sử dụng công cụ FTP (hoặc liên hệ bên cung cấp server để nâng giới hạn file
|
||||||
|
upload).</i>
|
||||||
|
|
||||||
<p class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold"> Upload poster quảng cáo </p>
|
<p
|
||||||
|
class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold">
|
||||||
|
Upload poster quảng cáo </p>
|
||||||
|
|
||||||
<div class="flex flex-wrap items-start m-[16px_0]">
|
<div class="flex flex-wrap items-start m-[16px_0]">
|
||||||
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
<div
|
||||||
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Upload Poster </a>
|
class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
|
||||||
|
style="color: #Fff;background: #0041E8;"> Upload Poster </a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form enctype="multipart/form-data" method="post" class="w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
<form enctype="multipart/form-data" method="post"
|
||||||
|
class="w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||||
<p class="mb-[20px]"> File zip chỉ được phép chứa file ảnh (jpg, gif) và html nếu có. </p>
|
<p class="mb-[20px]"> File zip chỉ được phép chứa file ảnh (jpg, gif) và html nếu có. </p>
|
||||||
|
|
||||||
<p class="mb-[20px]">
|
<p class="mb-[20px]">
|
||||||
<b class="text-[#E00000]">Chú ý</b>: Bạn cần nhớ tên file để truy cập, ví dụ bạn upload file abc.zip có chứa file khuyenmai.html, thì sau khi upload xong, đường dẫn truy cập sẽ là https://demopc8.hurasoft.com/media/marketing/abc/khuyenmai.html
|
<b class="text-[#E00000]">Chú ý</b>: Bạn cần nhớ tên file để truy cập, ví dụ bạn upload file abc.zip có
|
||||||
|
chứa file khuyenmai.html, thì sau khi upload xong, đường dẫn truy cập sẽ là
|
||||||
|
https://demopc8.hurasoft.com/media/marketing/abc/khuyenmai.html
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="flex items-center border border-[#ECECEC] mb-[10px] p-[8px_12px]">
|
<div class="flex items-center border border-[#ECECEC] mb-[10px] p-[8px_12px]">
|
||||||
@@ -26,7 +37,8 @@
|
|||||||
<input type="file" name="zip_file" size="40" />
|
<input type="file" name="zip_file" size="40" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<input name="submit" type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]">
|
<input name="submit" type="submit" value="Cập nhật"
|
||||||
|
class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]">
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -1,24 +1,32 @@
|
|||||||
<div class="max-w-[1141px] m-[17px_auto_20px]">
|
<div class="max-w-[1141px] m-[17px_auto_20px]">
|
||||||
<div class="flex flex-wrap items-start justify-center">
|
<div class="flex flex-wrap items-start justify-center">
|
||||||
|
|
||||||
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] flex flex-wrap items-center justify-between">
|
<div
|
||||||
|
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] flex flex-wrap items-center justify-between">
|
||||||
<p class="font-bold text-[20px]"> Sản phẩm phiếu khuyến mại </p>
|
<p class="font-bold text-[20px]"> Sản phẩm phiếu khuyến mại </p>
|
||||||
|
|
||||||
<a href="/admin/deal/deal-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
<a href="/admin/deal/deal-add"
|
||||||
|
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
<i class="far fa-file-excel mr-2"></i>
|
<i class="far fa-file-excel mr-2"></i>
|
||||||
<span>Tải danh sách hiện tại</span>
|
<span>Tải danh sách hiện tại</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<p class="w-[100%] text-[#6B7280] mt-[10px]"> Hướng dẫn: Để cập nhật/xoá Sản phẩm có mã khuyến mại, tải file excel mới nhất về và sửa từ đó. Để xoá sp thì chỉ cần xoá sp khỏi file excel. Sau khi chỉnh xong file excel thì Upload lại để hệ thống nhận mới. </p>
|
<p class="w-[100%] text-[#6B7280] mt-[10px]"> Hướng dẫn: Để cập nhật/xoá Sản phẩm có mã khuyến mại, tải file
|
||||||
|
excel mới nhất về và sửa từ đó. Để xoá sp thì chỉ cần xoá sp khỏi file excel. Sau khi chỉnh xong file
|
||||||
|
excel thì Upload lại để hệ thống nhận mới. </p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- col left -->
|
<!-- col left -->
|
||||||
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
<div
|
||||||
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Thông tin </a>
|
class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="javascript:void(0)"
|
||||||
|
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
|
||||||
|
style="color: #Fff;background: #0041E8;"> Thông tin </a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- col right -->
|
<!-- col right -->
|
||||||
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block text-[#6B7280]">
|
<form method="post" enctype="multipart/form-data"
|
||||||
|
class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block text-[#6B7280]">
|
||||||
|
|
||||||
<table>
|
<table>
|
||||||
<tr>
|
<tr>
|
||||||
@@ -34,16 +42,18 @@
|
|||||||
|
|
||||||
<td>
|
<td>
|
||||||
<label class="inline-flex items-center mb-[5px] cursor-pointer">
|
<label class="inline-flex items-center mb-[5px] cursor-pointer">
|
||||||
<input type="checkbox" class="mr-[10px] scale-[1.5]"/>
|
<input type="checkbox" class="mr-[10px] scale-[1.5]" />
|
||||||
<span> Xóa dữ liệu cũ trước khi cập nhật </span>
|
<span> Xóa dữ liệu cũ trước khi cập nhật </span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<i class="block font-[300]">(* Nếu lựa chọn, hệ thống sẽ xóa bỏ hết dữ liệu đang có trước khi cập nhật dữ liệu nhận được từ file excel)</i>
|
<i class="block font-[300]">(* Nếu lựa chọn, hệ thống sẽ xóa bỏ hết dữ liệu đang có trước khi
|
||||||
|
cập nhật dữ liệu nhận được từ file excel)</i>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<input name="commit" type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px] mt-[17px]"/>
|
<input name="commit" type="submit" value="Cập nhật"
|
||||||
|
class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px] mt-[17px]" />
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -18,7 +18,7 @@
|
|||||||
<span>Thêm khuyến mại mới</span>
|
<span>Thêm khuyến mại mới</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
|
<a href="/admin/marketing/promotion-group" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
|
||||||
<i class="far fa-bookmark mr-[8px]"></i>
|
<i class="far fa-bookmark mr-[8px]"></i>
|
||||||
<span>Nhóm khuyến mại</span>
|
<span>Nhóm khuyến mại</span>
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@@ -21,7 +21,7 @@
|
|||||||
|
|
||||||
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
|
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
|
||||||
<a href="" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
|
<a href="/admin/marketing/promotion-product?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
|||||||
84
template/marketing/promotion_group.html
Normal file
84
template/marketing/promotion_group.html
Normal file
@@ -0,0 +1,84 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/marketing/promotion"> Khuyến mại theo sản phẩm </a>
|
||||||
|
<a href=""> Nhóm khuyến mại </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white m-[0_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
|
<p class="leading-[30px] mb-[10px] font-bold text-[24px]"> Nhóm khuyến mại </p>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between m-[10px_0_15px]">
|
||||||
|
<p> Tổ chức khuyến mại theo nhóm để lựa chọn cho sản phẩm nhanh hơn. </p>
|
||||||
|
|
||||||
|
<a href="/admin/marketing/promotion-group-add" class="flex items-center whitespace-nowrap border border-[#0041E8] mr-[15px] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-white">
|
||||||
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm nhóm mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="40"> STT </td>
|
||||||
|
<td> Nhóm </td>
|
||||||
|
<td> Danh sách khuyến mại </td>
|
||||||
|
<td width="200"> Ghi chú </td>
|
||||||
|
<td> Cập nhật cuối </td>
|
||||||
|
<td> Sản phẩm </td>
|
||||||
|
<td width="85"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<b> KM màn </b>
|
||||||
|
<p> - Mô tả: </p>
|
||||||
|
<p> - Phân loại: Khách hàng được nhận tất cả KM trong nhóm </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p> - Đón Tết Rồng Vàng Tặng 2024 Phần Quà (0 VND) </p>
|
||||||
|
<p> - KM Giá treo màn hình (0 VND) </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td> </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p> Trần Kim Ngân </p>
|
||||||
|
<p> 05-02-2024, 10:15 am </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href="/admin/marketing/promotion-group-product?id=1" class="whitespace-nowrap block text-center leading-[30px] rounded-[4px] text-[#fff_!important] bg-[#0041E8] p-[0_6px]">
|
||||||
|
Xem sản phẩm
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="items-center flex justify-center">
|
||||||
|
<a href="/admin/marketing/promotion-group-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
|
||||||
|
|
||||||
|
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
187
template/marketing/promotion_group_add.html
Normal file
187
template/marketing/promotion_group_add.html
Normal file
@@ -0,0 +1,187 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/marketing/promotion"> Khuyến mại theo sản phẩm </a>
|
||||||
|
<a href=""> Form thêm/sửa khuyến mại </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||||
|
<div class="flex flex-wrap items-start justify-center">
|
||||||
|
{% if global.url contains 'id=' %}
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
||||||
|
<p class="font-bold text-[20px]"> Cập nhật </p>
|
||||||
|
|
||||||
|
<a href="/admin/marketing/promotion-group-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm nhóm mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<p class="w-[100%] text-[#6B7280]">
|
||||||
|
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="javascript:void(0)" style="color: #Fff;background: #0041E8;" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
|
||||||
|
<a href="/admin/marketing/promotion-group-product?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Danh sách sản phẩm </a>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
|
||||||
|
<p class="font-bold text-[20px] leading-[20px] mb-[17px]"> Thông tin cơ bản </p>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="font-bold mb-[7px]"> Đặt tên nhóm </p>
|
||||||
|
|
||||||
|
<input type="text" value="" class="w-[100%] h-[32px] border border-[#D8D8D8] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[25px]">
|
||||||
|
<p class="font-bold mb-[7px]"> Mô tả </p>
|
||||||
|
|
||||||
|
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="font-bold mb-[7px] inline-block"> Chọn khuyến mại </p>
|
||||||
|
|
||||||
|
<a href="#popup-promotionListToSelect" data-fancybox class="inline-block m-[0_10px] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Chọn khuyến mại vào nhóm
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<i class="font-300 text-[#6B7280]"> (* Cần nhấn Cập nhật để lưu lại) </i>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table mb-[15px]">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td> Khuyến mại </td>
|
||||||
|
<td width="130"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr id="js-row-1">
|
||||||
|
<td style="vertical-align: middle;"> - Tặng ngay 01 Bếp lẩu nướng đa năng- hiệu Edra </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="items-center flex justify-center">
|
||||||
|
|
||||||
|
<a href="javascript:void(0)" title="Cho lên" onclick="movePromotion('#js-row-1', 'up')" class="fas fa-long-arrow-alt-up bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a>
|
||||||
|
|
||||||
|
<a href="javascript:void(0)" title="Cho xuống" onclick="movePromotion('#js-row-1', 'down')" class="fas fa-long-arrow-alt-down bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a>
|
||||||
|
|
||||||
|
<a href="javascript:void(0)" title="Xóa" onclick="removeRow('#js-row-1')" class="icons icon-delete hover:border-[#0041E8]"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr id="js-row-2"> <td style="vertical-align: middle;"> - Test Khuyến mại 2 </td><td> <div class="items-center flex justify-center"> <a href="javascript:void(0)" title="Cho lên" onclick="movePromotion('#js-row-2', 'up')" class="fas fa-long-arrow-alt-up bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Cho xuống" onclick="movePromotion('#js-row-2', 'down')" class="fas fa-long-arrow-alt-down bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Xóa" onclick="removeRow('#js-row-2')" class="icons icon-delete hover:border-[#0041E8]"></a> </div></td></tr><tr id="js-row-3"> <td style="vertical-align: middle;"> - Test 3 </td><td> <div class="items-center flex justify-center"> <a href="javascript:void(0)" title="Cho lên" onclick="movePromotion('#js-row-3', 'up')" class="fas fa-long-arrow-alt-up bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Cho xuống" onclick="movePromotion('#js-row-3', 'down')" class="fas fa-long-arrow-alt-down bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px] hover:border-[#0041E8] hover:text-[#0041E8_!important] hover:bg-[#F5F7FF]"></a> <a href="javascript:void(0)" title="Xóa" onclick="removeRow('#js-row-3')" class="icons icon-delete hover:border-[#0041E8]"></a> </div></td></tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-[15px]">
|
||||||
|
<p class="font-bold mb-[7px]"> Ghi chú <i class="font-[300] font=[#6B7280]">(* dành cho quản trị)</i> </p>
|
||||||
|
|
||||||
|
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="border-[3px] border-[#FAFAFB] m-[16px_-16px]">
|
||||||
|
|
||||||
|
<input name="commit" type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]">
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Popup chọn khuyến mại -->
|
||||||
|
<div id="popup-promotionListToSelect" class="hidden p-[16px] rounded-[15px] w-[100%] max-w-[1141px]">
|
||||||
|
<p class="leading-[26px] text-[20px] font-bold mb-[17px]"> Chọn khuyến mại </p>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="50"> STT </td>
|
||||||
|
<td width="400"> Khuyến mại </td>
|
||||||
|
<td width="250"> Thời gian </td>
|
||||||
|
<td> Ghi chú </td>
|
||||||
|
<td width="190"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p> [Dịch vụ] </p>
|
||||||
|
<p> - Mô tả: <b> 🎁 Tặng ngay 01 màn hình Lenovo Q24i-20 trị giá 4.690.000 VNĐ </b> </p>
|
||||||
|
<p> - Giá trị: <b> 0 VNĐ </b> </p>
|
||||||
|
<p> - Số lượng: <b> 0 </b> </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p class="m-[0_6px_6px_0]">
|
||||||
|
- Bắt đầu: 23-10-2023, 12:00 am <br>
|
||||||
|
- Kết thúc: 28-10-2023, 12:00 am
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
|
||||||
|
Đã chạy
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
|
||||||
|
Đã dừng
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum cupiditate soluta, nam, placeat molestias, possimus id aliquam sed repellat voluptatum ullam quaerat voluptatem tempore quisquam? Assumenda atque exercitationem in officiis?</p> </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href="#popup-promotionListToSelect" data-fancybox="" class="block border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Chọn khuyến mại này
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging m-[20px_0!important]">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- Popup chọn khuyến mại -->
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
function removeRow(row_id) {
|
||||||
|
$(row_id).remove();
|
||||||
|
}
|
||||||
|
|
||||||
|
function move($div, dir) {
|
||||||
|
//var $div = $(this).parent();
|
||||||
|
if (dir === 'up') {
|
||||||
|
$div.insertBefore($div.prev());
|
||||||
|
} else {
|
||||||
|
$div.insertAfter($div.next());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function movePromotion(row, dir) {
|
||||||
|
var $div = $(row);
|
||||||
|
move($div, dir);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
290
template/marketing/promotion_group_product.html
Normal file
290
template/marketing/promotion_group_product.html
Normal file
@@ -0,0 +1,290 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/marketing/promotion"> Khuyến mại theo sản phẩm </a>
|
||||||
|
<a href="/admin/marketing/promotion-group"> Nhóm khuyến mại </a>
|
||||||
|
<a href=""> Form thêm/sửa nhóm khuyến mại </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||||
|
<div class="flex flex-wrap items-start justify-center">
|
||||||
|
{% if global.url contains 'id=' %}
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
||||||
|
<p class="font-bold text-[20px]"> Cập nhật </p>
|
||||||
|
|
||||||
|
<a href="/admin/marketing/promotion-group-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm nhóm mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<p class="w-[100%] text-[#6B7280]">
|
||||||
|
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="/admin/marketing/promotion-group-add?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
|
||||||
|
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Danh sách sản phẩm </a>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
|
||||||
|
<div class="flex flex-wrap items-center justify-between mb-[13px]">
|
||||||
|
<p class="font-bold text-[20px] leading-[20px] mr-3"> Danh sách sản phẩm có nhóm khuyến mại </p>
|
||||||
|
|
||||||
|
<a href="#popup-promotionListToSelect" data-fancybox="" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm sản phẩm mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="50"> STT </td>
|
||||||
|
<td width="90"> Ảnh </td>
|
||||||
|
<td width="350"> Tên </td>
|
||||||
|
<td> Thông tin bán hàng </td>
|
||||||
|
<td> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<img src="https://via.placeholder.com/400x300" class="block m-auto"/>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href="" target="_blank"> Mainboard MSI B450 TOMAHAWK MAX II (AMD B450, Socket AM4, ATX, 4 Khe Cắm Ram DDR4) </a>
|
||||||
|
<p> Mã kho : Hurasoft212333 </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p> - Giá bán: <b> 1.999.000 vnđ </b> </p>
|
||||||
|
<p> - Kho hàng : <b> 1 </b> </p>
|
||||||
|
<p> - Bảo hành : <b> 36 Tháng </b> </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="items-center flex justify-center">
|
||||||
|
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
|
||||||
|
<div id="popup-promotionListToSelect" class="hidden p-[16px] rounded-[15px] w-[100%] max-w-[1141px]">
|
||||||
|
<p class="leading-[26px] text-[20px] font-bold mb-[17px]"> Chọn sản phẩm vào nhóm khuyến mại </p>
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<input type="text" name="q" id="keyword" value="" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="flex items-center m-[15px_0]">
|
||||||
|
<a href="javascript:void(0)" onclick="js_list_category.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Chọn danh mục để xem
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="javascript:void(0)" onclick="js_list_brand.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Chọn thương hiệu để xem
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="50"> STT </td>
|
||||||
|
<td> Sản phẩm (Tổng số: 28.878) </td>
|
||||||
|
<td width="160"> Giá </td>
|
||||||
|
<td width="90"> Kho hàng </td>
|
||||||
|
<td width="150"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr align="center">
|
||||||
|
<td> 1 </td>
|
||||||
|
|
||||||
|
<td align="left">
|
||||||
|
<a href="" target="_blank"> Laptop Lenovo IdeaPad Slim 5 14IRL8 82XD007QVN (Intel Core i7-13620H | 16GB | 512GB | Intel UHD | 14 inch WUXGA | Win 11| Xám) </a>
|
||||||
|
<p> Mã kho : <b>NBLN0777</b> </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td> 19.999.000 </td>
|
||||||
|
|
||||||
|
<td> 1.000 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href="#popup-promotionListToSelect" data-fancybox="" class="block border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Chọn sản phẩm
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging m-[20px_0!important]">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Popup Danh mục + thương hiệu -->
|
||||||
|
<dialog id="js_list_category" class="modal">
|
||||||
|
<div class="modal-box max-w-xl p-[16px]">
|
||||||
|
<form method="dialog">
|
||||||
|
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn danh mục để xem </p>
|
||||||
|
<p class="m-[6px_0]"> Tổng số sản phẩm: 1.740 </p>
|
||||||
|
|
||||||
|
<ul class="h-[400px] overflow-auto leading-[24px]">
|
||||||
|
<li class="mb-[7px]">
|
||||||
|
<div>
|
||||||
|
+ (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="pl-[15px]">
|
||||||
|
|
||||||
|
<li class="mb-[2px]">
|
||||||
|
<div>
|
||||||
|
+ (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="pl-[15px]">
|
||||||
|
<li class="mb-[2px]">
|
||||||
|
<div>
|
||||||
|
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="pl-[15px]">
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
+ (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5)
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="mb-[2px]">
|
||||||
|
<div>
|
||||||
|
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="mb-[2px]">
|
||||||
|
<div>
|
||||||
|
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- loop -->
|
||||||
|
<li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li>
|
||||||
|
<!-- // -->
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- Clone -->
|
||||||
|
<li class="mb-[7px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li>
|
||||||
|
<!-- // clone -->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form method="dialog" class="modal-backdrop">
|
||||||
|
<button>close</button>
|
||||||
|
</form>
|
||||||
|
</dialog>
|
||||||
|
|
||||||
|
<dialog id="js_list_brand" class="modal">
|
||||||
|
<div class="modal-box max-w-xl p-[16px]">
|
||||||
|
<form method="dialog">
|
||||||
|
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn thương hiệu để xem </p>
|
||||||
|
|
||||||
|
<div class="h-[400px] overflow-auto">
|
||||||
|
<p class="mb-[6px]"> Tìm theo chữ cái: </p>
|
||||||
|
|
||||||
|
<div class="flex flex-wrap items-center brand-letters leading-[24px] mb-[20px]">
|
||||||
|
<a href="">
|
||||||
|
A <span class="text-[black]">(73)</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="40">STT</td>
|
||||||
|
<td>Thương hiệu</td>
|
||||||
|
<td width="120">Số sản phẩm</td>
|
||||||
|
<td width="80"></td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr align="center">
|
||||||
|
<td> 1 </td>
|
||||||
|
<td align="left"> ABS </td>
|
||||||
|
<td> 1 </td>
|
||||||
|
<td>
|
||||||
|
<a href="/admin/deal/deal-add?id=1" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<!-- loop -->
|
||||||
|
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
|
||||||
|
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
|
||||||
|
<!-- // -->
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form method="dialog" class="modal-backdrop">
|
||||||
|
<button>close</button>
|
||||||
|
</form>
|
||||||
|
</dialog>
|
||||||
|
<!-- Popup Danh mục + thương hiệu -->
|
||||||
290
template/marketing/promotion_product.html
Normal file
290
template/marketing/promotion_product.html
Normal file
@@ -0,0 +1,290 @@
|
|||||||
|
<div class="global-breadcrumb-container">
|
||||||
|
<a href="/admin/marketing/promotion"> Khuyến mại theo sản phẩm </a>
|
||||||
|
<a href=""> Form thêm/sửa khuyến mại </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-[1141px] m-[0_auto_20px]">
|
||||||
|
<div class="flex flex-wrap items-start justify-center">
|
||||||
|
{% if global.url contains 'id=' %}
|
||||||
|
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
||||||
|
<p class="font-bold text-[20px]"> Cập nhật </p>
|
||||||
|
|
||||||
|
<a href="/admin/marketing/promotion-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm khuyến mại mới</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<p class="w-[100%] text-[#6B7280]">
|
||||||
|
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||||
|
<a href="/admin/marketing/promotion-add?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
|
||||||
|
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Danh sách sản phẩm </a>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
|
||||||
|
<div class="flex flex-wrap items-center justify-between mb-[13px]">
|
||||||
|
<p class="font-bold text-[20px] leading-[20px] mr-3"> Danh sách sản phẩm có nhóm khuyến mại </p>
|
||||||
|
|
||||||
|
<a href="#popup-promotionListToSelect" data-fancybox="" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm sản phẩm mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="50"> STT </td>
|
||||||
|
<td width="90"> Ảnh </td>
|
||||||
|
<td width="350"> Tên </td>
|
||||||
|
<td> Thông tin bán hàng </td>
|
||||||
|
<td> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center"> 1 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<img src="https://via.placeholder.com/400x300" class="block m-auto"/>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href="" target="_blank"> Mainboard MSI B450 TOMAHAWK MAX II (AMD B450, Socket AM4, ATX, 4 Khe Cắm Ram DDR4) </a>
|
||||||
|
<p> Mã kho : Hurasoft212333 </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<p> - Giá bán: <b> 1.999.000 vnđ </b> </p>
|
||||||
|
<p> - Kho hàng : <b> 1 </b> </p>
|
||||||
|
<p> - Bảo hành : <b> 36 Tháng </b> </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="items-center flex justify-center">
|
||||||
|
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
|
||||||
|
|
||||||
|
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
|
||||||
|
<div id="popup-promotionListToSelect" class="hidden p-[16px] rounded-[15px] w-[100%] max-w-[1141px]">
|
||||||
|
<p class="leading-[26px] text-[20px] font-bold mb-[17px]"> Chọn sản phẩm vào nhóm khuyến mại </p>
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<input type="text" name="q" id="keyword" value="" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
<input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="flex items-center m-[15px_0]">
|
||||||
|
<a href="javascript:void(0)" onclick="js_list_category.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Chọn danh mục để xem
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="javascript:void(0)" onclick="js_list_brand.showModal()" class="leading-[34px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] mr-[15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Chọn thương hiệu để xem
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="50"> STT </td>
|
||||||
|
<td> Sản phẩm (Tổng số: 28.878) </td>
|
||||||
|
<td width="160"> Giá </td>
|
||||||
|
<td width="90"> Kho hàng </td>
|
||||||
|
<td width="150"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr align="center">
|
||||||
|
<td> 1 </td>
|
||||||
|
|
||||||
|
<td align="left">
|
||||||
|
<a href="" target="_blank"> Laptop Lenovo IdeaPad Slim 5 14IRL8 82XD007QVN (Intel Core i7-13620H | 16GB | 512GB | Intel UHD | 14 inch WUXGA | Win 11| Xám) </a>
|
||||||
|
<p> Mã kho : <b>NBLN0777</b> </p>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td> 19.999.000 </td>
|
||||||
|
|
||||||
|
<td> 1.000 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href="#popup-promotionListToSelect" data-fancybox="" class="block border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[30px] p-[0_10px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Chọn sản phẩm
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="paging m-[20px_0!important]">
|
||||||
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||||||
|
<a href="" class="current">1</a>
|
||||||
|
<a href="">2</a>
|
||||||
|
<a href="">3</a>
|
||||||
|
<a href="">4</a>
|
||||||
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- Popup Chọn sản phẩm vào nhóm khuyến mại -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Popup Danh mục + thương hiệu -->
|
||||||
|
<dialog id="js_list_category" class="modal">
|
||||||
|
<div class="modal-box max-w-xl p-[16px]">
|
||||||
|
<form method="dialog">
|
||||||
|
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn danh mục để xem </p>
|
||||||
|
<p class="m-[6px_0]"> Tổng số sản phẩm: 1.740 </p>
|
||||||
|
|
||||||
|
<ul class="h-[400px] overflow-auto leading-[24px]">
|
||||||
|
<li class="mb-[7px]">
|
||||||
|
<div>
|
||||||
|
+ (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="pl-[15px]">
|
||||||
|
|
||||||
|
<li class="mb-[2px]">
|
||||||
|
<div>
|
||||||
|
+ (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="pl-[15px]">
|
||||||
|
<li class="mb-[2px]">
|
||||||
|
<div>
|
||||||
|
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="pl-[15px]">
|
||||||
|
<li>
|
||||||
|
<div>
|
||||||
|
+ (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5)
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="mb-[2px]">
|
||||||
|
<div>
|
||||||
|
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="mb-[2px]">
|
||||||
|
<div>
|
||||||
|
+ (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5)
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- loop -->
|
||||||
|
<li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li>
|
||||||
|
<!-- // -->
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- Clone -->
|
||||||
|
<li class="mb-[7px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#1) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 1 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li><li class="mb-[2px]"> <div> + (#2) <a href="" class="font-bold text-[#0041E8]"> Danh mục cấp 2 </a> </div><ul class="pl-[15px]"> <li class="mb-[2px]"> <div> + (#3) <a href="" class="text-[#0041E8]"> Danh mục cấp 3 </a> (5) </div><ul class="pl-[15px]"> <li> <div> + (#4) <a href="" class="text-[#0041E8]"> Danh mục cấp 4 </a> (5) </div></li></ul> </li></ul> </li></ul> </li>
|
||||||
|
<!-- // clone -->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form method="dialog" class="modal-backdrop">
|
||||||
|
<button>close</button>
|
||||||
|
</form>
|
||||||
|
</dialog>
|
||||||
|
|
||||||
|
<dialog id="js_list_brand" class="modal">
|
||||||
|
<div class="modal-box max-w-xl p-[16px]">
|
||||||
|
<form method="dialog">
|
||||||
|
<button class="absolute bg-[#ECECEC] font-bold leading-[30px] right-2 rounded-[50%] text-[#9E9E9E] top-2 w-[30px]">✕</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p class="mb-[6px] font-bold text-[20px] leading-[26px]"> Chọn thương hiệu để xem </p>
|
||||||
|
|
||||||
|
<div class="h-[400px] overflow-auto">
|
||||||
|
<p class="mb-[6px]"> Tìm theo chữ cái: </p>
|
||||||
|
|
||||||
|
<div class="flex flex-wrap items-center brand-letters leading-[24px] mb-[20px]">
|
||||||
|
<a href="">
|
||||||
|
A <span class="text-[black]">(73)</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a><a href=""> g <span class="text-[black]">(73)</span></a><a href=""> 123 <span class="text-[black]">(73)</span></a><a href=""> b <span class="text-[black]">(73)</span></a><a href=""> c <span class="text-[black]">(73)</span></a><a href=""> d <span class="text-[black]">(73)</span></a><a href=""> e <span class="text-[black]">(73)</span></a><a href=""> f <span class="text-[black]">(73)</span></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="40">STT</td>
|
||||||
|
<td>Thương hiệu</td>
|
||||||
|
<td width="120">Số sản phẩm</td>
|
||||||
|
<td width="80"></td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr align="center">
|
||||||
|
<td> 1 </td>
|
||||||
|
<td align="left"> ABS </td>
|
||||||
|
<td> 1 </td>
|
||||||
|
<td>
|
||||||
|
<a href="/admin/deal/deal-add?id=1" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<!-- loop -->
|
||||||
|
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
|
||||||
|
<tr align="center"> <td> 2 </td><td align="left"> A </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 3</td><td align="left"> B</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 4 </td><td align="left"> C</td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr><tr align="center"> <td> 5 </td><td align="left"> ABS </td><td> 1 </td><td> <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_9px] text-[#fff_!important]">Xem</a> </td></tr>
|
||||||
|
<!-- // -->
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form method="dialog" class="modal-backdrop">
|
||||||
|
<button>close</button>
|
||||||
|
</form>
|
||||||
|
</dialog>
|
||||||
|
<!-- Popup Danh mục + thương hiệu -->
|
||||||
99
template/media/home.html
Normal file
99
template/media/home.html
Normal file
@@ -0,0 +1,99 @@
|
|||||||
|
<div
|
||||||
|
class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||||||
|
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách media </p>
|
||||||
|
|
||||||
|
<form method="get" enctype="multipart/form-data" action="/admin/"
|
||||||
|
class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
||||||
|
<input type="text" name="q" id="keyword" value="" placeholder=""
|
||||||
|
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
|
||||||
|
<input type="submit" value="Tìm kiếm"
|
||||||
|
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="flex items-center flex-wrap justify-between mb-[20px]">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<select
|
||||||
|
class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||||||
|
<option value=""> Xem phân nhóm </option>
|
||||||
|
<option value=""> option </option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<a href=""
|
||||||
|
class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||||||
|
Quản lý nhóm media
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href=""
|
||||||
|
class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[35px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
<span
|
||||||
|
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||||
|
<span>Thêm nội dung mới</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="m-[13pX_0]">
|
||||||
|
<b>Hướng dẫn:</b> Chức năng này cho phép bạn quản lý tất cả các loại file media (như file word, excel, ảnh
|
||||||
|
chương trình, ảnh banner, file flash, ảnh Sản phẩm ...) phục vụ cho website. Copy đường dẫn file và gắn vào miêu
|
||||||
|
tả Sản phẩm hay bài viết khác.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="order-page-table">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td width="50"> STT </td>
|
||||||
|
<td width="120"> Xem nhanh </td>
|
||||||
|
<td> Tên file </td>
|
||||||
|
<td width="120"> Loại file </td>
|
||||||
|
<td> Thời gian </td>
|
||||||
|
<td width="120"> Lựa chọn </td>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr align="center">
|
||||||
|
<td> 1 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href=""
|
||||||
|
class="block text-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||||
|
Xem nhanh
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<p class="mr-2 whitespace-nowrap"> Đường dẫn </p>
|
||||||
|
|
||||||
|
<input type="text" value="/media/lib/11-08-2023/new.png" readonly
|
||||||
|
class="max-w-[700px] w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-[#6B7280]">
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td> banner </td>
|
||||||
|
|
||||||
|
<td> 2023-08-11 00:00:00 </td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<div class="items-center flex justify-center">
|
||||||
|
<a href="" title="Sửa lại" class="icons icon-edit"></a>
|
||||||
|
|
||||||
|
<a href="" title="Xóa" class="icons icon-delete"></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-center mt-[5px]">
|
||||||
|
<p class="mr-[8px]">STT</p>
|
||||||
|
|
||||||
|
<input type="text" value="0"
|
||||||
|
class="w-[32px] h-[32px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
Reference in New Issue
Block a user