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

update list product

Browse Source
This commit is contained in:
Tieptk
2024-05-04 09:29:34 +07:00
parent da868053ca
commit edee2ad3d8
26 changed files with 2039 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
template/admin/add.html Normal file
View File

@@ -0,0 +1,103 @@
<div class="global-breadcrumb-container">
<a href="/admin/admin"> Danh sách quản trị viên </a>
<a href=""> Form thêm/sửa quản trị viên </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] block"> Cập nhật quản trị </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/admin/add" style="color: #Fff;background: #0041E8;"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Thông tin
</a>
<a href="/admin/admin/menu-permission" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Quyền xem menu
</a>
<a href="/admin/admin/entity-permission" style="color: #919699;"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Quyền chỉnh sửa
</a>
</div>
<div class="w-[852px]">
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
<div class="form-control mb-[15px] w-[100%]">
<label class="block font-[600] text-[14px] mb-[5px]">Họ và tên</label>
<input name="" id="" placeholder="Họ và tên" value="Khắc tiệp"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]" />
</div>
<div class="form-control mb-[15px] w-[100%]">
<label class="block font-[600] text-[14px] mb-[5px]">Phòng ban</label>
<div class="flex items-center">
<select name="" id=""
class="w-[50%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<option value="">Chọn phòng ban</option>
</select>
<a href="/admin/admin/department-add" class="ml-[5px] text-[#0041E8]">Quản lý phòng ban</a>
</div>
</div>
<div class="form-control mb-[15px] w-[100%]">
<label class="block font-[600] text-[14px] mb-[5px]">Email (dùng đăng nhập)</label>
<input name="" id="" placeholder="Email" value="tieptk@hurasoft.com"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]" />
</div>
<div class="form-control mb-[15px] w-[100%]">
<div class="flex items-center mb-[5px]">
<label class="font-[600] text-[14px]">Mật khẩu đăng nhập (nếu không đổi mật khẩu thì để
trống)</label>
<span class="ml-[5px] text-[#6B7280] italic">(* tối thiểu 6 ký tự)</span>
</div>
<input name="" type="password" id=""
placeholder="Mật khẩu đăng nhập (nếu không đổi mật khẩu thì để trống)"
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]" />
</div>
<div class="form-control mb-[15px] w-[100%]">
<label class="block font-[600] text-[14px] mb-[5px]">Địa chỉ IP giới hạn truy cập. Nhập mỗi IP một dòng
(IP mạng của bạn là : 2405:4802:1d21:1660:45f1:2aba:d8c0:b1f1)
</label>
<textarea name="" id="" placeholder="Địa chỉ IP giới hạn truy cập. Nhập mỗi IP một dòng"
class="w-[100%] h-[80px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
</div>
<div class="check-form flex items-center mb-[15px]">
<input type="checkbox" name="change_url_on_update" value="1" checked=""
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">Không giới hạn theo IP. Cho phép người ngày truy cập quản trị
website ở mọi nơi (v.d. ở nhà, nơi công cộng)</span>
</div>
<div class="form-control mb-[15px] w-[100%]">
<label class="block font-[600] text-[14px] mb-[5px]">Phân quyền đặc biệt</label>
<div class="check-form flex items-center">
<input type="checkbox" name="change_url_on_update" value="1" checked=""
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">Cho phép tất cả quyền hạn (* quản trị viên có đặc quyền này
sẽ
không cần bị hạn chế bởi quy định phân quyền)
</span>
</div>
</div>
<div class="form-control w-[100%]">
<label class="block font-[600] text-[14px] mb-[5px]">Khóa thành viên</label>
<div class="check-form flex items-center">
<input type="checkbox" name="change_url_on_update" value="1" checked=""
class="checked:bg-[#0041E8] w-[18px] h-[18px] rounded-[4px]">
<span class="ml-[10px] text-[#6B7280]">Cho phép tất cả quyền hạn (* quản trị viên có đặc quyền này
sẽ không cần bị hạn chế bởi quy định phân quyền)
</span>
</div>
</div>
</div>
<div
class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
<input type="submit" value="Cập nhật"
class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>
</div>

