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

update system

Browse Source
This commit is contained in:
Tieptk
2024-03-18 12:03:24 +07:00
parent 5cf4155fcc
commit d33bec681f
33 changed files with 2440 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
assets/script/pc_style.css
View File

@@ -1163,4 +1163,19 @@ input[type=radio]:focus:before {
transform: translate(0, -50%);
content: "\f133";
font-family: "Font Awesome 6 Free";
}
.css-table th {
padding: 10px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
text-align: left;
}
.css-table td {
padding: 10px;
border: 1px solid #ececec;
}
.css-table .name {
color: #0041e8;
}/*# sourceMappingURL=pc_style.css.map */

17
assets/script/pc_style.scss
View File

@@ -1206,3 +1206,20 @@ input[type="radio"] {
font-family: "Font Awesome 6 Free";
}
}
.css-table {
th {
padding: 10px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
text-align: left;
}
td {
padding: 10px;
border: 1px solid #ececec;
}
.name {
color: #0041e8;
}
}

1
data/report/customer.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/report/order.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/report/product_buy.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/report/product_visit.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/report/referer.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/report/search.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/system/ban_ip.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/system/email.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/system/settings.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/system/setup.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/system/store_address.php Normal file
View File

@@ -0,0 +1 @@
<?php

1
data/system/store_design.php Normal file
View File

@@ -0,0 +1 @@
<?php

4
template/javascript/index.html
View File

@@ -20,4 +20,8 @@
{% include javascript/brand %}
{% elsif global.module == 'report' %}
{% include javascript/visitor %}
{% endif %}

285
template/javascript/visitor.html Normal file
View File

@@ -0,0 +1,285 @@
<script src="/assets/script/charts.js"></script>
<script>
$(document).ready(function () {
access_chart();
chart_pie();
revenue_chart();
})
// Truy cập
function access_chart() {
const options = {
colors: ["#0041E8", "#FFC700"],
series: [
{
name: "Lượt truy cập",
color: "#0041E8",
data: [
{ x: "Mon", y: 231 },
{ x: "Tue", y: 122 },
{ x: "Wed", y: 63 },
{ x: "Thu", y: 421 },
{ x: "Fri", y: 122 },
{ x: "Sat", y: 323 },
{ x: "Sun", y: 111 },
],
},
{
name: "Số khách",
color: "#FFC700",
data: [
{ x: "Mon", y: 232 },
{ x: "Tue", y: 113 },
{ x: "Wed", y: 341 },
{ x: "Thu", y: 224 },
{ x: "Fri", y: 522 },
{ x: "Sat", y: 411 },
{ x: "Sun", y: 243 },
],
},
],
chart: {
type: "bar",
height: "320px",
fontFamily: "Inter, sans-serif",
toolbar: {
show: false,
},
},
plotOptions: {
bar: {
horizontal: false,
columnWidth: "70%",
borderRadiusApplication: "end",
borderRadius: 8,
},
},
tooltip: {
shared: true,
intersect: false,
style: {
fontFamily: "Inter, sans-serif",
},
},
states: {
hover: {
filter: {
type: "darken",
value: 1,
},
},
},
stroke: {
show: true,
width: 0,
colors: ["transparent"],
},
grid: {
show: false,
strokeDashArray: 4,
padding: {
left: 2,
right: 2,
top: -14
},
},
dataLabels: {
enabled: false,
},
legend: {
show: true,
position: 'top',
},
xaxis: {
floating: false,
labels: {
show: true,
style: {
fontFamily: "Inter, sans-serif",
cssClass: 'text-xs font-normal fill-gray-500 dark:fill-gray-400'
}
},
axisBorder: {
show: false,
},
axisTicks: {
show: false,
},
},
yaxis: {
show: false,
},
fill: {
opacity: 1,
},
}
if (document.getElementById("js-access-chart") && typeof ApexCharts !== 'undefined') {
const chart = new ApexCharts(document.getElementById("js-access-chart"), options);
chart.render();
}
}
function chart_pie() {
const getChartOptions = () => {
return {
series: [55, 30, 15],
colors: ["#0041E8", "#41C0E9", "#A8E5DA",],
chart: {
height: "370px",
width: "100%",
type: "pie",
},
stroke: {
colors: ["transparent"],
lineCap: "",
},
plotOptions: {
pie: {
labels: {
show: true,
name: {
show: true,
fontFamily: "Inter, sans-serif",
offsetY: 20,
},
value: {
show: true,
fontFamily: "Inter, sans-serif",
offsetY: -20,
formatter: function (value) {
return value + "%"
},
},
},
size: "100%",
},
},
labels: ["Desktop", "Table", "Mobile"],
dataLabels: {
enabled: true,
textAnchor: 'middle',
offsetX: '50%',
offsetY: '50%',
borderWidth: 1,
borderColor: '#fff',
},
legend: {
position: "bottom",
fontFamily: "Inter, sans-serif",
},
yaxis: {
labels: {
formatter: function (value) {
return value + "%"
},
},
},
xaxis: {
labels: {
formatter: function (value) {
return value + "%"
},
},
axisTicks: {
show: true,
},
axisBorder: {
show: true,
},
},
}
}
if (document.getElementById("js-chart-pie") && typeof ApexCharts !== 'undefined') {
const chart = new ApexCharts(document.getElementById("js-chart-pie"), getChartOptions());
chart.render();
}
}
// Doanh thu
function revenue_chart() {
let options = {
chart: {
maxWidth: "100%",
height: "320px",
type: "area",
fontFamily: "Inter, sans-serif",
dropShadow: {
enabled: false,
},
toolbar: {
show: false,
},
},
tooltip: {
enabled: true,
x: {
show: false,
},
},
fill: {
type: "gradient",
gradient: {
opacityFrom: 0.55,
opacityTo: 0,
shade: "#1C64F2",
gradientToColors: ["#1C64F2"],
},
},
dataLabels: {
enabled: false,
},
stroke: {
width: 6,
},
grid: {
show: false,
strokeDashArray: 4,
padding: {
left: 2,
right: 2,
top: 0
},
},
series: [
{
name: "New users",
data: [6500, 6418, 6456, 6526, 6356, 6456],
color: "#0041E8",
},
],
xaxis: {
categories: [
'01 February',
'02 February',
'03 February',
'04 February',
'05 February',
'06 February',
'07 February'
],
labels: {
show: false,
},
axisBorder: {
show: false,
},
axisTicks: {
show: false,
},
},
yaxis: {
show: false,
},
}
if (document.getElementById("js-revenue-chart") && typeof ApexCharts !== 'undefined') {
const chart = new ApexCharts(document.getElementById("js-revenue-chart"), options);
chart.render();
}
}
</script>

