This repository has been archived by the owner on May 31, 2024. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #76 from hardingadonis/vuong-dashboard
Update Dashboard Servlet
- Loading branch information
Showing
3 changed files
with
137 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,124 @@ | ||
| <%@ page contentType="text/html" pageEncoding="UTF-8" %> | ||
|
|
||
| <%@page import="io.hardingadonis.saledock.utils.Singleton" %> | ||
|
|
||
| <!DOCTYPE html> | ||
| <html data-bs-theme="light" lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> | ||
| <title>Sale Dock - Bảng điều khiển</title> | ||
| <link rel="icon" type="image/png" sizes="512x512" href="<%=request.getContextPath()%>/view/assets/images/favicon/favicon.png"> | ||
| <link rel="stylesheet" href="<%=request.getContextPath()%>/view/assets/css/bootstrap.min.css"> | ||
| <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/line-awesome/1.3.0/line-awesome/css/line-awesome.min.css"> | ||
| <link rel="stylesheet" href="<%=request.getContextPath()%>/view/assets/css/animate.min.css"> | ||
| </head> | ||
|
|
||
| <body id="page-top"> | ||
| <div id="wrapper"> | ||
|
|
||
| <%@include file="../../../common/_sidenav.jsp" %> | ||
|
|
||
| <div class="d-flex flex-column" id="content-wrapper"> | ||
| <div id="content"> | ||
| <%@include file="../../../common/_nav.jsp" %> | ||
|
|
||
| <div class="container-fluid"> | ||
| <div class="d-sm-flex justify-content-between align-items-center mb-4"> | ||
| <h3 class="text-dark mb-0">Bảng điều khiển</h3> | ||
| <a class="btn btn-primary btn-sm d-none d-sm-inline-block" role="button" href="#"> | ||
| <i class="fas fa-download fa-sm text-white-50"></i> Tải báo cáo | ||
| </a> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col-md-6 col-xl-4 mb-4" data-bss-hover-animate="pulse"> | ||
| <div class="card shadow border-start-primary py-2"> | ||
| <div class="card-body"> | ||
| <div class="row align-items-center no-gutters"> | ||
| <div class="col me-2"> | ||
| <div class="text-uppercase text-primary fw-bold text-xs mb-1"><span>Tổng số khách hàng</span></div> | ||
| <div class="text-dark fw-bold h5 mb-0"><span>🤝 ${Singleton.customerDAO.count()} khách hàng</span></div> | ||
| </div> | ||
| <div class="col-auto"><i class="fas fa-table fa-2x text-gray-300"></i></div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-6 col-xl-4 mb-4" data-bss-hover-animate="pulse"> | ||
| <div class="card shadow border-start-success py-2"> | ||
| <div class="card-body"> | ||
| <div class="row align-items-center no-gutters"> | ||
| <div class="col me-2"> | ||
| <div class="text-uppercase text-success fw-bold text-xs mb-1"><span>Tổng số sản phẩm</span></div> | ||
| <div class="text-dark fw-bold h5 mb-0"><span>📦 ${Singleton.productDAO.count()} sản phẩm</span></div> | ||
| </div> | ||
| <div class="col-auto"><i class="fas fa-table fa-2x text-gray-300"></i></div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-6 col-xl-4 mb-4" data-bss-hover-animate="pulse"> | ||
| <div class="card shadow border-start-warning py-2"> | ||
| <div class="card-body"> | ||
| <div class="row align-items-center no-gutters"> | ||
| <div class="col me-2"> | ||
| <div class="text-uppercase text-warning fw-bold text-xs mb-1"><span>Tổng số đơn hàng</span></div> | ||
| <div class="text-dark fw-bold h5 mb-0"><span>🛒 ${Singleton.orderDAO.count()} đơn hàng</span></div> | ||
| </div> | ||
| <div class="col-auto"><i class="fas fa-table fa-2x text-gray-300"></i></div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col-lg-7 col-xl-8"> | ||
| <div class="card shadow mb-4"> | ||
| <div class="card-header d-flex justify-content-between align-items-center"> | ||
| <h6 class="text-primary fw-bold m-0">Earnings Overview</h6> | ||
| <div class="dropdown no-arrow"><button class="btn btn-link btn-sm dropdown-toggle" aria-expanded="false" data-bs-toggle="dropdown" type="button"><i class="fas fa-ellipsis-v text-gray-400"></i></button> | ||
| <div class="dropdown-menu shadow dropdown-menu-end animated--fade-in"> | ||
| <p class="text-center dropdown-header">dropdown header:</p><a class="dropdown-item" href="#"> Action</a><a class="dropdown-item" href="#"> Another action</a> | ||
| <div class="dropdown-divider"></div><a class="dropdown-item" href="#"> Something else here</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="card-body"> | ||
| <div class="chart-area"><canvas data-bss-chart="{"type":"line","data":{"labels":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug"],"datasets":[{"label":"Earnings","fill":true,"data":["0","10000","5000","15000","10000","20000","15000","25000"],"backgroundColor":"rgba(78, 115, 223, 0.05)","borderColor":"rgba(78, 115, 223, 1)"}]},"options":{"maintainAspectRatio":false,"legend":{"display":false,"labels":{"fontStyle":"normal"}},"title":{"fontStyle":"normal"},"scales":{"xAxes":[{"gridLines":{"color":"rgb(234, 236, 244)","zeroLineColor":"rgb(234, 236, 244)","drawBorder":false,"drawTicks":false,"borderDash":["2"],"zeroLineBorderDash":["2"],"drawOnChartArea":false},"ticks":{"fontColor":"#858796","fontStyle":"normal","padding":20}}],"yAxes":[{"gridLines":{"color":"rgb(234, 236, 244)","zeroLineColor":"rgb(234, 236, 244)","drawBorder":false,"drawTicks":false,"borderDash":["2"],"zeroLineBorderDash":["2"]},"ticks":{"fontColor":"#858796","fontStyle":"normal","padding":20}}]}}}"></canvas></div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-lg-5 col-xl-4"> | ||
| <div class="card shadow mb-4"> | ||
| <div class="card-header d-flex justify-content-between align-items-center"> | ||
| <h6 class="text-primary fw-bold m-0">Revenue Sources</h6> | ||
| <div class="dropdown no-arrow"><button class="btn btn-link btn-sm dropdown-toggle" aria-expanded="false" data-bs-toggle="dropdown" type="button"><i class="fas fa-ellipsis-v text-gray-400"></i></button> | ||
| <div class="dropdown-menu shadow dropdown-menu-end animated--fade-in"> | ||
| <p class="text-center dropdown-header">dropdown header:</p><a class="dropdown-item" href="#"> Action</a><a class="dropdown-item" href="#"> Another action</a> | ||
| <div class="dropdown-divider"></div><a class="dropdown-item" href="#"> Something else here</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="card-body"> | ||
| <div class="chart-area"><canvas data-bss-chart="{"type":"doughnut","data":{"labels":["Direct","Social","Referral"],"datasets":[{"label":"","backgroundColor":["#4e73df","#1cc88a","#36b9cc"],"borderColor":["#ffffff","#ffffff","#ffffff"],"data":["50","30","15"]}]},"options":{"maintainAspectRatio":false,"legend":{"display":false,"labels":{"fontStyle":"normal"}},"title":{"fontStyle":"normal"}}}"></canvas></div> | ||
| <div class="text-center small mt-4"><span class="me-2"><i class="fas fa-circle text-primary"></i> Direct</span><span class="me-2"><i class="fas fa-circle text-success"></i> Social</span><span class="me-2"><i class="fas fa-circle text-info"></i> Refferal</span></div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <%@include file="../../../common/_footer.jsp" %> | ||
| </div> | ||
| <%@include file="../../../common/_goback.jsp" %> | ||
| </div> | ||
|
|
||
| <script src="<%=request.getContextPath()%>/view/assets/js/bootstrap.min.js"></script> | ||
| <script src="<%=request.getContextPath()%>/view/assets/js/bs-init.js"></script> | ||
| <script src="<%=request.getContextPath()%>/view/assets/js/theme.js"></script> | ||
| </body> | ||
|
|
||
| </html> |