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

select datepicker

Browse Source
This commit is contained in:
Tieptk
2024-05-07 10:04:17 +07:00
parent d71cbe3065
commit 615e36647a
7 changed files with 261 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
template/order/home.html
View File

@@ -17,24 +17,40 @@
<input type="hidden" name="payment" id="js-payment" value="">
<input type="hidden" name="fullfillment" id="js-fullfillment" value="">
<div class="flex items-center mb-[15px] p-[15px_16px] border border-[#F6F6F6] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="orderCode" value="" placeholder="Mã đơn hàng" class="w-[375px] h-[36px] p-[0_10px] m-[0_10px_0_0] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<div
class="flex items-center mb-[15px] p-[15px_16px] border border-[#F6F6F6] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="orderCode" value="" placeholder="Mã đơn hàng"
class="w-[375px] h-[36px] p-[0_10px] m-[0_10px_0_0] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<span class="whitespace-nowrap">hoặc</span>
<input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)" class="w-[375px] h-[36px] p-[0_10px] m-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)"
class="w-[375px] h-[36px] p-[0_10px] m-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<div class="relative m-[0_15px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[10px] left-[10px] leading-[35px]"></i>
<input type="text" name="from_date" value="" onfocus="scwShow(this,event);" onclick="scwShow(this,event);" placeholder="Từ ngày" class="w-[125px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<div date-rangepicker class="flex items-center" datepicker-format="dd/mm/yyyy" datepicker-buttons
datepicker-autoselect-today>
<div class="relative">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
</div>
<input datepicker name="start" type="text"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[125px] ps-[30px] p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Từ ngày">
</div>
<div class="relative ml-[15px]">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
</div>
<input name="end" type="text"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[125px] ps-[30px] p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Đến ngày">
</div>
</div>
<div class="relative m-[0_15px]">
<i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[10px] left-[10px] leading-[35px]"></i>
<input type="text" name="to_date" value="" onfocus="scwShow(this,event);" onclick="scwShow(this,event);" placeholder="Đến ngày" class="w-[125px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<input type="submit" value="Tìm kiếm" class="bg-[#0041E8] rounded-[4px] text-[#fff] font-[500] h-[36px] p-[0_10px] cursor-pointer">
<input type="submit" value="Tìm kiếm"
class="bg-[#0041E8] rounded-[4px] text-[#fff] font-[500] h-[36px] p-[0_10px] cursor-pointer ml-[15px]">
</div>
</form>
@@ -50,11 +66,13 @@
</div>
<div>
<a href="" class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[600] text-[#0041E8] p-[0_14px] inline-block m-[0_0_0_15px]">
<a href=""
class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[600] text-[#0041E8] p-[0_14px] inline-block m-[0_0_0_15px]">
<i class="fas fa-print m-[0_4px_0_0]"></i> In danh sách
</a>
<a href="" class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[600] text-[#0041E8] p-[0_14px] inline-block m-[0_0_0_15px]">
<a href=""
class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[600] text-[#0041E8] p-[0_14px] inline-block m-[0_0_0_15px]">
<i class="far fa-file-excel m-[0_4px_0_0]"></i> Tải file excel
</a>
</div>
@@ -119,9 +137,12 @@
</td>
<td> Hà Nội </td>
<td> 69.600.000 </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: red"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: yellow"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: green"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]"
style="background-color: red"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]"
style="background-color: yellow"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]"
style="background-color: green"></span> </td>
<td>
<a href=""> Nguyen Duc Quan </a>
</td>
@@ -144,9 +165,12 @@
</td>
<td> Hà Nội </td>
<td> 69.600.000 </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: blue"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: yellow"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]" style="background-color: green"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]"
style="background-color: blue"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]"
style="background-color: yellow"></span> </td>
<td> <span class="block m-auto w-[14px] h-[14px] rounded-[50%]"
style="background-color: green"></span> </td>
<td>
<a href=""> test hura </a>
</td>

67
template/product/form_components/accessory.html
View File

@@ -8,16 +8,7 @@
<span class="text-[#0041E8] font-[500]">Chọn Sản phẩm phụ kiện</span>
</a>
</div>
</div>
</div>
<div class="bg-white rounded-[15px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] py-[18px] px-[16px] mb-[20px]">
<div class="list-item-cate flex items-center flex-wrap mt-[10px] mb-[30px]">
<div class="list-item-cate flex items-center flex-wrap mt-[20px]">
<a href=""
class="border-[1px] border-dashed border-[#9E9E9E] px-[10px] py-[5px] rounded-[4px] mr-[10px] font-[14px] text-[#9E9E9E] mb-[10px]">
PC, Workstation
@@ -47,9 +38,15 @@
PC, Workstation
</a>
</div>
<b>2.Các danh mục</b>
<b>PC, Workstation</b>
<table class="accessory">
</div>
<div class="bg-white p-[15px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
<b class="block text-[20px] mb-[15px]">Các danh mục</b>
<div class="item-accessory mb-[20px]">
<p class="mb-[10px]">PC, Workstation</p>
<table class="style-table">
<thead>
<tr>
<th>STT</th>
@@ -66,7 +63,7 @@
<img src="https://via.placeholder.com/50" alt="">
</td>
<td>
<a href="">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
<a href="" class="name">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
Socket 2011</a>
<div class="flex items-center">
<span>SKU: HN123567</span>
@@ -85,4 +82,46 @@
</tr>
</tbody>
</table>
</div>
<div class="item-accessory mb-[20px]">
<p class="mb-[10px]">PC, Workstation</p>
<table class="style-table">
<thead>
<tr>
<th>STT</th>
<th>Ảnh</th>
<th>Sản phẩm</th>
<th>Giá hiện tại</th>
<th>Quản lý</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<img src="https://via.placeholder.com/50" alt="">
</td>
<td>
<a href="" class="name">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
Socket 2011</a>
<div class="flex items-center">
<span>SKU: HN123567</span>
<span class="mx-[5px]">/</span>
<span>Số lượng: 1</span>
</div>
</td>
<td>
24.900.000 VND
</td>
<td>
<div class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] bg-[#ECECEC] rounded-[4px]">
<i class="icons icon-remove"></i>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

13
template/product/form_components/relation.html
View File

@@ -0,0 +1,13 @@
<div class="w-[100%]" role="tabpanel">
<div
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<b class="block text-[20px]">Danh sách liên quan</b>
<div class="list-tab flex items-center">
<a href="javascript:void(0)">Sản phẩm (3)</a>
<a href="javascript:void(0)">Bài viết (1)</a>
</div>
</div>
</div>

41
template/product/form_components/tag.html
View File

@@ -0,0 +1,41 @@
<div class="w-[100%]" role="tabpanel">
<div
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<div class="flex items-center justify-between">
<b class="text-[20px]">Danh sách tag</b>
<a href="/admin/product" class="flex items-center p-[8px] border-[1px] border-[#0041E8] rounded-[4px]">
<span class="text-[#0041E8]">
Chọn tag cho sản phẩm
</span>
</a>
</div>
<table class="style-table mt-[15px]">
<tr>
<th class="w-[50px]">STT</th>
<th>Tag</th>
<th class="w-[50px]"></th>
</tr>
<tr>
<td>1</td>
<td>ATO Test</td>
<td>
<a href=""
class="w-[32px] h-[32px] leading-[32px] text-center bg-[#ECECEC] flex items-center justify-center rounded-[4px]">
<i class="icons icon-remove"></i>
</a>
</td>
</tr>
</table>
</div>
<div class="bg-white p-[15px] border-[#FAFAFB] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
<b class="block text-[20px] font-[700]">Thêm tag nhanh cho sản phẩm</b>
<p class="mb-[10px] text-[#6B7280]">Nhập Tag cho sản phẩm vào ô dưới đây và nhấn cập nhật. Mỗi Tag 1 dòng:</p>
<textarea 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)]"></textarea>
<input class=" w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer pt-[0] mt-[10px]"
name="commit" type="submit" value="Cập nhật">
</div>
</div>