122
template/report/customer.html Normal file
View File

@@ -0,0 +1,122 @@
<div class="w-[100%]">
<div class="m-[15px] p-[15px] rounded-[15px]">
<h1 class="text-[24px] font-[700] mb-[15px]">Thống kê truy cập</h1>
<div class="flex">
<div
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mr-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="flex items-center justify-between pb-[10px] border-b-[1px] border-[#ECECEC]">
<div class="left">
<b class="text-[24px] block">1.45K</b>
<span class="text-[#7E7E7E]">Truy cập web trong tuần này</span>
</div>
<div class="right">
<div
class="flex items-center w-[60px] h-[28px] bg-[#E8F7F2] text-[#299D00] justify-center rounded-[4px]">
<span class="mr-[5px] font-[700]">12%</span>
<i class="fa-solid fa-arrow-up font-[700]"></i>
</div>
</div>
</div>
<div id="js-access-chart" style="min-height: 335px;"></div>
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
<select name="" id="" class="">
<option value="">Last 7 days</option>
</select>
</div>
</div>
<div
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mx-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
<b class="text-[24px] block">Truy cập website</b>
<select name="" id="" class="text-[#0041E8]">
<option value="">28/12/2023 - 03/01/2024</option>
</select>
</div>
<div id="js-chart-pie" style="min-height: 335px;"></div>
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
<select name="" id="" class="">
<option value="">Last 7 days</option>
</select>
</div>
</div>
<div
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] ml-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
<b class="text-[24px] block">Truy cập theo tỉnh thành</b>
<select name="" id="" class="text-[#0041E8]">
<option value="">28/12/2023 - 03/01/2024</option>
</select>
</div>
<div id="js-chart-pie" style="min-height: 335px;"></div>
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
<select name="" id="" class="">
<option value="">Last 7 days</option>
</select>
</div>
</div>
</div>
<div class="flex mt-[15px]">
<div class="w-[700px] mr-[7px] p-[10px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A] bg-white">
<div class="flex items-center justify-between">
<div class="flex items-center">
<p>Khách hàng đăng ký mới trong 30 ngày: </p>
<b class="ml-[5px]">11.458</b>
</div>
<a href=""
class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
<i class="fa-regular fa-file-excel"></i></a>
</div>
<table class="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Ngày</th>
<th>Số truy cập</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>

131
template/report/order.html Normal file
View File

@@ -0,0 +1,131 @@
<div class="w-[100%]">
<div class="m-[15px] p-[15px] rounded-[15px]">
<h1 class="text-[24px] font-[700] mb-[15px]">Thống kê đơn hàng</h1>
<div class="flex">
<div
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mr-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="flex items-center justify-between pb-[10px] border-b-[1px] border-[#ECECEC]">
<div class="left">
<b class="text-[24px] block">1.45K</b>
<span class="text-[#7E7E7E]">Truy cập web trong tuần này</span>
</div>
<div class="right">
<div
class="flex items-center w-[60px] h-[28px] bg-[#E8F7F2] text-[#299D00] justify-center rounded-[4px]">
<span class="mr-[5px] font-[700]">12%</span>
<i class="fa-solid fa-arrow-up font-[700]"></i>
</div>
</div>
</div>
<div id="js-revenue-chart" style="min-height: 335px;"></div>
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
<select name="" id="" class="">
<option value="">Last 7 days</option>
</select>
</div>
</div>
<div
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mx-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
<b class="text-[24px] block">Truy cập website</b>
<select name="" id="" class="text-[#0041E8]">
<option value="">28/12/2023 - 03/01/2024</option>
</select>
</div>
<div id="js-chart-pie" style="min-height: 335px;"></div>
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
<select name="" id="" class="">
<option value="">Last 7 days</option>
</select>
</div>
</div>
<div
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] ml-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
<b class="text-[24px] block">Truy cập theo tỉnh thành</b>
<select name="" id="" class="text-[#0041E8]">
<option value="">28/12/2023 - 03/01/2024</option>
</select>
</div>
<div id="js-chart-pie" style="min-height: 335px;"></div>
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
<select name="" id="" class="">
<option value="">Last 7 days</option>
</select>
</div>
</div>
</div>
<div class="flex mt-[15px]">
<div class="w-[700px] mr-[7px] p-[10px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A] bg-white">
<div class="flex items-center justify-between">
<div class="flex items-center">
<p>Khách hàng đăng ký mới trong 30 ngày: </p>
<b class="ml-[5px]">11.458</b>
</div>
<a href=""
class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
<i class="fa-regular fa-file-excel"></i></a>
</div>
<table class="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Ngày</th>
<th>Số đơn hàng mới</th>
<th class="w-[120px]">Tình trạng</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
<td>
<span class="m-auto w-[14px] h-[14px] block rounded-[50%] bg-[#FFC700]"></span>
</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
<td>
<span class="m-auto w-[14px] h-[14px] block rounded-[50%] bg-[#0041E8]"></span>
</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
<td>
<span class="m-auto w-[14px] h-[14px] block rounded-[50%] bg-[#FFC700]"></span>
</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
<td>
<span class="m-auto w-[14px] h-[14px] block rounded-[50%] bg-[#E00000]"></span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>

