227 lines
13 KiB
HTML
227 lines
13 KiB
HTML
<div class="w-[100%] template-edit">
|
|
|
|
<div class="global-breadcrumb-container">
|
|
<a href="/admin/template"> Sửa file template </a>
|
|
<a href=""> Sửa nội dung template, giao diện </a>
|
|
</div>
|
|
|
|
<div class="max-w-[1141px] 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] block"> Cập nhật template file, giao diện </p>
|
|
<p class="text-[#6B7280] block mt-[5px]">web_mau</p>
|
|
</div>
|
|
|
|
|
|
<div class="flex">
|
|
<div class="w-[275px] m-[0_16px_0_0] font-[500] leading-[24px] overflow-hidden">
|
|
<div class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] pb-[5px]">
|
|
<details class="collapse tab-edit rounded-[10px]" id="template_list_mobile"
|
|
onclick="open_template_list('pc')">
|
|
<summary class="collapse-title p-[10px] min-h-[30px] rounded-[10px] border-none bg-blue-700">
|
|
<div class="flex items-center justify-between">
|
|
<p class="text-white">Giao diện mobile</p>
|
|
<i class="fa-solid fa-chevron-down text-white"></i>
|
|
</div>
|
|
</summary>
|
|
<div class="collapse-content text-sm">
|
|
<div class="mt-[10px] max-h-[350px] overflow-y-auto">
|
|
<div class="item">
|
|
<b>other</b>
|
|
<ul>
|
|
<li class="active"><a href="">breadcrumbs</a></li>
|
|
<li><a href="">footer</a></li>
|
|
<li><a href="">header</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="item">
|
|
<b>other</b>
|
|
<ul>
|
|
<li><a href="">breadcrumbs</a></li>
|
|
<li><a href="">footer</a></li>
|
|
<li><a href="">header</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="item">
|
|
<b>other</b>
|
|
<ul>
|
|
<li><a href="">breadcrumbs</a></li>
|
|
<li><a href="">footer</a></li>
|
|
<li><a href="">header</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="item">
|
|
<b>other</b>
|
|
<ul>
|
|
<li class="active"><a href="">breadcrumbs</a></li>
|
|
<li><a href="">footer</a></li>
|
|
<li><a href="">header</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="item">
|
|
<b>other</b>
|
|
<ul>
|
|
<li><a href="">breadcrumbs</a></li>
|
|
<li><a href="">footer</a></li>
|
|
<li><a href="">header</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="item">
|
|
<b>other</b>
|
|
<ul>
|
|
<li><a href="">breadcrumbs</a></li>
|
|
<li><a href="">footer</a></li>
|
|
<li><a href="">header</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
<details class="collapse tab-edit rounded-[10px]" onclick="open_template_list('mobile')"
|
|
id="template_list_pc" open>
|
|
<summary class="collapse-title p-[10px] min-h-[30px] rounded-[10px] border-none bg-blue-700">
|
|
<div class="flex items-center justify-between">
|
|
<p class="text-white">Giao diện pc</p>
|
|
<i class="fa-solid fa-chevron-down text-white"></i>
|
|
</div>
|
|
</summary>
|
|
<div class="collapse-content text-sm">
|
|
<div class="mt-[10px]">
|
|
<div class="item">
|
|
<b>other</b>
|
|
<ul>
|
|
<li><a href="">breadcrumbs</a></li>
|
|
<li><a href="">footer</a></li>
|
|
<li><a href="">header</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="item">
|
|
<b>other</b>
|
|
<ul>
|
|
<li><a href="">breadcrumbs</a></li>
|
|
<li><a href="">footer</a></li>
|
|
<li><a href="">header</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="item">
|
|
<b>other</b>
|
|
<ul>
|
|
<li><a href="">breadcrumbs</a></li>
|
|
<li><a href="">footer</a></li>
|
|
<li><a href="">header</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
<div class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mt-[10px]">
|
|
<details class="collapse tab-edit rounded-[10px]" open>
|
|
<summary class=" collapse-title p-[10px] min-h-[30px] rounded-[10px] border-none bg-blue-700">
|
|
<div class="flex items-center justify-between">
|
|
<p class="text-white">Giao diện Website</p>
|
|
<i class="fa-solid fa-chevron-down text-white"></i>
|
|
</div>
|
|
</summary>
|
|
<div class="collapse-content text-sm">
|
|
<a href="/admin/template/set/default" class="py-[10px] block text-blue-700 font-bold">Quản
|
|
lý
|
|
template</a>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
<div class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mt-[10px]">
|
|
<details class="collapse tab-edit rounded-[10px]" open>
|
|
<summary class=" collapse-title p-[10px] min-h-[30px] rounded-[10px] border-none bg-blue-700">
|
|
<div class="flex items-center justify-between">
|
|
<p class="text-white">File .js & .css</p>
|
|
<i class="fa-solid fa-chevron-down text-white"></i>
|
|
</div>
|
|
</summary>
|
|
<div class="collapse-content text-sm">
|
|
<div class="item mt-[10px]">
|
|
<ul>
|
|
<li><a href="">style-pc.css</a></li>
|
|
<li><a href="">style-pc.css</a></li>
|
|
<li><a href="">style-pc.css</a></li>
|
|
</ul>
|
|
</div>
|
|
<a href="javascript:void(0)" onclick="add_template_form('script')"
|
|
class="py-[10px] text-blue-700 font-bold">Thêm
|
|
file .js, .css</a>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
<div class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mt-[10px]">
|
|
<details class="collapse tab-edit rounded-[10px]" open>
|
|
<summary class=" collapse-title p-[10px] min-h-[30px] rounded-[10px] border-none bg-blue-700">
|
|
<div class="flex items-center justify-between">
|
|
<p class="text-white">Ảnh giao diện</p>
|
|
<i class="fa-solid fa-chevron-down text-white"></i>
|
|
</div>
|
|
</summary>
|
|
<div class="collapse-content text-sm">
|
|
<div class="item mt-[10px]">
|
|
<a href="/admin/ajax/upload_template_file.php?set=xstore"
|
|
class="py-[10px] text-blue-700 font-bold block">Thêm hoặc thay ảnh</a>
|
|
<a href="/admin/ajax/view_template_image.php?set=xstore"
|
|
class="py-[10px] text-blue-700 font-bold">Xem danh sách </a>
|
|
</div>
|
|
|
|
</div>
|
|
</details>
|
|
</div>
|
|
</div>
|
|
<div class="w-[850px] overflow-hidden">
|
|
<div class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
|
|
<div class="flex items-center p-[20px_20px_0_20px]">
|
|
<h3 id="asset-title" class="text-lg mr-[10px] font-bold">about_us</h3>
|
|
<a href="javascript:show_older_version('about_us')"
|
|
class="border border-blue-700 rounded-[5px] p-[5px_10px] text-blue-700">Xem các bản
|
|
cũ</a>
|
|
</div>
|
|
|
|
<div id="older_version" class="p-[20px_20px_0_20px] hidden"><b>Chọn xem phiên bản</b>
|
|
<select onchange="view_older_template('product_save',this.value)"
|
|
class="select select-bordered h-[40px] min-h-[40px]">
|
|
<option value="0">Chọn xem</option>
|
|
<option value="15">v15 - 08-10-2021, 4:45 pm - 0</option>
|
|
<option value="14">v14 - 08-10-2021, 4:44 pm - 0</option>
|
|
<option value="13">v13 - 08-10-2021, 4:44 pm - 0</option>
|
|
<option value="12">v12 - 08-10-2021, 4:44 pm - 0</option>
|
|
<option value="11">v11 - 08-10-2021, 4:40 pm - 0</option>
|
|
<option value="10">v10 - 08-10-2021, 4:40 pm - 0</option>
|
|
<option value="9">v9 - 08-10-2021, 4:40 pm - 0</option>
|
|
<option value="8">v8 - 08-10-2021, 4:39 pm - 0</option>
|
|
<option value="7">v7 - 08-10-2021, 4:39 pm - 0</option>
|
|
<option value="6">v6 - 08-10-2021, 4:39 pm - 0</option>
|
|
<option value="5">v5 - 08-10-2021, 4:38 pm - 0</option>
|
|
<option value="4">v4 - 08-10-2021, 4:38 pm - 0</option>
|
|
<option value="3">v3 - 08-10-2021, 4:37 pm - 0</option>
|
|
<option value="2">v2 - 08-10-2021, 4:37 pm - 0</option>
|
|
<option value="1">v1 - 08-10-2021, 4:37 pm - 0</option>
|
|
</select>
|
|
- Hoặc nhập phiên bản: <input type="text" size="5"
|
|
class="input input-bordered min-h-[40px] h-[40px] min-h-[35px]" value=""
|
|
id="js-select-version">
|
|
<input type="button" value="Xem" class="input input-bordered h-[40px] min-h-[40px]"
|
|
onclick="showTemplateVersion.call(this)" data-tpl="product_save">
|
|
</div>
|
|
|
|
<div class="p-[20px]">
|
|
<div id="tpl_editor" name="tpl_editor" style="width: 800px; height: 700px;">
|
|
<!-- Lưu code ở dây -->
|
|
</div>
|
|
|
|
<input
|
|
class="btn w-[95px] h-[35px] mt-[15px] min-h-[35px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer"
|
|
name="submit" type="submit" value="Lưu lại">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div> |