156
template/admin/entity_permission.html Normal file
View File

@@ -0,0 +1,156 @@
<div class="global-breadcrumb-container">
<a href="/admin/admin"> Danh sách quản trị viên </a>
<a href=""> Form thêm/sửa quản trị viên </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] block"> Cập nhật quản trị </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/admin/add" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Thông tin
</a>
<a href="/admin/admin/menu-permission" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Quyền xem menu
</a>
<a href="/admin/admin/entity-permission" style="color: #fff;background: #0041E8;"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Quyền chỉnh sửa
</a>
</div>
<div class="w-[852px]">
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
<b class="block mb-[15px] font-[20px]">Cài đặt quyền xem Menu cho: Tiệp Hura</b>
<div class="mb-[20px] text-[#6B7280]">
Trong trường hợp quản trị viên không được cập nhật quyền tại đây thì quyền của quản
trị viên sẽ được thừa hưởng từ quyền
của phòng ban.
</div>
<table class="css-table">
<thead>
<tr>
<th class="w-[40px]">STT</th>
<th>Hạng mục</th>
<th>Được phép xem</th>
</tr>
</thead>
<tbody>
<tr class="bg-[#FFE6C1] font-[700]">
<td>1</td>
<td colspan="2">Bán hàng</td>
</tr>
<tr>
<td>1.1</td>
<td>Danh sách đơn hàng</td>
<td>
<div class="flex items-center">
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xem</span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
</div>
</div>
</td>
</tr>
<tr>
<td>1.2</td>
<td>Chờ mua sản phẩm</td>
<td>
<div class="flex items-center">
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xem</span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
</div>
</div>
</td>
</tr>
<tr>
<td>1.3</td>
<td>Thanh toán qua cổng dịch vụ</td>
<td>
<div class="flex items-center">
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xem</span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
</div>
</div>
</td>
</tr>
<tr class="bg-[#FFE6C1] font-[700]">
<td>2</td>
<td colspan="2">Sản phẩm</td>
</tr>
<tr>
<td>2.1</td>
<td>Danh sách Sản phẩm</td>
<td>
<div class="flex items-center">
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xem</span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span>
</div>
<div class="check-form flex items-center mr-[20px]">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div
class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
<input type="submit" value="Cập nhật"
class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>
</div>

102
template/admin/home.html Normal file
View File