101
template/report/product_buy.html Normal file
View File

@@ -0,0 +1,101 @@
<div class="w-[100%]">
<div class="p-[15px]">
<h1 class="text-[24px] font-[700] mb-[15px]">Sản phẩm mua nhiều</h1>
<div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="flex items-center justify-between pb-[5px] border-b-[1px] border-[#ECECEC]">
<b class="text-[20px]">Top sản phẩm mua nhiều</b>
<select name="" id="">
<option value="">Last 7 days</option>
</select>
</div>
<div class="content py-[10px]">
<div class="mb-[15px]">
<a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
<div class="flex items-center justify-between">
<div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
<div class="absolute w-[70%] h-[100%] rounded-[9px] left-[0] bg-[#E00000]"></div>
</div>
<span>223 đơn</span>
</div>
</div>
<div class="mb-[15px]">
<a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
<div class="flex items-center justify-between">
<div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
<div class="absolute w-[50%] h-[100%] rounded-[9px] left-[0] bg-[#0041E8]"></div>
</div>
<span>223 đơn</span>
</div>
</div>
<div class="">
<a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
<div class="flex items-center justify-between">
<div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
<div class="absolute w-[20%] h-[100%] rounded-[9px] left-[0] bg-[#0041E8]"></div>
</div>
<span>223 đơn</span>
</div>
</div>
</div>
</div>
<div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A] mt-[15px]">
<div class="flex items-center justify-between">
<div class="flex items-center">
<p>Khách hàng đăng ký mới trong 30 ngày: </p>
<b class="ml-[5px]">11.458</b>
</div>
<a href=""
class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
<i class="fa-regular fa-file-excel"></i></a>
</div>
<table class="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Mã số</th>
<th>Sản phẩm</th>
<th class="w-[75px]">Số đơn</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

101
template/report/product_visit.html Normal file
View File

@@ -0,0 +1,101 @@
<div class="w-[100%]">
<div class="p-[15px]">
<h1 class="text-[24px] font-[700] mb-[15px]">Sản phẩm xem nhiều</h1>
<div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="flex items-center justify-between pb-[5px] border-b-[1px] border-[#ECECEC]">
<b class="text-[20px]">Top sản phẩm xem nhiều</b>
<select name="" id="">
<option value="">Last 7 days</option>
</select>
</div>
<div class="content py-[10px]">
<div class="mb-[15px]">
<a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
<div class="flex items-center justify-between">
<div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
<div class="absolute w-[70%] h-[100%] rounded-[9px] left-[0] bg-[#E00000]"></div>
</div>
<span>223 đơn</span>
</div>
</div>
<div class="mb-[15px]">
<a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
<div class="flex items-center justify-between">
<div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
<div class="absolute w-[50%] h-[100%] rounded-[9px] left-[0] bg-[#0041E8]"></div>
</div>
<span>223 đơn</span>
</div>
</div>
<div class="">
<a href="" class="block mb-[5px] text-[#0041E8]">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
<div class="flex items-center justify-between">
<div class="relative w-[540px] h-[18px] rounded-[9px] bg-[#E5E5E5]">
<div class="absolute w-[20%] h-[100%] rounded-[9px] left-[0] bg-[#0041E8]"></div>
</div>
<span>223 đơn</span>
</div>
</div>
</div>
</div>
<div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A] mt-[15px]">
<div class="flex items-center justify-between">
<div class="flex items-center">
<p>Khách hàng đăng ký mới trong 30 ngày: </p>
<b class="ml-[5px]">11.458</b>
</div>
<a href=""
class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
<i class="fa-regular fa-file-excel"></i></a>
</div>
<table class="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Mã số</th>
<th>Sản phẩm</th>
<th class="w-[75px]">Số đơn</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
<tr>
<td>1</td>
<td>#2081</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>223</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

113
template/report/referer.html Normal file
View File

