Files
admin_hura8/them_thuoc_tinh_san_pham.html

437 lines
26 KiB
HTML
Raw Permalink Normal View History

2023-07-03 16:04:33 +07:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Hura8</title>
<link type="text/css" rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
</head>
<body>
<div class="overlay" onclick="closeOverlay()"></div>
<div class="header">
<div class="container-1500">
<div class="header-top d-flex align-items-center justify-content-between">
<div class="left">
<a href="/" class="logo">
<img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
</a>
</div>
<div class="right d-flex align-items-center">
<form method="get" enctype="multipart/form-data" action=""
class="form-search d-flex align-items-center">
<input type="text" name="q" placeholder="Search" class="input-search">
<button type="submit" class="btn-search">Search</button>
</form>
<div class="notification" onclick="show_content('notification')">
<div class="icon_global bell"></div>
<div class="total-notification">20</div>
<div class="hover-notification">
<div class="title d-flex align-items-center justify-content-between">
<b>Thông báo</b>
<a href="javascript:void(0)" class="click_close"
onclick="close_content('notification')">
<i class="fa fa-close"></i>
</a>
</div>
<div class="list-notification">
<a href="#" class="item d-flex">
<i class="icon_global bell"></i>
<div class="txt">
<p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
<span class="time">11-05-2023 9:50 am</span>
</div>
</a>
<a href="#" class="item d-flex">
<i class="icon_global bell"></i>
<div class="txt">
<p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
<span class="time">11-05-2023 9:50 am</span>
</div>
</a>
<a href="#" class="item d-flex">
<i class="icon_global bell"></i>
<div class="txt">
<p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
<span class="time">11-05-2023 9:50 am</span>
</div>
</a>
<a href="#" class="item d-flex">
<i class="icon_global bell"></i>
<div class="txt">
<p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
<span class="time">11-05-2023 9:50 am</span>
</div>
</a>
<a href="#" class="item d-flex">
<i class="icon_global bell"></i>
<div class="txt">
<p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
<span class="time">11-05-2023 9:50 am</span>
</div>
</a>
<a href="#" class="item d-flex">
<i class="icon_global bell"></i>
<div class="txt">
<p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
<span class="time">11-05-2023 9:50 am</span>
</div>
</a>
<a href="#" class="item d-flex">
<i class="icon_global bell"></i>
<div class="txt">
<p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
<span class="time">11-05-2023 9:50 am</span>
</div>
</a>
</div>
<a href="#" class="more-all">Lịch sử thông báo</a>
</div>
</div>
<div class="user_login" onclick="show_content('user_login')">
<img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
<div class="hover-user-login">
<img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
class="avatar">
<b class="name-user">Jack</b>
<a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
<a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
<a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="list-menu">
<div class="container-1500">
<div class="content-list-menu d-flex align-items-center">
<div class="item active">
<a href="/" class="title d-flex align-items-center">
<i class="fa-solid fa-house"></i>
<p class="text">Home</p>
</a>
</div>
<div class="item">
<a class="title d-flex align-items-center" href="">
<p>Bán hàng</p>
<i class="fa-solid fa-caret-down"></i>
</a>
<div class="list-menu-sub">
<a href="" class="item-sub">Danh sách đơn hàng</a>
<a href="" class="item-sub">Thanh toán qua dịch vụ</a>
</div>
</div>
<div class="item">
<a class="title d-flex align-items-center" href="">
<p>Sản phẩm</p>
<i class="fa-solid fa-caret-down"></i>
</a>
<div class="list-menu-sub">
<a href="/admin/?opt=product">Danh sách Sản phẩm</a>
<a href="/admin/?opt=product&amp;view=product-list-update">Bảng giá cập nhật</a>
<a href="/admin/?opt=product&amp;view=category">Danh mục Sản phẩm</a>
<a href="/admin/?opt=brand">Danh sách thương hiệu</a>
<a href="/admin/?opt=product&amp;view=attribute">Thuộc tính Sản phẩm</a>
<a href="/admin/?opt=product&amp;view=collection">Bộ sưu tập</a>
<a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
<a href="/admin/?opt=product&amp;view=spec-group">Nhóm thông số kỹ thuật</a>
</div>
</div>
<div class="item">
<a class="title d-flex align-items-center" href="">
<p>Khách hàng</p>
<i class="fa-solid fa-caret-down"></i>
</a>
<div class="list-menu-sub">
<a href="/admin/?opt=customer">Danh sách khách hàng</a>
<a href="/admin/?opt=customer&amp;view=customer-contact">Khách hàng liên
hệ</a>
<a href="/admin/?opt=customer&amp;view=comment">Tổng hợp trao đổi</a>
<a href="/admin/?opt=customer&amp;view=review">Tổng hợp Đánh giá</a>
<a href="/admin/?opt=customer&amp;view=customer-review">Khách hàng góp
ý</a>
<a href="/admin/?opt=customer&amp;view=customer-newsletter">Khách hàng
nhận bản tin</a>
</div>
</div>
<div class="item">
<a class="title d-flex align-items-center" href="">
<p>Marketing</p>
<i class="fa-solid fa-caret-down"></i>
</a>
<div class="list-menu-sub">
<a href="/admin/?opt=marketing&amp;view=coupon">Phiếu giảm giá - Voucher</a>
<a href="/admin/?opt=banner">Danh sách banner</a></p>
<a href="/admin/?opt=system&amp;view=store-design&amp;section=popup">Banner pop-up</a>
<a href="/admin/?opt=marketing&amp;view=poster-upload">Poster</a>
<a href="/admin/?opt=system&amp;view=store-design&amp;section=background">Hình nền
website</a></p>
<a href="/admin/?opt=url&amp;view=meta-list">Sửa thông tin URL</a>
</div>
</div>
<div class="item">
<a class="title d-flex align-items-center" href="">
<p>Nội dung</p>
<i class="fa-solid fa-caret-down"></i>
</a>
<div class="list-menu-sub">
<a href="/admin/?opt=article&amp;type=article">Tin bài</a>
<a href="/admin/?opt=article&amp;view=user-comment">Trao đổi của KH</a>
<a href="/admin/?opt=media">Danh sách Media</a>
<a href="/admin/?opt=page">Nội dung cố định</a>
</div>
</div>
<div class="item">
<a class="title d-flex align-items-center" href="">
<p>Xây dụng máy tính</p>
<i class="fa-solid fa-caret-down"></i>
</a>
<div class="list-menu-sub">
<a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
</div>
</div>
<div class="item">
<a class="title d-flex align-items-center" href="">
<p>Trả góp</p>
<i class="fa-solid fa-caret-down"></i>
</a>
<div class="list-menu-sub">
<a href="/admin/?opt=payinstall&amp;view=order">Danh sách đơn hàng</a>
<a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
<a href="/admin/?opt=payinstall&amp;view=category">Danh mục sản phẩm</a>
</div>
</div>
<div class="item">
<a class="title d-flex align-items-center" href="">
<p>Thống kê</p>
<i class="fa-solid fa-caret-down"></i>
</a>
<div class="list-menu-sub">
<a href="/admin/?opt=report&amp;view=visitor">Thống kê truy cập</a>
<a href="/admin/?opt=report&amp;view=customer">Thống kê khách hàng</a>
<a href="/admin/?opt=report&amp;view=order">Thống kê đơn hàng</a>
<a href="/admin/?opt=report&amp;view=product-buy">Sản phẩm mua nhiều</a>
</p>
<a href="/admin/?opt=report&amp;view=product-visit">Sản phẩm xem nhiều</a>
<a href="/admin/?opt=report&amp;view=referer">Web giới thiệu</a>
<a href="/admin/?opt=report&amp;view=search">Từ khóa tìm kiếm</a>
</div>
</div>
<div class="item">
<a class="title d-flex align-items-center" href="">
<p>Hệ thống</p>
<i class="fa-solid fa-caret-down"></i>
</a>
<div class="list-menu-sub">
<a href="/admin/?opt=system&amp;view=settings">Cài đặt chung</a>
<a href="/admin/?opt=template">Sửa file template</a>
<a href="/admin/?opt=admin">Danh sách quản trị viên</a>
<a href="/admin/?opt=url&amp;view=redirect">Url Redirect</a>
<a href="/admin/?opt=tool">Công cụ</a>
<a href="/admin/?opt=tag">Quản trị Tag</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="page_content add-attribute">
<div class="title d-flex align-items-center justify-content-between">
<div class="title-left">
<div id="breadcrumb" class="breadcrumb">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="home">
<a href="/" itemprop="item" class="nopad-l">
<span itemprop="name">Sản phẩm</span>
</a> <i class="fa fa-angle-right"></i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="home">
<a href="/" itemprop="item" class="nopad-l">
<span itemprop="name">Thuộc tính sản phẩm</span>
</a><i class="fa fa-angle-right"></i>
<meta itemprop="position" content="2">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="home">
<a href="/" itemprop="item" class="nopad-l">
<span itemprop="name">Cập nhật thuộc tính</span>
</a>
<meta itemprop="position" content="3">
</li>
</ol>
</div>
</div>
<div class="title-right d-flex">
<a href="/admin/?opt=product&view=attribute-add" class="item-attr">
<i class="icon_global add-attr"></i>
<p style="margin-top: 2px;">Thêm thuộc tính mới</p>
</a>
<a href="/admin/?opt=product&view=attribute" class="item-attr">
<i class="icon_global view-attr"></i>
<p>Xem thuộc tính khác</p>
</a>
</div>
</div>
<div class="box-form-add bg-white">
<form method="post" enctype="multipart/form-data">
<div class="item">
<b class="label">Tên thuộc tính</b>
<div class="content-right d-flex">
<input type="text" name="info[name]" id="name" value="Màu sắc 5" class="form-control">
</div>
</div>
<div class="item">
<b class="label">Mã nhận dạng <br> cho quản trị</b>
<div class="content-right d-flex">
<input type="text" name="info[attribute_code]" id="attr_code" value="" class="form-control"
placeholder="Nhập link Index">
</div>
</div>
<div class="item">
<b class="label">Mô tả tóm tắt</b>
<div class="content-right d-flex">
<textarea name="info[comment]" cols="80" rows="6" class="form-control rich-textarea"
placeholder="Nhập mô tả"></textarea>
</div>
</div>
<div class="item">
<b class="label">Lựa chọn áp dụng</b>
<div class="content-right">
<div class="item-checkbox">
<input type="checkbox" value="1" name="info[isHeader]">
<label>Dùng là <u>tiêu đề nhóm</u> cho các thuộc tính đứng sau</label>
</div>
<div class="item-checkbox"><input type="checkbox" value="1" name="info[isSearch]">
<label>Dùng
lọc Sản phẩm ở danh
mục</label>
</div>
<div class="item-checkbox"><input type="checkbox" value="1" name="info[in_summary]">
<label>Hiển
thị ở thông tin tóm
tắt Sản phẩm</label>
</div>
<div class="item-checkbox"><input type="checkbox" value="1" name="info[isDisplay]">
<label>Hiển
thị ở bảng thông số kỹ
thuật</label>
</div>
<div class="item-checkbox"><input type="checkbox" value="1" name="info[for_product_option]"
checked="checked">
<label>Dùng để tạo các cấu hình của
Sản phẩm</label>
</div>
</div>
</div>
<div class="item">
<b class="label">Phân loại:</b>
<div class="content-right d-flex">
<div class="item-radio">
<input type="radio" value="0" name="info[scope]" checked="checked">
<span>Local - Chỉ áp dụng cho một số loại Sản phẩm</span>
</div>
<div class="item-radio">
<input type="radio" value="1" name="info[scope]">
<span>Global - Áp dụng cho tất cả Sản phẩm (v.d: Xuất xứ, Màu sắc, Bảo hành)</span>
</div>
</div>
</div>
<div class="item">
<b class="label">Thứ tự xuất hiện</b>
<div class="content-right">
<input type="text" class="form-control" name="info[ordering]" id="ordering" value=""
placeholder="(Cao xếp trước)">
</div>
</div>
<div class="item">
<b class="label">Quản lý các giá trị</b>
<div class="content-right">
<div class="table-attribute">
<table width="100%" id="tb_padding">
<tbody>
<tr>
<th>STT</th>
<th>ID</th>
<th>Giá trị</th>
<th>Mô tả</th>
<th class="text-center">Thứ tự hiển thị</th>
<th>Lựa chọn</th>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>Hồng#FF00FF</td>
<td>test</td>
<td class="text-center">0</td>
<td>
<a href="javascript:show_update_attr_value(583, 98)" class="btn-edit">
<i class="fa-solid fa-pencil"></i>
</a>
<a href="javascript:remove_attr_value(583, 98)" class="btn-remove">
<i class="fa-solid fa-trash-can"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="item-summary">
<div class="title">Thêm giá trị mới:</div>
<div class="right-summary d-flex align-items-center" style="width: 85%;">
<div class="add-attr name d-flex align-items-center">
<span>Tên (*)</span>
<input type="text" size="30" id="add_attr_value" class="form-control">
</div>
<div class="add-attr value-sort d-flex align-items-center">
<span>Giá trị sắp xếp (**)</span>
<input type="text" size="30" id="add_attr_value_sort" class="form-control">
</div>
<div class="add-attr value-order d-flex align-items-center">
<span>STT</span>
<input type="text" size="30" id="add_attr_value_order" class="form-control">
</div>
<input type="button" value="Thêm mới" onclick="add_new_attr_value('98', '0')"
class="btn-add">
</div>
</div>
<div class="note">(**) Dùng để sắp xếp Sản phẩm theo thuộc tính khi cần (v.d. theo dung
lượng ổ cứng laptop giảm dần)</div>
</div>
</div>
<div class="item">
<b class="label">
Diễn giải thuộc tính
<span style="display: block;font-weight: 400;font-size: 13px;">(dùng giải thích chi tiết cho
khách hàng ý nghĩa của thuộc tính)</span>
</b>
<div class="content-right">
<textarea name="info[description]" id="rich_text" cols="80" rows="6" class="form-control"
placeholder="Nhập mô tả"></textarea>
</div>
</div>
<div class="btn-submit">
<div class="content-right d-flex align-items-center">
<input type="hidden" name="l" value="vn">
<input class="btn" id="submit-collection-btn" name="commit" type="submit" value="Cập nhật">
</div>
</div>
<div class="clearfix"></div>
</form>
</div>
</div>
</div>
</body>
</html>