93 lines
4.1 KiB
HTML
93 lines
4.1 KiB
HTML
|
<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>
|