638 lines
36 KiB
HTML
638 lines
36 KiB
HTML
<!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&view=product-list-update">Bảng giá cập nhật</a>
|
|
<a href="/admin/?opt=product&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&view=attribute">Thuộc tính Sản phẩm</a>
|
|
<a href="/admin/?opt=product&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&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&view=customer-contact">Khách hàng liên
|
|
hệ</a>
|
|
<a href="/admin/?opt=customer&view=comment">Tổng hợp trao đổi</a>
|
|
<a href="/admin/?opt=customer&view=review">Tổng hợp Đánh giá</a>
|
|
<a href="/admin/?opt=customer&view=customer-review">Khách hàng góp
|
|
ý</a>
|
|
<a href="/admin/?opt=customer&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&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&view=store-design&section=popup">Banner pop-up</a>
|
|
<a href="/admin/?opt=marketing&view=poster-upload">Poster</a>
|
|
<a href="/admin/?opt=system&view=store-design&section=background">Hình nền
|
|
website</a></p>
|
|
<a href="/admin/?opt=url&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&type=article">Tin bài</a>
|
|
<a href="/admin/?opt=article&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&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&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&view=visitor">Thống kê truy cập</a>
|
|
<a href="/admin/?opt=report&view=customer">Thống kê khách hàng</a>
|
|
<a href="/admin/?opt=report&view=order">Thống kê đơn hàng</a>
|
|
<a href="/admin/?opt=report&view=product-buy">Sản phẩm mua nhiều</a>
|
|
</p>
|
|
<a href="/admin/?opt=report&view=product-visit">Sản phẩm xem nhiều</a>
|
|
<a href="/admin/?opt=report&view=referer">Web giới thiệu</a>
|
|
<a href="/admin/?opt=report&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&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&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-1500">
|
|
<div class="page_content">
|
|
<h2 class="title-main">Dashboard</h2>
|
|
<div class="d-flex">
|
|
<div class="left col-8 col-sm-8 col-xl-8">
|
|
<div class="box-info-order row g-3">
|
|
<div class="item col-md-3">
|
|
<div class="border p-3">
|
|
<div class="backgroud-icon new">
|
|
<div class="icon_global order-new"></div>
|
|
</div>
|
|
<div class="txt">Đơn hàng mới</div>
|
|
<div class="d-flex align-items-baseline justify-content-between">
|
|
<div class="qyt">10k</div>
|
|
<div class="d-flex align-items-baseline">
|
|
<div class="up">
|
|
<i class="fa fa-arrow-up"></i>
|
|
10%
|
|
</div>
|
|
<div class="time">
|
|
Hôm qua
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item col-md-3">
|
|
<div class="border p-3">
|
|
<div class="backgroud-icon contact">
|
|
<div class="icon_global user-contact"></div>
|
|
</div>
|
|
<div class="txt">Khách liên hệ qua website</div>
|
|
<div class="d-flex align-items-baseline justify-content-between">
|
|
<div class="qyt">600</div>
|
|
<div class="d-flex align-items-baseline">
|
|
<div class="up">
|
|
<i class="fa fa-arrow-up"></i>
|
|
10%
|
|
</div>
|
|
<div class="time">
|
|
Hôm qua
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item col-md-3">
|
|
<div class="border p-3">
|
|
<div class="backgroud-icon installment">
|
|
<div class="icon_global order-installment"></div>
|
|
</div>
|
|
<div class="txt">Đơn trả góp</div>
|
|
<div class="d-flex align-items-baseline justify-content-between">
|
|
<div class="qyt">102</div>
|
|
<div class="d-flex align-items-baseline">
|
|
<div class="up">
|
|
<i class="fa fa-arrow-up"></i>
|
|
10%
|
|
</div>
|
|
<div class="time">
|
|
Hôm qua
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item col-md-3">
|
|
<div class="border p-3">
|
|
<div class="backgroud-icon return">
|
|
<div class="icon_global return-goods"></div>
|
|
</div>
|
|
<div class="txt">Đơn hoàn</div>
|
|
<div class="d-flex align-items-baseline justify-content-between">
|
|
<div class="qyt">25</div>
|
|
<div class="d-flex align-items-baseline">
|
|
<div class="down">
|
|
<i class="fa fa-arrow-down"></i>
|
|
10%
|
|
</div>
|
|
<div class="time">
|
|
Hôm qua
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box-revenue-chart">
|
|
<div class="title d-flex align-items-center justify-content-between">
|
|
<div class="total-revenue d-flex align-items-center">
|
|
<i class="fa-solid fa-circle"></i>
|
|
<span>Doanh thu</span>
|
|
<b class="qty">105tr</b>
|
|
</div>
|
|
<div class="option-chart">
|
|
<select id="click-revenue">
|
|
<option value="week">Theo tuần</option>
|
|
<option value="month">Theo tháng</option>
|
|
<option value="year">Theo năm</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<canvas id="revenueChart" style="width:100%;height: 430px;"></canvas>
|
|
|
|
</div>
|
|
|
|
<div class="box-chart-access">
|
|
<div class="title d-flex align-items-center justify-content-between">
|
|
<div class="list-thong-so d-flex">
|
|
<div class="item">
|
|
<i class="fa-solid fa-circle"></i>
|
|
<span>Lượt truy cập</span>
|
|
<b class="qty">105k</b>
|
|
</div>
|
|
<div class="item">
|
|
<i class="fa-solid fa-circle view"></i>
|
|
<span>Người xem</span>
|
|
<b class="qty">75k</b>
|
|
</div>
|
|
</div>
|
|
<div class="option-chart">
|
|
<select id="click-access">
|
|
<option value="today">Theo tuần</option>
|
|
<option value="month">Theo tháng</option>
|
|
<option value="year">Theo năm</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<canvas id="chart_access" style="width:100%;height: 430px;"></canvas>
|
|
|
|
</div>
|
|
|
|
<div class="box-edit-history">
|
|
<div class="title d-flex align-item-center justify-content-between">
|
|
<b class="name">Lịch sử chỉnh sửa</b>
|
|
<a href="#" class="more-all">
|
|
<i class="fa fa-caret-right"></i>
|
|
Xem danh sách
|
|
</a>
|
|
</div>
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<th class="text-center">STT</th>
|
|
<th class="col-3">Người dùng</th>
|
|
<th class="col-6">Nội dung</th>
|
|
<th class="col-2 text-center">Thời gian</th>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center">01</td>
|
|
<td>Linhpc@hurasoft.com</td>
|
|
<td>Chỉnh sửa banner trang chủ</td>
|
|
<td class="text-center">15: 30 25/03/2023</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center">02</td>
|
|
<td>Linhpc@hurasoft.com</td>
|
|
<td>Chỉnh sửa banner trang chủ</td>
|
|
<td class="text-center">15: 30 25/03/2023</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center">03</td>
|
|
<td>Linhpc@hurasoft.com</td>
|
|
<td>Chỉnh sửa banner trang chủ</td>
|
|
<td class="text-center">15: 30 25/03/2023</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center">04</td>
|
|
<td>Linhpc@hurasoft.com</td>
|
|
<td>Chỉnh sửa banner trang chủ</td>
|
|
<td class="text-center">15: 30 25/03/2023</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center">05</td>
|
|
<td>Linhpc@hurasoft.com</td>
|
|
<td>Chỉnh sửa banner trang chủ</td>
|
|
<td class="text-center">15: 30 25/03/2023</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="right col-4 col-sm-4 col-xl-4">
|
|
<div class="box-report-summary">
|
|
<div class="title">Tóm tắt báo cáo</div>
|
|
|
|
<div class="list-tab d-flex align-items-center" id="tabReport">
|
|
<a href="javascript:void(0)" class="item active" data-tab="tabProView">Sản phẩm
|
|
xem
|
|
nhiều</a>
|
|
<a href="javascript:void(0)" class="item" data-tab="tabWebInfo">Web giới
|
|
thiệu</a>
|
|
<a href="javascript:void(0)" class="item" data-tab="tabKeys">Từ khóa</a>
|
|
<a href="javascript:void(0)" class="item" data-tab="tabPosts">Bài viết</a>
|
|
</div>
|
|
|
|
<div class="content-tab active" id="tabProView">
|
|
<table class="product-see-more">
|
|
<tbody>
|
|
<tr>
|
|
<th>STT</th>
|
|
<th>Sản phẩm</th>
|
|
<th class="col-2 text-center">Lượt xem</th>
|
|
</tr>
|
|
<tr>
|
|
<td>01</td>
|
|
<td>Laptop ASUS TUF Gaming F15</td>
|
|
<td>
|
|
<div class="qnt high">30k</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>01</td>
|
|
<td>Laptop ASUS TUF Gaming F15</td>
|
|
<td>
|
|
<div class="qnt good">30k</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>01</td>
|
|
<td>Laptop ASUS TUF Gaming F15</td>
|
|
<td>
|
|
<div class="qnt medium">30k</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>01</td>
|
|
<td>Laptop ASUS TUF Gaming F15</td>
|
|
<td>
|
|
<div class="qnt weak">30k</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="content-tab" id="tabWebInfo">
|
|
<div style="margin: 20px 50px;">
|
|
<canvas id="chart_WebInfo" style="width:200px;height: 100%;"></canvas>
|
|
</div>
|
|
|
|
<table class="table-list-website">
|
|
<tbody>
|
|
<tr>
|
|
<th class="text-center">#</th>
|
|
<th>Web giới thiệu</th>
|
|
<th style="width:25%;">Lượt truy cập</th>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center"><i class="fa-solid fa-circle blue"></i></td>
|
|
<td>Web giới thiệu 1</td>
|
|
<td class="text-center">300 lượt</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center"><i class="fa-solid fa-circle yellow"></i></td>
|
|
<td>Web giới thiệu 2</td>
|
|
<td class="text-center">300 lượt</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center"><i class="fa-solid fa-circle green"></i></td>
|
|
<td>Web giới thiệu 3</td>
|
|
<td class="text-center">300 lượt</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="content-tab" id="tabKeys">
|
|
<div class="title-key d-flex align-items-center justify-content-between">
|
|
<span>Từ khóa xem nhiều nhất 30 ngày qua</span>
|
|
<a href="#">Xem danh sách</a>
|
|
</div>
|
|
<div class="list-key d-flex flex-wrap align-items-center">
|
|
<a href="" class="item">Asus</a>
|
|
<a href="" class="item">Laptop mỏng nhẹ</a>
|
|
<a href="" class="item">PC giá rẻ</a>
|
|
<a href="" class="item">Ram 16G</a>
|
|
<a href="" class="item">Cách săn ốp điện thoại rẻ</a>
|
|
<a href="" class="item">Mua máy tính</a>
|
|
<a href="" class="item">Asus</a>
|
|
<a href="" class="item">Laptop mỏng nhẹ</a>
|
|
<a href="" class="item">PC giá rẻ</a>
|
|
<a href="" class="item">Ram 16G</a>
|
|
<a href="" class="item">Cách săn ốp điện thoại rẻ</a>
|
|
<a href="" class="item">Mua máy tính</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content-tab" id="tabPosts">
|
|
<table class="posts">
|
|
<tbody>
|
|
<tr>
|
|
<th class="text-center">#</th>
|
|
<th>Bài viết</th>
|
|
<th class="col-2 text-center">Lượt xem</th>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center">01</td>
|
|
<td>Laptop ASUS TUF Gaming F15</td>
|
|
<td>
|
|
<div class="qnt high">30k</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center">01</td>
|
|
<td>Laptop ASUS TUF Gaming F15</td>
|
|
<td>
|
|
<div class="qnt good">30k</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center">01</td>
|
|
<td>Laptop ASUS TUF Gaming F15</td>
|
|
<td>
|
|
<div class="qnt medium">30k</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center">01</td>
|
|
<td>Laptop ASUS TUF Gaming F15</td>
|
|
<td>
|
|
<div class="qnt weak">30k</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="box-support-hurasoft">
|
|
<a href="#">
|
|
<i class="icon_global support"></i>
|
|
Hỗ trợ từ Hurasoft
|
|
</a>
|
|
</div>
|
|
<div class="box-remind-me">
|
|
<div class="title">Ghi nhắc việc cần làm cá nhân</div>
|
|
<div class="form-remind">
|
|
<input type="text" placeholder="Nhập việc cần làm của bạn" name="input-work"
|
|
class="input-work">
|
|
<input type="date" id="timeToday" name="start-work" value="2018-07-22" class="time-work">
|
|
<input type="submit" value="Tạo mới" id="btn-remind">
|
|
</div>
|
|
<table class="table-list-work">
|
|
<tbody>
|
|
<tr>
|
|
<th class="text-center">#</th>
|
|
<th>Nội dung</th>
|
|
<th>Hết hạn</th>
|
|
<th>Trạng thái</th>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center">01</td>
|
|
<td>Sửa trang chủ hurasoft</td>
|
|
<td>24/05/2023</td>
|
|
<td class="text-center green">Đã xong</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center">01</td>
|
|
<td>Sửa trang chủ hurasoft</td>
|
|
<td>24/05/2023</td>
|
|
<td class="text-center green">Đã xong</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center">01</td>
|
|
<td>Sửa trang chủ hurasoft</td>
|
|
<td>24/05/2023</td>
|
|
<td class="text-center green">Đã xong</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center">01</td>
|
|
<td>Sửa trang chủ hurasoft</td>
|
|
<td>24/05/2023</td>
|
|
<td class="text-center red">Chưa xong</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script>
|
|
<script src="./assets/js/chart_home.js"></script>
|
|
<script src="./assets/js/home.js"></script>
|
|
|
|
</html> |