@@ -0,0 +1,113 @@
<div class="w-[100%]">
<div class="p-[15px]">
<h1 class="text-[24px] font-[700] mb-[15px]">Website giới thiệu</h1>
<div class="flex">
<div
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mr-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="flex items-center justify-between pb-[10px] border-b-[1px] border-[#ECECEC]">
<div class="left">
<b class="text-[24px] block">1.45K</b>
<span class="text-[#7E7E7E]">Truy cập web trong tuần này</span>
</div>
<div class="right">
<div
class="flex items-center w-[60px] h-[28px] bg-[#E8F7F2] text-[#299D00] justify-center rounded-[4px]">
<span class="mr-[5px] font-[700]">12%</span>
<i class="fa-solid fa-arrow-up font-[700]"></i>
</div>
</div>
</div>
<div id="js-revenue-chart" style="min-height: 335px;"></div>
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
<select name="" id="" class="">
<option value="">Last 7 days</option>
</select>
</div>
</div>
<div
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mx-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
<b class="text-[24px] block">Khách hàng biết tới website</b>
<select name="" id="" class="text-[#0041E8]">
<option value="">28/12/2023 - 03/01/2024</option>
</select>
</div>
<div id="js-chart-pie" style="min-height: 335px;"></div>
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
<select name="" id="" class="">
<option value="">Last 7 days</option>
</select>
</div>
</div>
</div>
<div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A] my-[15px]">
<div class="flex items-center justify-between">
<div class="flex items-center">
<p>Các website mang người xem đến website của quý khách nhiều nhất trong tháng</p>
</div>
<a href=""
class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
<i class="fa-regular fa-file-excel"></i></a>
</div>
<table class="style-table mt-[15px]">
<thead>
<tr>
<td class="w-[50px]">STT</td>
<td>Nguồn</td>
<td class="w-[150px]">Lượt giới thiệu</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>278</td>
</tr>
<tr>
<td>1</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>278</td>
</tr>
<tr>
<td>1</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>278</td>
</tr>
</tbody>
</table>
</div>
<div class="bg-white p-[15px] mt-[15px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b class="text-[red]">Giải thích thuật ngữ:</b>
<ul class="list-disc list-inside">
<li class="mb-[5px]">Khi quý khách quảng cáo Sản phẩm, tin tức ở diễn đàn hay ở website nào khác,
hãy cố gắng đặt đường link để
người dùng click vào link đó và truy cập vào website của quý khách. Càng nhiều đường link, website
của
quý khách sẽ được
các bộ máy tìm kiếm như Google, Yahoo, Bing tìm đến và lưu lại thông tin. Như vậy sẽ có hiệu quả tốt
khi
người dùng tìm
kiếm Google và nhìn thấy được website của quý khách mà không phải là tin bài quý khách đã quảng cáo
ở
các website khác.
</li>
</ul>
</div>
</div>
</div>

95
template/report/search.html Normal file
View File

@@ -0,0 +1,95 @@
<div class="w-[100%]">
<div class="p-[15px]">
<h1 class="text-[24px] font-[700] mb-[15px]">Thống kê tìm kiếm</h1>
<div class="flex">
<div
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mr-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="flex items-center justify-between pb-[10px] border-b-[1px] border-[#ECECEC]">
<div class="left">
<b class="text-[24px] block">1.45K</b>
<span class="text-[#7E7E7E]">Truy cập web trong tuần này</span>
</div>
<div class="right">
<div
class="flex items-center w-[60px] h-[28px] bg-[#E8F7F2] text-[#299D00] justify-center rounded-[4px]">
<span class="mr-[5px] font-[700]">12%</span>
<i class="fa-solid fa-arrow-up font-[700]"></i>
</div>
</div>
</div>
<div id="js-revenue-chart" style="min-height: 335px;"></div>
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
<select name="" id="" class="">
<option value="">Last 7 days</option>
</select>
</div>
</div>
<div
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mx-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
<b class="text-[24px] block">Công cụ tìm kiếm website</b>
<select name="" id="" class="text-[#0041E8]">
<option value="">28/12/2023 - 03/01/2024</option>
</select>
</div>
<div id="js-chart-pie" style="min-height: 335px;"></div>
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
<select name="" id="" class="">
<option value="">Last 7 days</option>
</select>
</div>
</div>
</div>
<div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A] my-[15px]">
<div class="flex items-center justify-between">
<div class="flex items-center">
<p>Tìm kiếm tại website nhiều nhất trong 30 ngày qua</p>
</div>
<a href=""
class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
<i class="fa-regular fa-file-excel"></i></a>
</div>
<table class="style-table mt-[15px]">
<thead>
<tr>
<td class="w-[50px]">STT</td>
<td>Nguồn</td>
<td class="w-[150px]">Lượt giới thiệu</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>278</td>
</tr>
<tr>
<td>1</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>278</td>
</tr>
<tr>
<td>1</td>
<td>
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
</td>
<td>278</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

199
template/report/visitor.html
View File

