update system
This commit is contained in:
@@ -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 */
|
||||
@@ -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
1
data/report/customer.php
Normal file
@@ -0,0 +1 @@
|
||||
<?php
|
||||
1
data/report/order.php
Normal file
1
data/report/order.php
Normal file
@@ -0,0 +1 @@
|
||||
<?php
|
||||
1
data/report/product_buy.php
Normal file
1
data/report/product_buy.php
Normal file
@@ -0,0 +1 @@
|
||||
<?php
|
||||
1
data/report/product_visit.php
Normal file
1
data/report/product_visit.php
Normal file
@@ -0,0 +1 @@
|
||||
<?php
|
||||
1
data/report/referer.php
Normal file
1
data/report/referer.php
Normal file
@@ -0,0 +1 @@
|
||||
<?php
|
||||
1
data/report/search.php
Normal file
1
data/report/search.php
Normal file
@@ -0,0 +1 @@
|
||||
<?php
|
||||
1
data/system/ban_ip.php
Normal file
1
data/system/ban_ip.php
Normal file
@@ -0,0 +1 @@
|
||||
<?php
|
||||
1
data/system/email.php
Normal file
1
data/system/email.php
Normal file
@@ -0,0 +1 @@
|
||||
<?php
|
||||
1
data/system/settings.php
Normal file
1
data/system/settings.php
Normal file
@@ -0,0 +1 @@
|
||||
<?php
|
||||
1
data/system/setup.php
Normal file
1
data/system/setup.php
Normal file
@@ -0,0 +1 @@
|
||||
<?php
|
||||
1
data/system/store_address.php
Normal file
1
data/system/store_address.php
Normal file
@@ -0,0 +1 @@
|
||||
<?php
|
||||
1
data/system/store_design.php
Normal file
1
data/system/store_design.php
Normal file
@@ -0,0 +1 @@
|
||||
<?php
|
||||
@@ -20,4 +20,8 @@
|
||||
|
||||
{% include javascript/brand %}
|
||||
|
||||
{% elsif global.module == 'report' %}
|
||||
|
||||
{% include javascript/visitor %}
|
||||
|
||||
{% endif %}
|
||||
285
template/javascript/visitor.html
Normal file
285
template/javascript/visitor.html
Normal 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
122
template/report/customer.html
Normal 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
131
template/report/order.html
Normal 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
101
template/report/product_buy.html
Normal 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
101
template/report/product_visit.html
Normal 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
113
template/report/referer.html
Normal 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
95
template/report/search.html
Normal 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>
|
||||
@@ -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
72
template/system/ban_ip.html
Normal 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
394
template/system/email.html
Normal 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
98
template/system/form_setup/general.html
Normal 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
121
template/system/form_setup/homepage.html
Normal 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
121
template/system/form_setup/pro_category.html
Normal 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
71
template/system/form_setup/product.html
Normal 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
168
template/system/settings.html
Normal 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
58
template/system/setup.html
Normal 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
142
template/system/store_address.html
Normal 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>
|
||||
@@ -26,6 +26,7 @@
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
<div class="admin-global-container">
|
||||
|
||||
<!-- Menu full -->
|
||||
|
||||
Reference in New Issue
Block a user