44
template/product/form_components/video.html
View File

@@ -0,0 +1,44 @@
<div class="w-[100%]" role="tabpanel">
<div
class="bg-white p-[15px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
<b class="text-[20px]">Youtobe Video</b>
<p class="text-[#6B7280]">Bạn cần gắn url của video được cung cấp bởi Youtube vào đây
</p>
<i class="text-[#6B7280]">Ví dụ: https://www.youtube.com/watch?NR=1&v=QqzJhk1p4rU&feature=endscreen</i>
<table class="style-table mt-[15px]">
<tr>
<th>Link youtobe</th>
<th>Mô tả (nếu có)</th>
<th class="w-[50px]"></th>
</tr>
<tr>
<td>
<input type="text" name="url_index" value=""
class="w-[100%] text-[#0041E8] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</td>
<td>
<input type="text" name="url_index" value=""
class="w-[100%] text-[#0041E8] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</td>
<td>
<a href=""
class="flex items-center justify-center w-[32px] h-[32px] leading-[32px] bg-[#ECECEC] rounded-[4px]">
<i class="icons icon-remove"></i>
</a>
</td>
</tr>
</table>
<a href="" class="mt-[10px] flex items-center justify-center">
<span
class="w-[15px] h-[15px] rounded-[50%] border-[1px] border-[#0041E8] block leading-[12px] text-center text-[#0041E8]">+</span>
<span class="ml-[5px] text-[#0041E8] font-[500]">Thêm hàng</span>
</a>
</div>
<div class="bg-white p-[15px] border-[#FAFAFB] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
<input class=" w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer py-[0]" name="commit"
type="submit" value="Cập nhật">
</div>
</div>

4
template/product/home.html
View File

@@ -40,10 +40,10 @@
<th class="text-left">Sản phẩm (Tổng số: {{page.total}})</th>
<th class="whitespace-nowrap text-left w-[350px]">Thông tin bán hàng</th>
<th>
<select name="" id=""
<select id=""
class="block w-[230px] h-[32px] px-[5px] bg-white border-[1px] border-[#D8D8D8] font-[400] h-[30px] mt-[5px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]"
onchange="location.href=this.value">
<option value="/admin/product">Lọc sản phẩm</option>
<option value="/admin/product?">Lọc sản phẩm</option>
<option value="/admin/product?hotType=new">Mới</option>
<option value="/admin/product?hotType=hot">HOT (hỏi nhiều)</option>
<option value="/admin/product?hotType=bestsale">Bán chạy</option>

1
template/theme.html
View File

@@ -292,6 +292,7 @@
{% include javascript/index %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/datepicker.min.js"></script>
<script src="{{ 'main.js' | asset_url }}"></script>
</body>