@@ -1 +1,198 @@
template/report/visitor.html
<div class="w-[100%]">
<div class="m-[15px] p-[15px] rounded-[15px]">
<h1 class="text-[24px] font-[700] mb-[15px]">Thống kê truy cập</h1>
<div class="flex">
<div
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mr-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="flex items-center justify-between pb-[10px] border-b-[1px] border-[#ECECEC]">
<div class="left">
<b class="text-[24px] block">1.45K</b>
<span class="text-[#7E7E7E]">Truy cập web trong tuần này</span>
</div>
<div class="right">
<div
class="flex items-center w-[60px] h-[28px] bg-[#E8F7F2] text-[#299D00] justify-center rounded-[4px]">
<span class="mr-[5px] font-[700]">12%</span>
<i class="fa-solid fa-arrow-up font-[700]"></i>
</div>
</div>
</div>
<div id="js-access-chart" style="min-height: 335px;"></div>
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
<select name="" id="" class="">
<option value="">Last 7 days</option>
</select>
</div>
</div>
<div
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mx-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
<b class="text-[24px] block">Truy cập website</b>
<select name="" id="" class="text-[#0041E8]">
<option value="">28/12/2023 - 03/01/2024</option>
</select>
</div>
<div id="js-chart-pie" style="min-height: 335px;"></div>
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
<select name="" id="" class="">
<option value="">Last 7 days</option>
</select>
</div>
</div>
<div
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] ml-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
<div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
<b class="text-[24px] block">Truy cập theo tỉnh thành</b>
<select name="" id="" class="text-[#0041E8]">
<option value="">28/12/2023 - 03/01/2024</option>
</select>
</div>
<div id="js-chart-pie" style="min-height: 335px;"></div>
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
<select name="" id="" class="">
<option value="">Last 7 days</option>
</select>
</div>
</div>
</div>
<div class="flex mt-[15px]">
<div class="w-[50%] mr-[7px] p-[10px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A] bg-white">
<div class="flex items-center justify-between">
<div class="flex items-center">
<p>Tổng số lượt truy cập trong 30 ngày: </p>
<b class="ml-[5px]">11.458</b>
</div>
<a href=""
class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
<i class="fa-regular fa-file-excel"></i></a>
</div>
<table class="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Ngày</th>
<th>Số truy cập</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
</tbody>
</table>
</div>
<div class="w-[50%] ml-[7px] p-[10px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A] bg-white">
<div class="flex items-center justify-between">
<div class="flex items-center">
<p>Tổng số lượt truy cập trong 30 ngày: </p>
<b class="ml-[5px]">11.458</b>
</div>
<a href=""
class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
<i class="fa-regular fa-file-excel"></i></a>
</div>
<table class="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Ngày</th>
<th>Số truy cập</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
<tr>
<td>1</td>
<td>05-12-2021</td>
<td>235</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="bg-white p-[15px] mt-[15px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b class="text-[red]">Giải thích thuật ngữ:</b>
<ul class="list-disc list-inside">
<li class="mb-[5px]"><b>Giới thiệu bởi: </b>
Giới thiệu bởi : Là địa chỉ website mang người xem tới website. Ví dụ: Người xem đang xem website
abcd.com và thấy có
đường link Sản phẩm, người đó click vào đường link để tới website của bạn, như vậy website abcd.com
sẽ được hệ thống lưu
lại. Hãy quảng cáo link Sản phẩm hoặc gian hàng của bạn ở các website khác để tăng sự giới thiệu.
</li>
<li class="mb-[5px]">
<b>IP : </b>Đây là địa chỉ IP của máy tính của người xem. Mỗi máy tính đều có 1 địa chỉ riêng để
nhận
biết (và gọi IP). Trong
một mạng nội bộ chia sẻ (ví dụ: quán Internet Cafe) thì nhiều máy dùng chung 1 đường dây mạng sẽ
có cùng 1 địa chỉ IP
(khi truy cập bên ngoài).
</li>
<li class="mb-[5px]">
<b>Thời gian : </b>Thời gian truy cập website
</li>
<li class="mb-[5px]">
<b>Trang được xem : </b>Trang chi tiết trên website được xem.
</li>
</ul>
</div>
</div>
</div>

72
template/system/ban_ip.html Normal file
View File

@@ -0,0 +1,72 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href=""> Chặn IP xấu truy cập website </a>
</div>
<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]">
<p class="font-bold text-[20px] leading-[26px] mb-[5px] block"> Chặn IP xấu truy cập website </p>
<p class="text-[14px] text-[#6B7280]">Chức năng này cho phép bạn ngăn chặn một số địa chỉ IP truy cập vào
website. Thường dùng
để chặn đối thủ hoặc
những
người có mục đích xấu muốn phá hoại website của bạn</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">
Thông tin
</a>
</div>
<div class="w-[852px]">
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_1px_1px_0px_#0000001A]">
<b class="block text-[20px] mb-[10px]">Nhập IP cần cấm (mỗi IP 1 dòng)</b>
<div class="flex items-center">
Bạn có thể xem địa chỉ IP tại <a href="/admin/report/visitor" class="text-[#0041E8] ml-[5px]">Báo cáo
truy
cập</a>. Để loại bỏ
IP khỏi danh sách cấm, xóa IP
trong danh sách
và cập nhật
lại.
</div>
<div class="flex mt-[15px]">
<textarea name="" id=""
class="p-[15px] w-[400px] h-[350px] border-[1px] border-[#D8D8D8] rounded-[4px]">103.123.97.250
72.35.247.140
151.80.39.52
151.80.39.228
151.80.39.*
151.80.39.0/255
94.198.55.223
94.198.55.*
94.198.55.0/255
5.62.61.213
113.166.92.31
14.164.185.*
144.76.60.98
46.159.119.174
123.30.175.83</textarea>
<div class="text-[#6B7280] italic ml-[15px] mt-[15px]">
<p>Hỗ trợ các định dạng: 127.0.0.1</p>
<p>172.0.0.*</p>
<p>173.0.*.*</p>
<p>126.1.0.0/24</p>
<p>125.0.0.1-125.0.0.9</p>
</div>
</div>
</div>
<div
class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
<input type="submit" value="Cập nhật"
class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>
</div>

394
template/system/email.html Normal file
View File

