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

update

Browse Source
This commit is contained in:
Tieptk
2025-12-11 13:30:40 +07:00
parent ebfaf799eb
commit 70ca13999e
10 changed files with 271 additions and 818 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
template/marketing/promotion.html
View File

@@ -1,17 +1,14 @@
<div class="w-[100%]">
<div
class="marketing-coupon-page bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<div class="w-full">
<div class="marketing-coupon-page bg-white p-3 rounded shadow">
<p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Khuyến mại theo sản phẩm </p>
<form method="get" enctype="multipart/form-data" action="/admin/"
class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<form method="get" enctype="multipart/form-data" action="/admin/" class=" p-3 bg-white rounded-sm shadow">
<input type="hidden" name="opt" value="marketing">
<input type="hidden" name="view" value="promotion">
<input type="text" name="q" id="keyword" value=""
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
<input type="submit" value="Tìm kiếm"
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
<div class="flex items-center gap-3">
<input type="text" name="q" id="keyword" value="" class="input bg-white rounded-sm shadow" />
<input type="submit" value="Tìm kiếm" class="btn btn-active">
</div>
</form>
<div class="flex items-center justify-between m-[20px_0_25px]">
@@ -19,26 +16,23 @@
phù
hợp cho từng khuyến mại </p>
<div class="flex items-center">
<a href="/admin/marketing/promotion-add"
class="flex items-center whitespace-nowrap border border-[#0041E8] mr-[15px] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
<span
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1">+</span>
<div class="flex items-center gap-3">
<a href="/admin/marketing/promotion-add" class="btn btn-view btn-outline btn-md">
<i data-lucide="circle-plus" class="size-4"></i>
<span>Thêm khuyến mại mới</span>
</a>
<a href="/admin/marketing/promotion-group"
class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
<i class="far fa-bookmark mr-[8px]"></i>
<a href="/admin/marketing/promotion-group" class="btn btn-view btn-outline btn-md">
<i data-lucide="bookmark" class="size-4"></i>
<span>Nhóm khuyến mại</span>
</a>
</div>
</div>
<div class="overflow-x-auto">
<div class="overflow-x-auto border border-gray-200 rounded-sm">
<table class="table">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr class="font-[600]">
<thead>
<tr class="bg-base-200 font-bold text-black">
<td width="50"> STT </td>
<td> Khuyến mại </td>
<td> Thời gian </td>
@@ -53,7 +47,7 @@
<td class="whitespace-nowrap">
<p>
[Quà tặng] <b class="text-[#0041E8] font-bold">Phiếu mua hàng trị giá 100.000 VND</b>
[Quà tặng] <b class="text-active font-bold">Phiếu mua hàng trị giá 100.000 VND</b>
</p>
<p> - Mô tả: Phiếu mua hàng </p>
<p> - Giá trị: 0 VND </p>
@@ -70,22 +64,21 @@
</td>
<td>
<a href="/admin/marketing/promotion-product?id=1"
class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px]">Xem</a>
<a href="/admin/marketing/promotion-product?id=1" class="btn btn-active btn-sm">Xem</a>
</td>
<td>
<div class="flex items-center flex-wrap justify-center w-[180px]">
<div class="flex items-center flex-wrap justify-center gap-3">
<a href="/admin/marketing/promotion-add?id=1"
class="border-[1px] border-[#0041E8] icons icon-edit w-[32px] h-[32px] mr-[6px]"
title="Sửa lại"></a>
<a href="" title="Cho Hiển thị"
class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
class="btn btn-soft btn-sm btn-square btn-view" title="Sửa lại">
<i data-lucide="pencil" class="size-3"></i>
</a>
<a href="" title="Cho Hiển thị" class="btn btn-soft btn-sm btn-square btn-view">
<i data-lucide="eye" class="size-3"></i>
</a>
<a href="" class="btn btn-soft btn-sm btn-square btn-error">
<i data-lucide="trash-2" class="size-3"></i>
</a>
<!-- <a href="" title="Hạ Hiển thị" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> -->
<a href="" title="Dừng khuyến mại"
class="fas fa-volume-mute bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tbody>

347
template/marketing/promotion_add.html
View File

