product list

This commit is contained in:
2024-01-29 15:22:13 +07:00
parent 3cb59f127c
commit ac7145c8c1
4 changed files with 359 additions and 331 deletions

View File

@@ -1,6 +1,3 @@
{{ page | show_var }}
<div class="grid w-[100%] ">
<div class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
<h1 class="text-2xl font-[700] mb-3">Danh sách sản phẩm</h1>
@@ -90,7 +87,7 @@
<th>ID</th>
<th>Ảnh</th>
<th>Sản phẩm (Tổng số: 1.742)</th>
<th>Người dùng</th>
<th class="whitespace-nowrap">Người dùng</th>
<th>Thông tin bán hàng</th>
<th>Thông tin khác</th>
<th>
@@ -104,72 +101,74 @@
</tr>
</thead>
<tbody>
{% assign counter = 0 %}
{% for item in page.item_list %}
{% increment counter %}
<tr>
<td>1</td>
<td>#2105</td>
<td>{{ counter }}</td>
<td>#{{item.id}}</td>
<td>
<img class="block m-auto" src="./images/img-product.png" alt="">
<span class="text-center block">6 ảnh</span>
<a href="" class="text-center flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
fill="#0041E8" />
</svg>
</a>
<img class="block m-auto" src="{{item.image.thumb}}" alt="">
<span class="text-center block">{{item.image_count}} ảnh</span>
<i class="icons icon-edit"></i>
</td>
<td>
<a href="" class="text-[#0041E8]">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
<p class="text-[#FFC700]">[Có cấu hình]</p>
<a href="{{item.request_path}}" class="text-[#0041E8] w-[300px] inline-block">{{item.title}}</a>
{% if item.config_count > 0 %}<p class="text-[#FFC700]">[Có cấu hình]</p>{% endif %}
<div class="flex items-center">
<span>Danh mục:</span>
<b class="mx-[10px]">Màn hình Máy tính</b>
<a href=""><svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
fill="#0041E8" />
</svg></a>
<a href=""><i class="icons icon-edit"></i></a>
</div>
<div class="flex items-center">
<span>Mã kho</span>
<b class="px-[5px]">MH241</b>
<b class="px-[5px]">{{item.sku}}</b>
<span class="text-[#000] font-[500]">|</span>
<span class="px-[5px]">Hãng</span>
<p class="text-[#0041E8]">ABS</p>
<p class="text-[#0041E8]">{{item.model}}</p>
</div>
<p>Cập nhật: 20-10-2023, 5:48 pm <span class="text-[#E00000]">(49 ngày)</span></p>
<p>Người cập nhật : anhtt@hurasoft.com</p>
{% assign date_now = "now" | date: format %}
{% assign date_last = item.last_update %}
{% assign time_conlai = date_now | minus: date_last %}
<p>Cập nhật: {{item.last_update | date: "Y-m-d h:i" }} <span class="text-[#E00000]">(
{{ time_conlai | divided_by: 86400 | round}}
ngày)</span></p>
<p>Người cập nhật : {{item.last_update_by}}</p>
</td>
<td>
<p>- Xem : 0</p>
<p>- Thích : 0</p>
<p>- Mua : 0</p>
<p>- Xem : {{item.visit}}</p>
<p>- Thích : {{item.like_count}}</p>
<p>- Mua : {{item.buy_count}}</p>
</td>
<td>
<div class="flex items-center mb-[1px]">
<span>- Giá bán:</span>
<b class="text-[#E00000] ml-[3px]">300.000 vnd</b>
<span class="whitespace-nowrap">- Giá bán:</span>
<b class="text-[#E00000] ml-[3px] whitespace-nowrap">
{% if item.price > 0 %}
{{item.price | format_price }} vnd
{% else %}
{{item.price }} vnd
{% endif %}
</b>
</div>
<div class="flex items-center">
<span>- Sl tổng:</span>
<b class="ml-[3px]">1</b>
<b class="ml-[3px]">{{item.quantity}}</b>
</div>
</td>
<td>
<div class="flex items-center mb-[1px]">
<span>- Giá bán:</span>
<b class="text-[#E00000] ml-[3px]">300.000 vnd</b>
<span class="whitespace-nowrap">- Giá bán:</span>
<b class="text-[#E00000] ml-[3px] whitespace-nowrap">{% if item.price > 0 %}
{{item.price | format_price }} vnd
{% else %}
{{item.price }} vnd
{% endif %}</b>
</div>
<p>- Bảo hành: Ato test</p>
<p>- Khuyến mại: + Ato test</p>
<p>- Bảo hành: {{item.warranty}}</p>
<p>- Khuyến mại: {{item.special_offer}}</p>
</td>
<td>
<div>
@@ -262,8 +261,26 @@
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="paging">
{% for paging in page.pagination.collection %}
<a href="{{paging.url}}" class="{% if paging.is_active == 1 %} current {% endif %}">
{% if paging.name == 'next' %}
<i class="fas fa-chevron-right"></i>
{% elsif paging.name == 'prev' %}
<i class="fas fa-chevron-left"></i>
{% else %}
{{paging.name}}
{% endif %}
</a>
{% endfor %}
</div>
</div>
</div>
</div>