@@ -0,0 +1,394 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href=""> Email bán hàng/CSKH </a>
</div>
<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]">
<p class="font-bold text-[20px] leading-[26px] block"> Cài đặt Email </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">
Thông tin
</a>
</div>
<div class="w-[852px]">
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_1px_1px_0px_#0000001A]">
<b class="block text-[20px] mb-[10px]">Cài đặt email cho website</b>
<b class="block text-[16px] mb-[5px]">Cài đặt email</b>
<table class="style-table">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Phân loại</th>
<th class="w-[345px]">Cài đặt</th>
<th class="w-[115px]">Hành động</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-text-top">1</td>
<td>
<b>Email gửi thông báo cho khách hàng (*)</b>
<p>Dùng gửi khách hàng khi họ đặt hàng, báo tình trạng đơn hàng v.v. Cần phải dùng một dịch
vụ gửi email để gửi đi. Mặc
định là dùng hotro@demopc8.hurasoft.com và sử dụng dịch vụ gửi email của HuraSoft.
</p>
</td>
<td class="align-text-top">
<div class="flex items-center">
<p>Email *</p>
<input type="text"
class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">2</td>
<td>
<b>Email nhận chung (*)</b>
<p>Bắt buộc. Sẽ được dùng để nhận tất cả các thông báo của website nếu các email khác dưới
đây không được cài.
</p>
</td>
<td class="align-text-top">
<div class="flex items-center">
<p>Email *</p>
<input type="text"
class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">3</td>
<td>
<b>Email nhận thông báo đơn hàng</b>
<p>Các đơn hàng mới sẽ được gửi thông báo vào Email này</p>
</td>
<td class="align-text-top">
<div class="flex items-center">
<p>Email *</p>
<input type="text"
class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">4</td>
<td>
<b>Email nhận liên hệ</b>
<p>Các liên hệ mới sẽ được gửi thông báo vào Email này</p>
</td>
<td class="align-text-top">
<div class="flex items-center">
<p>Email *</p>
<input type="text"
class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
</tbody>
</table>
</div>
<div
class="p-[15px] border-t-[6px] border-[#FAFAFB] bg-white rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b class="block text-[20px] mb-[10px]">Cài đặt email cho website</b>
<div class="text-[#6B7280]">
Hướng dẫn: Nên dùng Editor ở phần <a href="" class="ml-[2px] text-[#0041E8]">sửa template</a> để chỉnh
nội dung html rồi copy/cập nhật ở
đây
</div>
<table class="style-table">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Phân loại</th>
<th class="w-[312px]">Nội dung</th>
<th>Hành động</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-text-top">1</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">2</td>
<td class="align-text-top">
Email gửi thông báo cho khách hàng khi đơn hàng được cập nhật trạng thái
mới <br> email_tpl_update_buyer_order_status
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">3</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">4</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">5</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">6</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">7</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">8</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
<tr>
<td class="align-text-top">9</td>
<td class="align-text-top">
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
</td>
<td>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
nội
dung</a>
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
<textarea name="" id=""
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
<p>- Dữ liệu có thể dùng. page</p>
<div class="flex items-center">
<p>- Test hiển thị:</p>
<a href="javascript:void(0)"
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
hiển thị</a>
</div>
</div>
</td>
<td class="align-text-top">
<a href="javascript:void(0)"
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
nhật</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

98
template/system/form_setup/general.html Normal file
View File

@@ -0,0 +1,98 @@
<div class="w-[852px]">
<div class="p-[15px] mb-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<table class="css-table">
<tr>
<td class="w-[258px] align-text-top ">
<b>Tạm đóng website</b>
<p class="text-[#6B7280]">(Nếu bạn chưa muốn người dùng xem website, hãy tạm đóng lại)</p>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[140px]">Mật khẩu để xem</b>
<input type="text"
class="w-[130px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] mx-[10px]">
<span class="text-[#E00000] italic">(Xóa bỏ mật khẩu để mở lại website)</span>
</div>
<div class="flex items-center">
<b class="w-[140px]">Nội dung thông báo khách hàng:</b>
<textarea type="text"
class="w-[calc(100%_-160px)] h-[75px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] mx-[10px]"></textarea>
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Xác thực tên miền với Google Sử dụng khi cài email của Google</b>
</td>
<td>
<textarea type="text"
class="w-[97%] h-[75px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"></textarea>
<p class="text-[#6B7280] italic">Nhập nội dung của file Google vào ô trên</p>
<div class="text-[#6B7280] italic flex">
(<p>V.d.</p> <span class="text-[#E00000]">google-site-verification:
google0b0cdca26a03ce2e.html</span>)
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top"><b>Tỷ giá ngoại tệ (USD/VND)</b></td>
<td>
<input type="text" class="w-[250px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"
placeholder="1" />
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Số lượng sản phẩm / 1 trang danh mục</b>
</td>
<td>
<input type="text" class="w-[250px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"
placeholder="1" />
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Thứ tự sản phẩm mặc định trong danh mục</b>
</td>
<td>
<select type="text"
class="w-[250px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
<option value="">Thứ tự cài đặt, mới cập nhật</option>
</select>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Số lượng tin tức hiển thị / 1 trang</b>
</td>
<td>
<input type="text" class="w-[250px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"
placeholder="1" />
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>SiteManager (nếu có)</b>
</td>
<td>
<input type="text" class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"
placeholder="SiteManager (nếu có)" />
<span class="block text-[#6B7280] italic mt-[5px]">v.d. http://web.hurasoft.com</span>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>SiteManager Access Key</b>
</td>
<td>
<input type="text" class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]"
placeholder="SiteManager Access Key" />
<span class="block text-[#6B7280] italic mt-[5px]">xem trong sitemanager</span>
</td>
</tr>
</table>
<input type="submit" value="Cập nhật"
class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>

121
template/system/form_setup/homepage.html Normal file
View File

@@ -0,0 +1,121 @@
<div class="w-[852px]">
<div class="p-[15px] mb-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b>Hướng dẫn:</b>
<ul>
<li>- ID danh mục: nhập danh sách các ID danh mục cách nhau dấu , hoặc khoảng trắng.
Để percat nếu muốn hệ thống
tự động lấy theo danh mục sản phẩm đang xem</li>
<li>- Số lượng hiển thị : Nhập 0 nếu không muốn dùng nội dung, điền số > 0 để có
số lượng cần lấy Để website chạy nhanh nhất, chỉ kích hoạt các nội dung mà giao diện hiển thị cần đến.
</li>
</ul>
<table class="css-table mt-[15px]">
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm nổi bật (HOT)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm bán chạy nhất (BEST SALE)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm mới nhất (NEW)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm xả hàng (SALE OFF)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Tin tức</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Bộ sưu tập sản phẩm</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
</table>
<input type="submit" value="Cập nhật"
class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>

121
template/system/form_setup/pro_category.html Normal file
View File

