113 lines
5.8 KiB
HTML
113 lines
5.8 KiB
HTML
<div class="global-breadcrumb-container">
|
||
<a href="/marketing/feed"> Facebook Product Ads </a>
|
||
<a href=""> Sản phẩm hiển thị Facebook </a>
|
||
</div>
|
||
|
||
<div class="m-0_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
|
||
<p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Danh sách: 2023 còn hàng </p>
|
||
|
||
<form method="get" enctype="multipart/form-data" action="/" 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)]">
|
||
<input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm" 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]">
|
||
</form>
|
||
|
||
<div class="flex items-center flex-wrap justify-between mb-[20px]">
|
||
<a href="" class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
|
||
Xóa danh sách được chọn
|
||
</a>
|
||
|
||
<div class="flex items-center font-[500] leading-[35px]">
|
||
<select class="min-w-[160px] h-[36px] m-[0_16px_0_0] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
|
||
<option value=""> Xem theo điều kiện </option>
|
||
<option value=""> option </option>
|
||
</select>
|
||
|
||
<a href="/marketing/feed?view=fb-product-select?id=" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||
<span> Thêm sản phẩm</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="order-page-table">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<td width="40"> <input type="checkbox" class="scale-[1.5] js-checkbox-all" onclick="CheckList.setAllChecked.call(this)"> </td>
|
||
<td width="40"> STT </td>
|
||
<td width="70"> Ảnh </td>
|
||
<td> Tên Sản phẩm </td>
|
||
<td> Thông tin bán hàng </td>
|
||
<td width="180"> Lựa chọn </td>
|
||
</tr>
|
||
</thead>
|
||
|
||
<tbody>
|
||
|
||
<tr>
|
||
<td align="center">
|
||
<input type="checkbox" class="scale-[1.5] js-checkbox-id">
|
||
</td>
|
||
|
||
<td align="center"> 1 </td>
|
||
|
||
<td>
|
||
<img src="https://via.placeholder.com/500x500" class="block">
|
||
</td>
|
||
|
||
<td>
|
||
<a href="" target="_blank"> Chuột game Steelseries Prime Mini (62421) (USB/RGB) </a>
|
||
<p> Mã kho: <b> MOVI213 </b> </p>
|
||
<p> Lượt xem: 3360 </p>
|
||
<p> Cập nhật: Hôm nay, 8:59 am </p>
|
||
|
||
<p class="inline-block mt-1 leading-[20px] border border-[#6B7280] text-[#6B7280] rounded-[50px] text-[12px] bg-[#F1F1F1] p-[0_10px]"> Chưa hiển thị </p>
|
||
</td>
|
||
|
||
<td>
|
||
<p> Giá: <b class="text-[red]">999.000</b> vnđ </p>
|
||
<p> Kho hàng: <b>5</b> </p>
|
||
<p> Bảo hành: <b>36 Tháng</b> </p>
|
||
</td>
|
||
|
||
<td>
|
||
<a href="" class="block text-center whitespace-nowrap font-[500] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] leading-[34px] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||
Loại sản phẩm này
|
||
</a>
|
||
</td>
|
||
|
||
</tr>
|
||
|
||
<tr> <td align="center"> <input type="checkbox" class="scale-[1.5] js-checkbox-id"> </td><td align="center"> 2 </td><td><img src="https://via.placeholder.com/500x500/fe0" class="block"></td><td> <a href="" target="_blank"> Chuột game Steelseries </a> <p> Mã kho: <b> MOVI213 </b> </p><p> Lượt xem: 3360 </p><p> Cập nhật: Hôm nay, 8:59 am </p><p class="inline-block mt-1 leading-[20px] border border-[#6B7280] text-[#6B7280] rounded-[50px] text-[12px] bg-[#F1F1F1] p-[0_10px]"> Chưa hiển thị </p></td><td> <p> Giá: <b class="text-[red]">999.000</b> vnđ </p><p> Kho hàng: <b></b> </p><p> Bảo hành: <b></b> </p></td><td> <a href="" class="block text-center whitespace-nowrap font-[500] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] leading-[34px] group hover:bg-[#0041E8] hover:text-[#fff]"> Loại sản phẩm này </a> </td></tr>
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="paging">
|
||
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
||
<a href="" class="current">1</a>
|
||
<a href="">2</a>
|
||
<a href="">3</a>
|
||
<a href="">4</a>
|
||
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="{{ 'checkbox.js' | asset_url }}"></script>
|
||
|
||
<script>
|
||
|
||
const LIST_ID = '26';
|
||
const CheckList = Checkbox(removeProductFromFBList);
|
||
|
||
function removeProductFromFBList(pro_id) {
|
||
$.post("/ajax/facebook.php",{
|
||
action : "remove-product-from-list"
|
||
, list_id : LIST_ID
|
||
, pro_id : pro_id
|
||
},function(data){
|
||
$("#row_"+pro_id).fadeOut();
|
||
});
|
||
}
|
||
</script> |