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

upload 28/03

Browse Source
This commit is contained in:
Tieptk
2025-03-28 14:38:02 +07:00
parent fe6ba5b1a0
commit a399a7bedd
8 changed files with 832 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

320
template/product/set_form.html Normal file
View File

@@ -0,0 +1,320 @@
<div class="w-[100%] mb-[50px]">
<div class="text-sm breadcrumbs ml-[10px]">
<ul>
<li><a href="/admin/product/set">Combo set</a></li>
<li class="text-[#0041E8]">Form thêm/sửa combo set</li>
</ul>
</div>
<div class="w-[1140px] my-0 mx-auto">
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
<div class="flex items-center justify-between">
<h1 class="text-[20px] font-[700]">Cập nhật combo set</h1>
<a href="/admin/product/set-form"
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
<span
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[10.3px] mr-[5px] text-[#6B7280]">+</span>
<span class="text-[#6B7280]">Thêm set mới</span>
</a>
</div>
<p class="text-gray-500">Thẻ Nhớ CAEZ CAIM CAIS</p>
</div>
<div class="flex">
<div class="left w-[270px] mr-[10px]">
<div class="list-tab">
<a href="/admin/product/set_form"
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[20px]">Thông
tin</a>
</div>
</div>
<div class="right w-[860px]">
<div
class="bg-white p-[10px] rounded-[10px] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<table>
<tr>
<td>Tên set</td>
<td>
<input type="text" size="60" name="info[title]" id="title" value=""
placeholder="Tên set"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
</tr>
<tr>
<td>
Mô tả tóm tắt
</td>
<td>
<input type="text" size="60" name="info[description]" id="description" value=""
placeholder="Tên nhóm"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
</tr>
<tr>
<td>
Trạng thái
</td>
<td>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500"
checked="checked" />
<span class="label-text ml-[10px]">Cho hiển thị</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500"
checked="checked" />
<span class="label-text ml-[10px]">Ẩn hiển thị</span>
</label>
<label class="cursor-pointer flex items-center mb-[10px]">
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500"
checked="checked" />
<span class="label-text ml-[10px]">Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
</label>
</td>
</tr>
<tr>
<td>
Thời trang hiển thị
</td>
<td>
<div class="items-center mb-[7px]" 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>
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<p class="mr-[10px]"> Giờ </p>
<select name='info[from_time_minute]' id='from_time_minute'
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 mb-[7px]" 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="from_time_date" value="" placeholder="Từ ngày"
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
</div>
<p class="mr-[10px]"> Giờ </p>
<select name='info[from_time_minute]' id='from_time_minute'
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>
</td>
</tr>
<tr>
<td>
Nhóm sản phẩm trong Set
</td>
<td>
<table>
<tr>
<td>
<b class="block mb-[10px] whitespace-nowrap">Nhóm sản phẩm</b>
<div class="flex items-center">
<a href="javascript:void(0)"
class="w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
onclick="ComboSet.moveCategory.call(this, 'up')">
<i class="fa-solid fa-arrow-up text-blue-600"></i>
</a>
<a href="javascript:void(0)"
class="ml-[7px] w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
onclick="ComboSet.moveCategory.call(this, 'down')">
<i class="fa-solid fa-arrow-down text-blue-600"></i>
</a>
<a href="javascript:void(0)"
class="ml-[7px] w-[30px] h-[30px] flex items-center justify-center rounded-[5px] leading-[28px] text-center border border-gray-600"
onclick="ComboSet.moveCategory.call(this, 'down')">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
<td>
<p class="block mb-[5px]">Tên gọi</p>
<input type="text" size="60" name="info[description]" id="description"
value="" placeholder="Tên nhóm"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
</td>
</tr>
<tr>
<td valign="top">
<b class="block mb-[7px] whitespace-nowrap">Sản phẩm</b>
<div class="flex items-center">
<a href="javascript:void(0)"
class="w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
onclick="ComboSet.moveCategory.call(this, 'up')">
<i class="fa-solid fa-arrow-up text-blue-600"></i>
</a>
<a href="javascript:void(0)"
class="ml-[7px] w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
onclick="ComboSet.moveCategory.call(this, 'down')">
<i class="fa-solid fa-arrow-down text-blue-600"></i>
</a>
<a href="javascript:void(0)"
class="ml-[7px] w-[30px] h-[30px] flex items-center justify-center rounded-[5px] leading-[28px] text-center border border-gray-600"
onclick="ComboSet.moveCategory.call(this, 'down')">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
<td>
<div class="flex items-center mb-[7px]">
<p class="mr-[5px]">Tên gọi</p>
<a href="javascript:void(0)" class="text-[#0041E8]"
onclick="ComboSet.openProductListToSelect.call(this, '1')">[Chọn sản
phẩm]</a>
</div>
<input type="text" size="60" name="info[description]" id="description"
value="" placeholder="Tên nhóm"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<p class="my-[10px]">Giá đang bán : 129.000</p>
<div class="flex items-center">
<p class="mr-[10px]">Cài giảm</p>
<input type="text" size="60" name="product[1][1][discount]" value="0"
class="w-[80px] mr-[10px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<select name='product[1][1][discount_type]' id='from_time_minute'
class="select select-bordered w-[100px] h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
<option value="">Đơn vị</option>
<option value="percent" selected="">%</option>
<option value="number">Số tiền</option>
</select>
</div>
<div class="flex items-center mt-[15px]">
<label class="items-center cursor-pointer mr-[15px]"
style="display: inline-flex;">
<input type="checkbox" name=""
class="checkbox checkbox-success mr-[7px]">
<span class="label-text">Hiển thị đầu tiên</span>
</label>
<label class="items-center cursor-pointer mr-[15px]"
style="display: inline-flex;">
<input type="checkbox" name=""
class="checkbox checkbox-success mr-[7px]">
<span class="label-text">Là miễn phí</span>
</label>
<label class="items-center cursor-pointer "
style="display: inline-flex;">
<input type="checkbox" name=""
class="checkbox checkbox-success mr-[7px]">
<span class="label-text">Khuyên mua</span>
</label>
</div>
</td>
</tr>
</table>
<a href="javascript:void(0)" class="block py-[15px] text-center text-blue-600"
onclick="ComboSet.addProductRow.call(this, '1')">[+] Thêm
nhóm sản phẩm</a>
</td>
</tr>
</table>
<input type="hidden" name="create" value="yes" />
<input name="commit" type="submit" value="Cập nhật"
class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>
</div>
</div>
</div>