@@ -0,0 +1,121 @@
<div class="w-[852px]">
<div class="p-[15px] mb-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b>Hướng dẫn:</b>
<ul>
<li>- ID danh mục: nhập danh sách các ID danh mục cách nhau dấu , hoặc khoảng trắng.
Để <span class="text-[#E00000]">percat</span> nếu muốn hệ thống
tự động lấy theo danh mục sản phẩm đang xem</li>
<li>- Số lượng hiển thị : Nhập 0 nếu không muốn dùng nội dung, điền số > 0 để có
số lượng cần lấy Để website chạy nhanh nhất, chỉ kích hoạt các nội dung mà giao diện hiển thị cần đến.
</li>
</ul>
<table class="css-table mt-[15px]">
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm nổi bật (HOT)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm bán chạy nhất (BEST SALE)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm mới nhất (NEW)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Sản phẩm xả hàng (SALE OFF)</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Tin tức</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Bộ sưu tập sản phẩm</b>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[130px]">ID danh mục</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
<div class="flex items-center">
<b class="w-[130px]">Số lượng hiển thị</b>
<input type="text"
class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
</div>
</td>
</tr>
</table>
<input type="submit" value="Cập nhật"
class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>

71
template/system/form_setup/product.html Normal file
View File

@@ -0,0 +1,71 @@
<div class="w-[852px]">
<div class="p-[15px] mb-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<table class="css-table">
<tr>
<td class="w-[258px] align-text-top">
<b class="block">Kích thước ảnh sản phẩm</b>
<span class="text-[#6B7280] italic">Điều chỉnh kích thước ảnh cho phù hợp với giao diện
website:</span>
</td>
<td>
<div class="flex items-center mb-[10px]">
<b class="w-[70px]">thumb</b>
<input type="text"
class="w-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
<span class="italic ml-[7px] text-[#6B7280]">px</span>
</div>
<div class="flex items-center mb-[10px]">
<b class="w-[70px]">small</b>
<input type="text"
class="w-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
<span class="italic ml-[7px] text-[#6B7280]">px</span>
</div>
<div class="flex items-center mb-[10px]">
<b class="w-[70px]">medium</b>
<input type="text"
class="w-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
<span class="italic ml-[7px] text-[#6B7280]">px</span>
</div>
<div class="flex items-center">
<b class="w-[70px]">large</b>
<input type="text"
class="w-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
<span class="italic ml-[7px] text-[#6B7280]">px</span>
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Tạo ảnh vuông</b>
</td>
<td>
<div class="check-form flex items-center mb-[10px]">
<input type="checkbox" name="" value="1" checked
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">Tạo các ảnh nhỏ hình vuông với kích thước như trên
</span>
</div>
</td>
</tr>
<tr>
<td class="w-[258px] align-text-top">
<b>Ghi chữ bản quyền lên ảnh</b>
</td>
<td>
<div class="check-form flex items-center">
<input type="checkbox" name="" value="1" checked
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">Ghi bản quyền</span>
</div>
<p class="ml-[25px] text-[#6B7280] italic">(Tên miền website demopc8.hurasoft.com sẽ được ghi lên
ảnh sản
phẩm)</p>
</td>
</tr>
</table>
<input type="submit" value="Cập nhật"
class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>

168
template/system/settings.html Normal file
View File

@@ -0,0 +1,168 @@
<div class="w-[100%]">
<div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<h1 class="text-[24px] font-[700] mb-[15px]">Tổng hợp các cài đặt cho website</h1>
<div class="mb-[30px]">
<b class="block mb-[10px]">Cài đặt hiển thị ngoài giao diện:</b>
<table class="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Nội dung</th>
<th class="w-[150px]">Quản lý</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Header (logo, banner top)</td>
<td>
<a href="/admin/system/store-design"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
lý</a>
</td>
</tr>
<tr>
<td>2</td>
<td>Banner popup</td>
<td>
<a href="/admin/system/store-design/section=popup"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
lý</a>
</td>
</tr>
<tr>
<td>3</td>
<td>Ảnh/màu nền website</td>
<td>
<a href="/admin/system/store-design/section=background"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
lý</a>
</td>
</tr>
<tr>
<td>4</td>
<td>Thông tin cài đặt tùy biến khác</td>
<td>
<a href="/admin/system/store-design/section=other"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
lý</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="mb-[15px]">
<b class="block mb-[10px]">Cài đặt dùng cho hệ thống:</b>
<table class="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th>Nội dung</th>
<th class="w-[150px]">Quản lý</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Cài đặt hiển thị</td>
<td>
<a href="/admin/system/setup"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
lý</a>
</td>
</tr>
<tr>
<td>2</td>
<td>Chi nhánh cửa hàng</td>
<td>
<a href="/admin/system/store-address"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
lý</a>
</td>
</tr>
<tr>
<td>3</td>
<td>Chặn IP xấu truy cập website</td>
<td>
<a href="/admin/system/ban-ip"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
lý</a>
</td>
</tr>
<tr>
<td>4</td>
<td>Email bán hàng/CSKH</td>
<td>
<a href="/admin/system/email"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
lý</a>
</td>
</tr>
<tr>
<td>5</td>
<td>Print/ Xuất Excel</td>
<td>
<a href="/admin/system/print"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
lý</a>
</td>
</tr>
<tr>
<td>6</td>
<td>Meta SEO trang chủ</td>
<td>
<a href="/admin/system/change-info"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
lý</a>
</td>
</tr>
<tr>
<td>7</td>
<td>Thông tin giới thiệu cửa hàng</td>
<td>
<a href="/admin/system/change-info"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
lý</a>
</td>
</tr>
<tr>
<td>8</td>
<td>Thông tin các tỉnh/thành/quận-huyện</td>
<td>
<a href="/admin/system/province-list"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
lý</a>
</td>
</tr>
<tr>
<td>9</td>
<td>Các phương thức thanh toán</td>
<td>
<a href="/admin/system/pay-method"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
lý</a>
</td>
</tr>
<tr>
<td>10</td>
<td>Các phương thức vận chuyển</td>
<td>
<a href="/admin/system/ship-method"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
lý</a>
</td>
</tr>
<tr>
<td>11</td>
<td>Cài đặt phí vận chuyển</td>
<td>
<a href="/admin/shipping2"
class="block m-auto w-[115px] h-[30px] leading-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center text-[#0041E8] hover:bg-[#0041E8] hover:text-white">Quản
lý</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

