u
This commit is contained in:
21
template/system/form_store_design/background.html
Normal file
21
template/system/form_store_design/background.html
Normal file
@@ -0,0 +1,21 @@
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||
<table>
|
||||
<tr>
|
||||
<td width="230"> Thay Ảnh nền </td>
|
||||
<td>
|
||||
<div>
|
||||
<img src="https://via.placeholder.com/1920x900" class="block" />
|
||||
</div>
|
||||
|
||||
<input type="file" class="cursor-pointer m-[12px_0]" />
|
||||
|
||||
<i class="block text-[#E00000] font-[300]"> Bạn có thể thay nền website bằng hình ảnh. Với file ảnh, yêu
|
||||
cầu là .jpg, .gif, hoặc .png và dung lượng tối đa 300KB. </i>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<input 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]" />
|
||||
</form>
|
||||
30
template/system/form_store_design/header.html
Normal file
30
template/system/form_store_design/header.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||
<table>
|
||||
<tr>
|
||||
<td width="215"> Thay Logo </td>
|
||||
<td>
|
||||
<div class="mb-[15px]">
|
||||
<img src="https://via.placeholder.com/400x300" class="block max-h-[100px]" />
|
||||
</div>
|
||||
|
||||
<input type="file" class="cursor-pointer" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Thay Ảnh header </td>
|
||||
<td>
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<img src="https://via.placeholder.com/400x300" class="block max-h-[100px]" />
|
||||
</div>
|
||||
|
||||
<input type="file" class="cursor-pointer" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<input 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]" />
|
||||
</form>
|
||||
93
template/system/form_store_design/other.html
Normal file
93
template/system/form_store_design/other.html
Normal file
@@ -0,0 +1,93 @@
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||
<i class="block text-[#E00000] leading-[20px] mb-[20px]">
|
||||
<b>Cảnh báo:</b> Vì các cài đặt sau sẽ được sử dụng ở biến global. Nên hệ thống sẽ cho phép tạo tối đa 20 giá
|
||||
trị và giới hạn số ký tự không quá 500 mỗi giá trị để đảm bảo website hoạt động tốt. Do vậy chỉ cài đặt các nội
|
||||
dung thật sự sẽ được hiển thị ở tất cả các nơi (v.d. Header/Footer).
|
||||
</i>
|
||||
|
||||
<div class="order-page-table">
|
||||
<table id="js-tb-settings">
|
||||
<thead>
|
||||
<tr>
|
||||
<td width="50"> STT </td>
|
||||
<td width="250"> Code giao diện </td>
|
||||
<td width="200"> Chú thích (cho quản trị viên) </td>
|
||||
<td> Giá trị </td>
|
||||
<td width="110"> Hành động </td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr id="js-row-1">
|
||||
<td align="center"> 1 </td>
|
||||
<td> global.settings.builpc_category_special_offer </td>
|
||||
<td> Danh sách khuyến mại theo từng danh mục trang Xây dựng cấu hình </td>
|
||||
<td>
|
||||
<textarea class="block border border-[#D8D8D8] w-[100%] p-[8px]">0000000000</textarea>
|
||||
</td>
|
||||
<td align="center">
|
||||
<a href=""
|
||||
class="block border border-[#0041E8] text-[#0041E8] bg-[#F5F7FF] mb-[5px] rounded-[4px] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">Cập
|
||||
nhật</a>
|
||||
<a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
<div class="text-center mt-[15px]">
|
||||
<a href="javascript:add_form_setting()"
|
||||
class="inline-flex items-center bg-[#F5F7FF] text-[#0041E8] p-[5px_10px] rounded-[4px] hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<span
|
||||
class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10px] text-center rounded-[50%] mr-1 ">+</span>
|
||||
<span> Thêm quản trị biến nội dung </span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
var $tb_setting = $('#js-tb-settings');
|
||||
var current_index = $tb_setting.find("tr").length - 1;
|
||||
var $row_tpl = `
|
||||
<tr>
|
||||
<td>{index}</td>
|
||||
<td colspan="4" id="js-new-{index}">
|
||||
<div class="mb-4">
|
||||
<p class="mb-1">
|
||||
KEY <i class="text-[#6B7280] font-[300]">(* yêu cầu: viết thường, không dấu và viết liền, chỉ gồm ký tự a->z 1->9 hoặc _ . Ví dụ: mau_sac_banner)</i>
|
||||
</p>
|
||||
|
||||
<input type='text' name='setting_key' class="page-input">
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<p class="mb-1">
|
||||
Chú thích (cho quản trị viên) <i class="text-[#6B7280] font-[300]">(tối đa 50 từ)</i>
|
||||
</p>
|
||||
|
||||
<input type='text' name='comment' class="page-input">
|
||||
</div>
|
||||
|
||||
<div class="mb-[10px]">
|
||||
<p class="mb-1"> Giá trị </p>
|
||||
|
||||
<textarea name='setting_value' class="page-input min-h-[76px] max-h-[120px]"></textarea>
|
||||
</div>
|
||||
|
||||
<div id="js-create-status-{index}"></div>
|
||||
<input type="button" value="Tạo mới" onclick="createNew('{index}')" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]">
|
||||
</td>
|
||||
</tr>
|
||||
`;
|
||||
|
||||
function add_form_setting() {
|
||||
current_index += 1;
|
||||
$tb_setting.append($row_tpl.replace(/{index}/g, current_index));
|
||||
}
|
||||
|
||||
</script>
|
||||
57
template/system/form_store_design/popup.html
Normal file
57
template/system/form_store_design/popup.html
Normal file
@@ -0,0 +1,57 @@
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||
<table>
|
||||
<tr>
|
||||
<td width="230"> Link nhảy đến </td>
|
||||
<td>
|
||||
<input type="text" value="" class="page-input" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> File ảnh </td>
|
||||
<td>
|
||||
<div class="mb-[15px]">
|
||||
<img src="https://via.placeholder.com/900x900" class="block max-h-[300px]" />
|
||||
</div>
|
||||
|
||||
<input type="file" class="cursor-pointer" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Lựa chọn hiển thị người dùng </td>
|
||||
|
||||
<td style="padding: 14px">
|
||||
<div class="flex items-center">
|
||||
<label class="cursor-pointer flex items-center mr-[15px]">
|
||||
<input type="radio" name="popup_display" value="session" class="radio checked:bg-blue-500"
|
||||
checked="checked" />
|
||||
<span class="label-text ml-[10px]">Theo session</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center">
|
||||
<input type="radio" name="popup_display" value="homepage" class="radio checked:bg-blue-500"
|
||||
checked="checked" />
|
||||
<span class="label-text ml-[10px]">Trang chủ website</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Khác </td>
|
||||
<td>
|
||||
<label class="cursor-pointer flex items-center">
|
||||
<input type="checkbox" name="popup_activate" value="1" checked="checked"
|
||||
class="checkbox checkbox-success" />
|
||||
<span class="label-text ml-[5px]">Tích chọn để hiển thị hoặc dừng hiển thị</span>
|
||||
</label>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<input 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]" />
|
||||
</form>
|
||||
Reference in New Issue
Block a user