305 lines
15 KiB
HTML
305 lines
15 KiB
HTML
<div class="global-breadcrumb-container">
|
||
<a href="/admin/job"> Vị trí tuyển </a>
|
||
<a href=""> Form thêm/sửa nội dung </a>
|
||
</div>
|
||
|
||
<div class="max-w-[1141px] m-auto p-[0_15px]">
|
||
<div class="flex flex-wrap items-start m-[16px_0]">
|
||
<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] flex flex-wrap items-center justify-between">
|
||
{% if global.url contains 'id=' %}
|
||
<p class="font-bold text-[20px]"> Sửa nội dung </p>
|
||
|
||
<p class="w-[100%] text-[#6B7280] order-[1]">
|
||
Phụ trách chi nhánh công ty cổ phần traphaco tại đồng nai
|
||
</p>
|
||
{% else %}
|
||
<p class="font-bold text-[20px]"> Thêm mới </p>
|
||
{% endif %}
|
||
|
||
<div class="flex items-center">
|
||
<a href="/admin/job/form"
|
||
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||
<span
|
||
class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||
<span>Thêm nội dung mới</span>
|
||
</a>
|
||
|
||
<a href="/admin/job/applicants"
|
||
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||
<span class="far fa-folder mr-2"></span>
|
||
<span>Quản lý danh mục</span>
|
||
</a>
|
||
|
||
<a href="/admin/job" title="Danh sách nội dung"
|
||
class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="w-[25%] mr-[16px]">
|
||
<div
|
||
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||
<a href="javascript:void(0)" style="color: #Fff;background: #0041E8;"
|
||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa
|
||
</a>
|
||
|
||
{% if global.url contains 'id=' %}
|
||
<a href="/admin/job/tag?id=1"
|
||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
|
||
<a href="/admin/article/relation?id=1&related_item_type=product"
|
||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên
|
||
quan:
|
||
Sản phẩm </a>
|
||
<a href="/admin/job/relation?id=1&related_item_type=product-category"
|
||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên
|
||
quan:
|
||
Danh mục sản phẩm </a>
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
|
||
<form method="post" enctype="multipart/form-data"
|
||
class="w-[calc(100%_-25%_-16px)] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
|
||
<p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Thông tin cơ bản </p>
|
||
|
||
<div class="mb-[15px] flex flex-wrap items-center">
|
||
<p class="mb-[7px] w-[100%] font-[600]">Ảnh đại diện </p>
|
||
|
||
<div class="inline-block">
|
||
<img src="https://via.placeholder.com/400x300" class="block max-h-[80px] mr-[20px]">
|
||
</div>
|
||
|
||
<label class="cursor-pointer">
|
||
<span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
|
||
|
||
<input type="file" name="file_thumbnail"
|
||
class="file-input h-[40px] rounded-[4px] file-input-bordered file-input-primary w-full max-w-xs">
|
||
</label>
|
||
</div>
|
||
|
||
<div class="mb-[15px] flex flex-wrap items-center">
|
||
<p class="mb-[7px] w-[100%] font-[600]"> Ảnh nền trong chi tiết </p>
|
||
|
||
<div class="inline-block">
|
||
<img src="https://via.placeholder.com/400x300" class="block max-h-[80px] mr-[20px]">
|
||
</div>
|
||
|
||
<label class="cursor-pointer">
|
||
<span class="font-[300] mr-[10px]"> Cập nhật ảnh </span>
|
||
|
||
<input type="file" name="file_thumbnail"
|
||
class="file-input h-[40px] rounded-[4px] file-input-bordered file-input-primary w-full max-w-xs">
|
||
</label>
|
||
</div>
|
||
|
||
<div
|
||
class="p-[12px_20px] m-[15px_0] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] rounded-[4px]">
|
||
<p class="font-bold mb-2"> Danh mục <i class="font-[300] text-[#6B7280]"> * có thể chọn nhiều danh
|
||
mục </i> </p>
|
||
|
||
<div class="overflow-auto max-h-[250px]">
|
||
<div class="mb-[10px]">
|
||
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
|
||
<input type="checkbox" value="1" class="checkbox checkbox-success">
|
||
<b class="label-text ml-[5px]"> Danh mục cấp 1 </b>
|
||
</label>
|
||
</div>
|
||
<div class="mb-[10px]">
|
||
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
|
||
<input type="checkbox" value="1" class="checkbox checkbox-success">
|
||
<b class="label-text ml-[5px]"> Danh mục cấp 1 </b>
|
||
</label>
|
||
</div>
|
||
<div class="mb-[10px]">
|
||
<label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
|
||
<input type="checkbox" value="1" class="checkbox checkbox-success">
|
||
<b class="label-text ml-[5px]"> Danh mục cấp 1 </b>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-[15px]">
|
||
<p class="mb-[7px] w-[100%] font-[600]"> Tiêu đề </p>
|
||
|
||
<input type="text" value=""
|
||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||
</div>
|
||
|
||
<div class="mb-[15px]">
|
||
<p class="mb-[7px] w-[100%] font-[600]"> Link Index </p>
|
||
|
||
<input type="text" value=""
|
||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||
</div>
|
||
|
||
<div class="mb-[15px]">
|
||
<p class="mb-[7px] w-[100%] font-[600]"> Link tham khảo (link web ngoài nếu có) </p>
|
||
|
||
<input type="text" value=""
|
||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||
</div>
|
||
|
||
<div class="mb-[15px]">
|
||
<p class="mb-[7px] w-[100%] font-[600]"> Tóm tắt chính </p>
|
||
|
||
<textarea
|
||
class="w-[100%] min-h-[90px] max-h-[150px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||
</div>
|
||
|
||
<div>
|
||
<p class="mb-[7px] w-[100%] font-[600]"> Tags (Mỗi cụm từ 1 dòng) </p>
|
||
|
||
<textarea
|
||
class="w-[100%] min-h-[90px] max-h-[150px] rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
|
||
<div class="flex flex-wrap items-center justify-between mb-3">
|
||
<p class="font-bold text-[20px] leading-[20px]"> Mô tả công việc </p>
|
||
</div>
|
||
|
||
<div class="mb-[15px]">
|
||
<textarea id="js-desc"> </textarea>
|
||
</div>
|
||
|
||
<div class="mb-[15px]">
|
||
<p class="mb-[7px] w-[100%] font-[600]"> Thu nhập <i class="font-[300] text-[13px] text-[#6B7280]">
|
||
V.d Từ 8 triệu/
|
||
Thỏa thuận</i></p>
|
||
|
||
<input type="text" value=""
|
||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||
</div>
|
||
|
||
|
||
<div class="flex align-center mb-[15px]">
|
||
<div class="mr-[7.5px] w-[50%]">
|
||
<p class="mb-[7px] w-[100%] font-[600]"> Số lượng cần tuyển <i
|
||
class="font-[300] text-[13px] text-[#6B7280]">
|
||
Nhập số lượng v.d. 2</i></p>
|
||
|
||
<input type="text" value=""
|
||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||
</div>
|
||
<div class="m-[0_14px_0_7px] w-[50%]">
|
||
<p class="mb-[7px] w-[100%] font-[600]"> Hạn ứng tuyển <i
|
||
class="font-[300] text-[13px] text-[#6B7280]">
|
||
V.d Từ 8 triệu/
|
||
Thỏa thuận</i></p>
|
||
|
||
<div class="relative w-full">
|
||
<i
|
||
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute right-[10px] leading-[35px]"></i>
|
||
<input type="date" name="from_time_date" value="YYYY-MM-DD"
|
||
class="w-[100%] h-[36px] rounded-[4px] input input-md input-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<p class="mb-[7px] w-[100%] font-[600]"> Địa điểm </p>
|
||
|
||
<input type="text" value=""
|
||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
|
||
<p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Dùng cho SEO </p>
|
||
|
||
|
||
<div class="mb-[15px]">
|
||
<p class="mb-[7px] w-[100%] font-[600]">
|
||
Meta Title
|
||
<i class="text-[13px] font-[300]"> 0 ký tự , 0 từ </i>
|
||
</p>
|
||
|
||
<input type="text" value=""
|
||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||
</div>
|
||
|
||
<div class="mb-[15px]">
|
||
<p class="mb-[7px] w-[100%] font-[600]">
|
||
Meta Keywords
|
||
<i class="text-[13px] font-[300]"> 0 ký tự , 0 từ </i>
|
||
</p>
|
||
|
||
<input type="text" value=""
|
||
class="w-[100%] h-[36px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||
</div>
|
||
|
||
<div class="mb-[15px]">
|
||
<p class="mb-[7px] w-[100%] font-[600]">
|
||
Meta Description
|
||
<i class="text-[13px] font-[300]"> 0 ký tự , 0 từ (Khuyến nghị: 160 ký tự) </i>
|
||
</p>
|
||
|
||
<textarea
|
||
class="w-[100%] min-h-[90px] max-h-[150px] rounded-[4px] textarea textarea-bordered shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||
</div>
|
||
|
||
<div class="mb-[15px] flex flex-wrap">
|
||
<p class="w-[100px] font-bold"> Trạng thái </p>
|
||
|
||
<div>
|
||
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||
<input type="radio" value="0" name="info[status]" class="radio checked:bg-blue-500"
|
||
checked="">
|
||
<span class="label-text ml-[10px]"> Bản nháp </span>
|
||
</label>
|
||
|
||
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||
<input type="radio" value="1" name="info[status]" class="radio checked:bg-blue-500">
|
||
<span class="label-text ml-[10px]"> Cho hiển thị </span>
|
||
</label>
|
||
|
||
<label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
|
||
<input type="radio" value="-1" name="info[status]" class="radio checked:bg-blue-500">
|
||
<span class="label-text ml-[10px]"> Chờ duyệt </span>
|
||
</label>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<input type="submit" value="Cập nhật"
|
||
class="inline-block m-[16px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||
|
||
<script>
|
||
tinymce.init({
|
||
selector: 'textarea#js-desc',
|
||
height: 350,
|
||
menubar: true,
|
||
plugins: [
|
||
'advlist autolink lists link image charmap print preview anchor',
|
||
'searchreplace visualblocks code fullscreen',
|
||
'insertdatetime media table paste code help wordcount'
|
||
],
|
||
toolbar: 'undo redo | formatselect | ' +
|
||
'bold italic backcolor | alignleft aligncenter ' +
|
||
'alignright alignjustify | bullist numlist outdent indent | ' +
|
||
'removeformat | help',
|
||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
|
||
});
|
||
</script>
|
||
|
||
<script>
|
||
$(function () {
|
||
$("input[name='info[article_time_set]']").click(function () {
|
||
if ($(this).val() == 1) $("#js-publish_time").show();
|
||
else $("#js-publish_time").hide();
|
||
});
|
||
});
|
||
</script> |