58
template/system/setup.html Normal file
View File

@@ -0,0 +1,58 @@
<div class="global-breadcrumb-container">
<a href="/admin/system/setup"> Cài đặt chung </a>
<a href=""> Cài đặt hiển thị </a>
</div>
<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]">
<p class="font-bold text-[20px] leading-[26px] mb-[10px]"> Cài đặt hiển thị </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/system/setup/option=general" {% if global.url contains 'option=general' %}
style="color: #Fff;background: #0041E8;" {% endif %}
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">Cài
đặt chung
</a>
<a href="/admin/system/setup/option=homepage" {% if global.url contains 'option=homepage' %}
style="color: #Fff;background: #0041E8;" {% endif %}
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Trang chủ
</a>
<a href="/admin/system/setup/option=pro_category" {% if global.url contains 'option=pro_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
</a>
<a href="/admin/system/setup/option=product" {% if global.url contains 'option=product' %}
style="color: #Fff;background: #0041E8;" {% endif %}
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Chi tiết sản phẩm
</a>
</div>
{% if global.url contains 'option=general' %}
{% include 'system/form_setup/general' %}
{% elsif global.url contains 'option=homepage' %}
{% include 'system/form_setup/homepage' %}
{% elsif global.url contains 'option=pro_category' %}
{% include 'system/form_setup/pro_category' %}
{% elsif global.url contains 'option=product' %}
{% include 'system/form_setup/product' %}
{% endif %}
</div>

142
template/system/store_address.html Normal file
View File

@@ -0,0 +1,142 @@
<div class="global-breadcrumb-container">
<a href="/admin/system"> Cài đặt chung </a>
<a href=""> Cài đặt chi nhánh cửa hàng </a>
</div>
<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]">
<p class="font-bold text-[20px] leading-[26px]"> Các địa chỉ cửa hàng </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">
Thêm địa chỉ mới
</a>
</div>
<div class="w-[852px]">
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_1px_1px_0px_#0000001A]">
<b class="block text-[20px] mb-[10px]">Thêm địa chỉ mới</b>
<div class="flex items-center">
<div class="form-control mb-[15px] mr-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Đặt tên</label>
<input type="text" size="60" name="" placeholder="Đặt tên"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
<div class="form-control mb-[15px] ml-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Tel</label>
<input type="text" size="60" name="" placeholder="Tel"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
</div>
<div class="flex items-center">
<div class="form-control mb-[15px] w-[100%] mr-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Tỉnh/TP</label>
<select name="" id=""
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<option value="">-- Chọn tỉnh/TP --</option>
</select>
</div>
<div class="form-control mb-[15px] w-[100%] ml-[7px]">
<label class="font-[600] mb-[5px] text-[14px]">Quận huyện</label>
<select name="" id=""
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<option value="">-- Chọn Quận/Huyện --</option>
</select>
</div>
</div>
<div class="form-control mb-[15px]">
<label class="font-[600] mb-[5px] text-[14px]">Địa chỉ</label>
<input type="text" size="60" name="" placeholder="Địa chỉ"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
<div class="form-control mb-[15px]">
<label class="font-[600] mb-[5px] text-[14px]">StoreID trên phần mềm kho hàng (nếu có)</label>
<input type="text" size="60" name="" placeholder="StoreID trên phần mềm kho hàng (nếu có)"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</div>
<div class="flex items-center">
<b class="w-[200px]">Đây là 1 cửa hàng ?</b>
<div class="check-form flex items-center">
<input type="checkbox" name="" value="1" checked
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">Đây là 1 cửa hàng khách có thể tới
</span>
</div>
</div>
<input type="submit" value="Cập nhật"
class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
<div
class="p-[15px] mb-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
<b class="block text-[20px] mb-[10px]">Danh sách địa chỉ cửa hàng</b>
<table class="style-table mb-[15px]">
<thead>
<tr>
<th class="w-[50px]">STT</th>
<th class="w-[135px]">Tên gọi</th>
<th>Địa chỉ</th>
<th class="w-[100px]">Tỉnh</th>
<th>Là 1 cửa hàng</th>
<th class="w-[70px]">ERP ID</th>
<th>Lựa chọn</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>HACOM Q7, TP. Hồ Chí Minh</td>
<td>500 Nguyễn Thị Thập - Quận 7 - TP. Hồ Chí Minh</td>
<td>TP HCM</td>
<td>yes</td>
<td>Ton120</td>
<td>
<div class='list-btn flex items-center'>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
<tr>
<td>1</td>
<td>HACOM Q7, TP. Hồ Chí Minh</td>
<td>500 Nguyễn Thị Thập - Quận 7 - TP. Hồ Chí Minh</td>
<td>TP HCM</td>
<td>yes</td>
<td>Ton120</td>
<td>
<div class='list-btn flex items-center'>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-edit'></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
<a href=""
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
class='icons icon-remove'></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

1
template/theme.html
View File

@@ -26,6 +26,7 @@
<body>
<div class="admin-global-container">
<!-- Menu full -->