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

up

Browse Source
This commit is contained in:
Tieptk
2025-02-14 16:17:58 +07:00
parent e60866c99f
commit 84731fc375
17 changed files with 283 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
template/home/home.html
View File

@@ -1,72 +1,14 @@
<div class="content-holder gap-[16px] max-[1620px]:gap-[10px] grid grid-cols-10">
<!-- col-left -->
<div class="col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px]">
<div class="2xl:col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px] xl:col-span-10">
{% include 'home/components/main_stat' %}
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
<div class="pb-[14px] mb-[10px] border-b border-gray-200 dark:border-gray-700">
<h5 class="leading-[30px] text-[24px] font-[600]">3.4k</h5>
<div class="flex items-center justify-between">
<p class="text-[14px] text-[#7E7E7E]">Truy cập web trong tuần này</p>
<span
class="bg-green-100 text-green-800 text-xs font-medium inline-flex items-center px-2.5 py-1 rounded-md dark:bg-green-900 dark:text-green-300">
<svg class="w-2.5 h-2.5 me-1.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 10 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M5 13V1m0 0L1 5m4-4 4 4" />
</svg>
42.5%
</span>
</div>
</div>
<div class="grid grid-cols-2">
<dl class="flex items-center">
<dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Lượt truy cập:
</dt>
<dd class="text-gray-900 text-sm dark:text-white font-semibold">1.458</dd>
</dl>
<dl class="flex items-center justify-end">
<dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Người xem:</dt>
<dd class="text-gray-900 text-sm dark:text-white font-semibold">2.130</dd>
</dl>
</div>
<div id="js-access-chart"></div>
<div class="grid grid-cols-1 items-center border-gray-200 border-t dark:border-gray-700 justify-between">
<div class="flex justify-between items-center pt-5">
<select>
<option value=""> Last 7 days </option>
<option value=""> Yesterday </option>
<option value=""> Today </option>
<option value=""> Last 7 days </option>
<option value=""> Last 30 days </option>
<option value=""> Last 90 days </option>
</select>
<a href="#"
class="uppercase text-sm font-semibold inline-flex items-center rounded-lg text-blue-600 hover:text-blue-700 dark:hover:text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700 px-3 py-2">
Leads Report
<svg class="w-2.5 h-2.5 ms-1.5 rtl:rotate-180" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="m1 9 4-4-4-4" />
</svg>
</a>
</div>
</div>
</div>
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-4">
<p class="inline-block text-[20px] font-bold leading-[36px] mb-[16px] mr-[18px]"> Lịch sử chỉnh
<p class="inline-block text-[20px] text-custom-22 font-bold leading-[36px] mb-[16px] mr-[18px]"> Lịch sử
chỉnh
sửa </p>
<a href=""
@@ -86,7 +28,7 @@
</svg>
</a>
<table class="table">
<table class="table text-custom-16">
<thead align="center" class="bg-[#F6F6F6] font-700 text-[14px] text-[#000]">
<td width="50"> STT </td>
<td width="265"> Người dùng </td>
@@ -118,20 +60,22 @@
</div>
<!-- col-right -->
<div class="col-span-3">
<div class="2xl:col-span-3 xl:col-span-10">
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] mb-[16px]">
<div id="js-admin-home-tab"
class="admin-home-tab rounded-[8px] bg-[#FAFAFA] mb-[16px] text-[12px] font-[500] flex items-center">
<a href="#js-report-most-viewed-products" class="current">Sản phẩm xem nhiều</a>
class="admin-home-tab rounded-[8px] bg-[#FAFAFA] mb-[16px] text-custom-14 text-[12px] font-[500] flex items-center">
<a href="#js-report-most-viewed-products" class="current">Sản phẩm
xem
nhiều</a>
<a href="#js-report-introduce-web"> Web giới thiệu</a>
<a href="#js-report-key-word"> Từ khóa</a>
<a href="#js-report-article"> Bài viết</a>
</div>
<div class="home-report-holder block" id="js-report-most-viewed-products">
<table class="table">
<thead class="bg-[#f6f6f6] text-[14px] font-700 text-[#000]">
<table class="table text-custom-16">
<thead class="bg-[#f6f6f6] text-[14px] text-custom-16 font-700 text-[#000]">
<td width="50" class="text-center">STT</td>
<td>Sản phẩm</td>
<td width="75">Lượt xem</td>
@@ -164,14 +108,15 @@
<div class="home-report-holder" id="js-report-introduce-web">
<div>
<p class="font-bold leading-[20px] text-[16px] mb-[15px]">Truy cập website</p>
<p class="font-bold leading-[20px] text-[16px] mb-[15px] text-custom-18">Truy cập website</p>
<div>
<div class="flex" id="devices">
<div class="flex items-center me-4">
<input id="web_1" type="checkbox" value="web_1"
class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
<label for="web_1" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">Web
<label for="web_1"
class="ms-2 text-sm text-custom-16 font-medium text-gray-900 dark:text-gray-300">Web
1</label>
</div>
@@ -239,7 +184,7 @@
</div>
<div class="home-report-holder" id="js-report-article">
<table class="table">
<table class="table text-custom-16">
<thead class="bg-[#F6F6F6] text-[14px] font-700 text-[#000]">
<td width="50" class="text-center">STT</td>
<td>Bài viết</td>
@@ -274,7 +219,7 @@
<div class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px]">
<div class="flex flex-wrap items-center justify-between mb-[10px]">
<p class="font-[500]">Ghi nhắc việc làm cá nhân</p>
<p class="font-[500] text-[14px] text-custom-16">Ghi nhắc việc làm cá nhân</p>
<div
class="relative rounded-[4px] max-w-[120px] bg-white leading-[32px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0px_9px_0px_30px]">
@@ -306,7 +251,7 @@
</form>
<div class="home-todo-list">
<table class="table">
<table class="table text-custom-16">
<thead class="bg-[#F6F6F6] text-[14px] text-[#000] font-700">
<td class="text-center"> STT </td>
<td> Nội dung </td>