@@ -0,0 +1,102 @@
<div class="w-[100%]">
<div class="p-[15px] m-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
<h1 class="text-[24px] font-[700] mb-[15px]">Danh sách quản trị website</h1>
<form action=""
class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] my-[15px] border-[1px] border-[#F6F6F6]">
<input type="text" name=""
class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
placeholder="Tìm theo tên/email">
<button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
</form>
<div class="flex items-center justify-between">
<select name="" id=""
class="w-[260px] h-[35px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F] rounded-[4px] px-[5px]">
<option value="">Chọn phòng ban</option>
</select>
<div class="flex items-center">
<a href="/admin/admin/add"
class="flex items-center p-[7px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
<span
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
<span>Thêm quản trị mới</span>
</a>
<a href="/admin/admin/department"
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
<i class="fa-regular fa-file-pdf"></i>
<span class="ml-1">Danh sách phòng ban</span>
</a>
<a href="/admin/admin/admin-log-product"
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
<i class="fa-solid fa-box"></i>
<span class="ml-1">Theo dõi tạo sản phẩm</span>
</a>
<a href="/admin/admin/login-log"
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[10px] hover:stroke-white font-[500]">
<i class="fa-solid fa-user-gear"></i>
<span class="ml-1">Quản trị đăng nhập</span>
</a>
</div>
</div>
<table class="style-table mt-[15px]">
<thead>
<tr>
<th class="w-[38px]">STT</th>
<th>Họ tên</th>
<th>Email</th>
<th>Phòng ban</th>
<th>Thời gian tạo</th>
<th>Đăng nhập lần cuối</th>
<th>IP đăng nhập</th>
<th class="w-[140px]">Xem lịch sử</th>
<th class="w-[95px]">Quản lý</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
<p>Khách hàng hunglong.vn</p>
<span
class="px-[5px] py-[3px] rounded-[10px] border border-[#E00000] text-[#E00000] text-[12px] font-[700]">Tạm
khóa</span>
</td>
<td>
hunglong@hurasoft.com
</td>
<td>
Khách hàng test giao diện
</td>
<td>
29-01-2024, 1:34 pm
</td>
<td>
07-03-2024, 9:54 am
</td>
<td>
2405:4802:1d21:1660:c4b3:5e6e:3699:f991
</td>
<td>
<a href="/admin/admin/admin-log"
class="px-[15px] py-[5px] bg-[#0041E8] rounded-[4px] m-auto text-white text-center">Xem toàn
bộ</a>
</td>
<td>
<div class="list-btn flex items-center justify-center">
<a href="/admin/template/upload-set" title="Form sản phẩm"
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-edit"></i>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<i class="icons icon-remove"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>

116
template/admin/menu_permission.html Normal file
View File

@@ -0,0 +1,116 @@
<div class="global-breadcrumb-container">
<a href="/admin/admin"> Danh sách quản trị viên </a>
<a href=""> Form thêm/sửa quản trị viên </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] block"> Cập nhật quản trị </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/admin/add" style="color: #919699;border-bottom: 1px solid #f3f3f3;"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Thông tin
</a>
<a href="/admin/admin/menu-permission" style="color: #fff;background: #0041E8;"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Quyền xem menu
</a>
<a href="/admin/admin/entity-permission" style="color: #919699;"
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Quyền chỉnh sửa
</a>
</div>
<div class="w-[852px]">
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_-1px_1px_0px_#0000001A]">
<b class="block mb-[15px] font-[20px]">Cài đặt quyền xem Menu cho: Tiệp Hura</b>
<div class="mb-[20px] text-[#6B7280]">
<p class="mb-[20px]">Trong trường hợp quản trị viên không được cập nhật quyền tại đây thì quyền của quản
trị viên sẽ được
thừa hưởng từ quyền
của phòng ban.
</p>
<p> <b>Lưu ý:</b> Quyền xem menu chỉ quy định việc ẩn/hiện nội dung ở Menu, không quy định việc
quản trị viên có thể
xem được nội dung chi tiết của 1 hạng mục nào đó hay không nếu quản trị viên đó biết được đường link
truy cập. Để hạn
chế quản trị viên xem hạng mục, bạn cần cài đặt ở Quyền hạng mục.
</p>
</div>
<table class="css-table">
<thead>
<tr>
<th class="w-[40px]">STT</th>
<th>Hạng mục</th>
<th class="w-[210px]">Được phép xem</th>
</tr>
</thead>
<tbody>
<tr class="bg-[#FFE6C1] font-[700]">
<td>1</td>
<td colspan="2">Bán hàng</td>
</tr>
<tr>
<td>1.1</td>
<td>Danh sách đơn hàng</td>
<td>
<div class="check-form flex items-center">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Được xem</span>
</div>
</td>
</tr>
<tr>
<td>1.2</td>
<td>Chờ mua sản phẩm</td>
<td>
<div class="check-form flex items-center">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Được xem</span>
</div>
</td>
</tr>
<tr>
<td>1.3</td>
<td>Thanh toán qua cổng dịch vụ</td>
<td>
<div class="check-form flex items-center">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Được xem</span>
</div>
</td>
</tr>
<tr class="bg-[#FFE6C1] font-[700]">
<td>2</td>
<td colspan="2">Sản phẩm</td>
</tr>
<tr>
<td>2.1</td>
<td>Danh sách Sản phẩm</td>
<td>
<div class="check-form flex items-center">
<input type="checkbox" name="" value="1"
class="checked:bg-[#0041E8] w-[20px] h-[20px] rounded-[4px]">
<span class="ml-[7px] text-[#6B7280]">Được xem</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div
class="p-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
<input type="submit" value="Cập nhật"
class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
</div>
</div>
</div>