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

marketing

Browse Source
This commit is contained in:
Dao Duc
2024-02-21 09:54:46 +07:00
parent 200a04e66a
commit 546ac5d1e2
9 changed files with 828 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
template/system/form_store_design/background.html Normal file
View File

@@ -0,0 +1,18 @@
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] 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>

28
template/system/form_store_design/header.html Normal file
View File

@@ -0,0 +1,28 @@
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] 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>

86
template/system/form_store_design/other.html Normal file
View File

@@ -0,0 +1,86 @@
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] 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>
<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">
<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>

51
template/system/form_store_design/popup.html Normal file
View File

@@ -0,0 +1,51 @@
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] 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">
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
<input type="radio" name="popup_display" value="session" class="left-0">
<span>Theo session</span>
</label>
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
<input type="radio" name="popup_display" value="homepage" checked class="left-0">
<span>Trang chủ website</span>
</label>
</td>
</tr>
<tr>
<td> Khác </td>
<td>
<label class="items-center cursor-pointer" style="display: inline-flex;">
<input type="checkbox" name="popup_activate" value="1" class="scale-[1.5] mr-[12px]">
<span> 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>

50
template/system/store_design.html Normal file
View File

@@ -0,0 +1,50 @@
<div class="global-breadcrumb-container">
<a href="/admin/marketing/conditional-promotion"> Banner popup </a>
<a href=""> Form sửa phần header </a>
</div>
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px]">
<p class="font-bold text-[20px] leading-[26px] mb-[10px]"> Tùy chỉnh thành phần giao diện </p>
<p class="w-[100%] text-[#6B7280]">
<b>Chú ý:</b> Chức năng này chỉ áp dụng với các giao diện đã được cài đặt cho phép thay đổi 1 số thành phần của giao diện. Biến template sử dụng $settings (global)
</p>
</div>
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="/admin/system/store-design?section=header" {% if global.url contains 'section=header' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Phần header
</a>
<a href="/admin/system/store-design?section=popup" {% if global.url contains 'section=popup' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Banner Pop-Up
</a>
<a href="/admin/system/store-design?section=background" {% if global.url contains 'section=background' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Hình nền website
</a>
<a href="/admin/system/store-design?section=other" {% if global.url contains 'section=other' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Thông tin khác
</a>
</div>
{% if global.url contains 'section=header' %}
{% include 'system/form_store_design/header' %}
{% elsif global.url contains 'section=popup' %}
{% include 'system/form_store_design/popup' %}
{% elsif global.url contains 'section=background' %}
{% include 'system/form_store_design/background' %}
{% elsif global.url contains 'section=other' %}
{% include 'system/form_store_design/other' %}
{% endif %}
</div>