@@ -3,26 +3,22 @@
<a href=""> Form thêm/sửa khuyến mại </a>
</div>
<div class="max-w-[1141px] m-[auto] p-[0_15px]">
<div class="flex flex-wrap items-start justify-center">
{% if global.url contains 'id=' %}
<div
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
<p class="font-bold text-[20px]"> Cập nhật </p>
<div class="w-7xl mx-auto">
<div class="w-full mt-5 p-3 bg-white rounded-sm shadow flex flex-wrap items-center justify-between">
<p class="font-bold text-xl"> Cập nhật </p>
<a href="/admin/marketing/promotion-add"
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span
class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm khuyến mại mới</span>
</a>
<a href="/admin/marketing/promotion-add" class="btn btn-outline btn-view btn-sm">
<i data-lucide="circle-plus" class="size-3"></i>
<span>Thêm khuyến mại mới</span>
</a>
<p class="w-[100%] text-[#6B7280]">
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
</p>
</div>
<p class="w-full text-[#6B7280]">
Tặng phiếu vệ sinh bảo dưỡng Laptop, PC miễn phí trọn đời trị giá 999.000đ (THEK417)
</p>
</div>
<div class="w-[25%] mr-[16px]">
<div class="grid grid-cols-4 gap-5 mt-5">
<div class="">
<div
class="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)"
@@ -36,17 +32,14 @@
</div>
{% endif %}
<form method="post" enctype="multipart/form-data"
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] block">
class="order-page-table bg-white p-3 rounded-sm shadow col-span-3">
<p class="mb-[20px] font-bold text-[20px]">Thông tin cơ bản</p>
<p class="font-bold text-xl">Thông tin cơ bản</p>
<div class="mb-[18px]">
<p class="mb-[7px]"> <b>Hình thức</b> </p>
<select class="w-[300px_!important] select select-bordered h-[40px] min-h-[40px]">
<div class="mt-5 flex items-center gap-3">
<b class="block">Hình thức</b>
<select class="select w-[120px]">
<option value="" selected> Quà tặng </option>
<option value=""> Dịch vụ </option>
<option value=""> Sản phẩm </option>
@@ -54,196 +47,181 @@
</select>
</div>
<div class="mb-[18px]">
<p class="inline-block m-[0_17px_7px_0]"> <b>Ảnh đại diện (nếu có)</b> </p>
<input type="file" name="file_thumbnail" />
<div>
<img src="https://via.placeholder.com/400x300" class="block m-[10px_0_0] max-h-[100px]" />
</div>
<div class="mt-5">
<b class="block mb-2">Ảnh đại diện (nếu có)</b>
<div id="avatar-promotion" class="mt-3"></div>
</div>
<div class="mb-[18px]">
<p class="mb-[7px]"> <b>Đặt tiêu đề khuyến mại</b> </p>
<input type="text" value=""
class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
<div class="mt-5">
<b class="block">Đặt tiêu đề khuyến mại</b>
<input type="text" value="" class="w-full input input-md input-bordered rounded-sm shadow mt-3" />
</div>
<div class="flex flex-wrap justify-between">
<div class="mb-[18px] w-[49%]">
<div class="grid grid-cols-2 gap-3 mt-5">
<div class="">
<p class="mb-[7px]"> <b>Giá trị bằng</b> (VNĐ) </p>
<input type="text" value="0"
class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<div class="mb-[18px] w-[49%]">
<div class="">
<p class="mb-[7px]"> <b>Số lượng</b> (Để = -1 nếu không hạn chế số lượng)</p>
<input type="text" value="0"
class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
</div>
<div class="mb-[18px]">
<p class="mb-[7px]"> <b>Mô tả</b> </p>
<div class="mt-5">
<b class="block">Mô tả</b>
<textarea
class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
<textarea class="w-full textarea textarea-bordered rounded-sm shadow mt-3"></textarea>
</div>
<div class="mb-[18px] flex flex-wrap">
<p class="mr-[45px]"> <b>Thời gian hiệu lực</b> </p>
<div class="grid grid-cols-4 gap-3 mt-5">
<b class="block">Thời gian hiệu lực</b>
<div class="mb-[18px]">
<div class="col-span-3">
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[time_valid]" value="0" class="radio checked:bg-blue-500"
<label class="cursor-pointer flex items-center gap-2">
<input type="radio" name="info[time_valid]" value="0" class="radio radio-active"
checked="checked" />
<span class="label-text ml-[10px]">Không giới hạn thời gian</span>
<span class="label-text">Không giới hạn thời gian</span>
</label>
<label class="cursor-pointer flex items-center gap-2 mt-3">
<input type="radio" name="info[time_valid]" value="1" class="radio radio-active" />
<span class="label-text">Thời gian giới hạn</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[time_valid]" value="1" class="radio checked:bg-blue-500" />
<span class="label-text ml-[10px]">Thời gian giới hạn</span>
</label>
<div class="items-center mb-[10px]" style="display: flex;">
<p style="width: 65px;"> Bắt đầu </p>
<div class="relative m-[0_20px_0_10px]">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<div class="mt-3 grid grid-cols-2 gap-3">
<div class="grid grid-cols-2 gap-3">
<p> Bắt đầu </p>
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
class="input rounded-sm shadow w-[200px]" />
</div>
<div class="flex items-center gap-3">
<p> Giờ </p>
<select name='info[from_time_minute]' id='from_time_minute'
class="select select-bordered w-[100px] rounded-sm">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="12:30">12:30</option>
<option value="13:00">13:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>
</div>
<p class="mr-[10px]"> Giờ </p>
<select name='info[from_time_minute]' id='from_time_minute'
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="12:30">12:30</option>
<option value="13:00">13:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>
</div>
<div class="items-center" style="display: flex;">
<p style="width: 65px;"> Kết thúc </p>
<div class="relative m-[0_20px_0_10px]">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
<input type="date" name="to_time_date" value="" placeholder="Từ ngày"
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
<div class="mt-3 grid grid-cols-2 gap-3">
<div class="grid grid-cols-2 gap-3">
<p> Kết thúc </p>
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
class="input rounded-sm shadow w-[200px]" />
</div>
<div class="flex items-center gap-3">
<p> Giờ </p>
<select name='info[to_time_minute]' id='to_time_minute'
class="select select-bordered w-[100px] rounded-sm">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="12:30">12:30</option>
<option value="13:00">13:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>
</div>
<p class="mr-[10px]"> Giờ </p>
<select name='info[to_time_minute]' id='from_time_minute'
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="12:30">12:30</option>
<option value="13:00">13:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>
</div>
</div>
</div>
<div class="mb-[18px]">
<p class="mb-[7px]"> <b>Link liên quan (nếu có)</b> (Link tới 1 bài viết giới thiệu chi tiết hoặc link
sản phẩm) </p>
<input type="text" value=""
class="w-[100%] h-[34px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
<div class="mt-5">
<div class="flex items-center gap-2"> <b>Link liên quan (nếu có)</b> (Link tới 1 bài viết giới thiệu chi
tiết hoặc link
sản phẩm) </div>
<input type="text" value="" class="w-full input input-md input-bordered rounded-sm shadow mt-3" />
</div>
<div class="mb-[18px]">
@@ -275,4 +253,5 @@
class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</form>
</div>
</div>