summaryrefslogtreecommitdiff
path: root/src/main/resources/templates/admin-panel/index.html
diff options
context:
space:
mode:
authorAlisaLinUwU <alisalinuwu@gmail.com>2025-01-26 10:42:28 +0500
committerAlisaLinUwU <alisalinuwu@gmail.com>2025-01-26 10:42:28 +0500
commit0225bdb772d1334cc1aa7ab0fc3678df0864df6b (patch)
tree85a8c8e4fcf1d935fcbad54886b73410c8cb2e26 /src/main/resources/templates/admin-panel/index.html
Initializemain
Diffstat (limited to 'src/main/resources/templates/admin-panel/index.html')
-rw-r--r--src/main/resources/templates/admin-panel/index.html334
1 files changed, 334 insertions, 0 deletions
diff --git a/src/main/resources/templates/admin-panel/index.html b/src/main/resources/templates/admin-panel/index.html
new file mode 100644
index 0000000..4380882
--- /dev/null
+++ b/src/main/resources/templates/admin-panel/index.html
@@ -0,0 +1,334 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Admin Panel | Dashboard</title>
+
+ <!-- Google Font: Source Sans Pro -->
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
+ <!-- Font Awesome -->
+ <link rel="stylesheet" th:href="@{/plugins/fontawesome-free/css/all.min.css}">
+ <!-- Ionicons -->
+ <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css}">
+ <!-- Tempusdominus Bootstrap 4 -->
+ <link rel="stylesheet" th:href="@{/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css}">
+ <!-- iCheck -->
+ <link rel="stylesheet" th:href="@{/plugins/icheck-bootstrap/icheck-bootstrap.min.css}">
+ <!-- JQVMap -->
+ <link rel="stylesheet" th:href="@{/plugins/jqvmap/jqvmap.min.css}">
+ <!-- Theme style -->
+ <link rel="stylesheet" th:href="@{/dist/css/adminlte.min.css}">
+ <!-- overlayScrollbars -->
+ <link rel="stylesheet" th:href="@{/plugins/overlayScrollbars/css/OverlayScrollbars.min.css}">
+ <!-- Daterange picker -->
+ <link rel="stylesheet" th:href="@{/plugins/daterangepicker/daterangepicker.css}">
+ <!-- summernote -->
+ <link rel="stylesheet" th:href="@{/plugins/summernote/summernote-bs4.min.css}">
+</head>
+<body class="hold-transition sidebar-mini layout-fixed">
+<div class="wrapper">
+
+ <!-- Preloader -->
+ <div class="preloader flex-column justify-content-center align-items-center">
+ <img class="animation__shake" th:src="@{/dist/img/AdminLTELogo.png}" alt="AdminLTELogo" height="60" width="60">
+ </div>
+
+ <!-- Navbar -->
+ <nav class="main-header navbar navbar-expand navbar-white navbar-light">
+ <!-- Left navbar links -->
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
+ </li>
+ <li class="nav-item d-none d-sm-inline-block">
+ <a th:href="@{/admin-panel}" class="nav-link">Home</a>
+ </li>
+ </ul>
+
+ <!-- Right navbar links -->
+ <ul class="navbar-nav ml-auto">
+ <!-- Navbar Search -->
+ <li class="nav-item">
+ <a class="nav-link" data-widget="navbar-search" href="#" role="button">
+ <i class="fas fa-search"></i>
+ </a>
+ <div class="navbar-search-block">
+ <form class="form-inline">
+ <div class="input-group input-group-sm">
+ <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
+ <div class="input-group-append">
+ <button class="btn btn-navbar" type="submit">
+ <i class="fas fa-search"></i>
+ </button>
+ <button class="btn btn-navbar" type="button" data-widget="navbar-search">
+ <i class="fas fa-times"></i>
+ </button>
+ </div>
+ </div>
+ </form>
+ </div>
+ </li>
+
+ <li class="nav-item">
+ <a class="nav-link" data-widget="fullscreen" href="#" role="button">
+ <i class="fas fa-expand-arrows-alt"></i>
+ </a>
+ </li>
+ </ul>
+ </nav>
+ <!-- /.navbar -->
+
+ <!-- Main Sidebar Container -->
+ <aside class="main-sidebar sidebar-dark-primary elevation-4">
+ <!-- Brand Logo -->
+ <a th:href="@{/admin-panel}" class="brand-link">
+ <img th:src="@{/dist/img/AdminLTELogo.png}" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
+ <span class="brand-text font-weight-light">Admin Panel</span>
+ </a>
+
+ <!-- Sidebar -->
+ <div class="sidebar">
+ <!-- Sidebar user panel (optional) -->
+ <div class="user-panel mt-3 pb-3 mb-3 d-flex">
+ <div class="image">
+ <img th:src="@{/dist/img/user2-160x160.jpg}" class="img-circle elevation-2" alt="User Image">
+ </div>
+ <div class="info">
+ <a href="#" class="d-block">Mavlon</a>
+ </div>
+ </div>
+
+ <!-- SidebarSearch Form -->
+ <div class="form-inline">
+ <div class="input-group" data-widget="sidebar-search">
+ <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
+ <div class="input-group-append">
+ <button class="btn btn-sidebar">
+ <i class="fas fa-search fa-fw"></i>
+ </button>
+ </div>
+ </div>
+ </div>
+
+ <!-- Sidebar Menu -->
+ <nav class="mt-2">
+ <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
+ <!-- Add icons to the links using the .nav-icon class
+ with font-awesome or any other icon font library -->
+ <li class="nav-item">
+ <a th:href="@{/admin-panel/}" class="nav-link">
+ <i class="nav-icon fas fa-tachometer-alt"></i>
+ <p>
+ Dashboard
+ </p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="#" class="nav-link">
+ <i class="nav-icon fas fa-edit"></i>
+ <p>
+ Forms
+ <i class="fas fa-angle-left right"></i>
+ </p>
+ </a>
+ <ul class="nav nav-treeview">
+ <li class="nav-item">
+ <a th:href="@{/admin-panel/pages/forms/add-barber}" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Add Barber</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a th:href="@{/admin-panel/pages/forms/add-slide}" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Add Slide</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a th:href="@{/admin-panel/pages/forms/add-testimonial}" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Add Testimonial</p>
+ </a>
+ </li>
+ </ul>
+ </li>
+ <li class="nav-item">
+ <a href="#" class="nav-link">
+ <i class="nav-icon fas fa-table"></i>
+ <p>
+ Tables
+ <i class="fas fa-angle-left right"></i>
+ </p>
+ </a>
+ <ul class="nav nav-treeview">
+ <li class="nav-item">
+ <a th:href="@{/admin-panel/tables/appointments}" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Appointments</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a th:href="@{/admin-panel/tables/visitors}" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Visitors</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a th:href="@{/admin-panel/tables/barbers}" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Barbers</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a th:href="@{/admin-panel/tables/slides}" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Slides</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a th:href="@{/admin-panel/tables/testimonials}" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Testimonials</p>
+ </a>
+ </li>
+ </ul>
+ </li>
+ </ul>
+ </nav>
+ <!-- /.sidebar-menu -->
+ </div>
+ <!-- /.sidebar -->
+ </aside>
+
+ <!-- Content Wrapper. Contains page content -->
+ <div class="content-wrapper">
+ <!-- Content Header (Page header) -->
+ <div class="content-header">
+ <div class="container-fluid">
+ <div class="row mb-2">
+ <div class="col-sm-6">
+ <h1 class="m-0">Dashboard</h1>
+ </div><!-- /.col -->
+ <div class="col-sm-6">
+ <ol class="breadcrumb float-sm-right">
+ <li class="breadcrumb-item"><a href="#">Home</a></li>
+ <li class="breadcrumb-item active">Dashboard</li>
+ </ol>
+ </div><!-- /.col -->
+ </div><!-- /.row -->
+ </div><!-- /.container-fluid -->
+ </div>
+ <!-- /.content-header -->
+
+ <!-- Main content -->
+ <section class="content">
+ <div class="container-fluid">
+ <!-- Small boxes (Stat box) -->
+ <div class="row">
+ <div class="col-lg-3 col-6">
+ <!-- small box -->
+ <div class="small-box bg-info">
+ <div class="inner">
+ <h3 th:text="${appointments}"></h3>
+
+ <p>Appointments</p>
+ </div>
+ <div class="icon">
+ <i class="ion ion-bag"></i>
+ </div>
+ <a th:href="@{/admin-panel/tables/appointments}" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+ </div>
+ </div>
+ <!-- ./col -->
+ <div class="col-lg-3 col-6">
+ <!-- small box -->
+ <div class="small-box bg-success">
+ <div class="inner">
+ <h3>100<sup style="font-size: 20px">%</sup></h3>
+
+ <p>Bounce Rate</p>
+ </div>
+ <div class="icon">
+ <i class="ion ion-stats-bars"></i>
+ </div>
+ <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+ </div>
+ </div>
+ <!-- ./col -->
+ <div class="col-lg-3 col-6">
+ <!-- small box -->
+ <div class="small-box bg-warning">
+ <div class="inner">
+ <h3 th:text="${clients}"></h3>
+
+ <p>Clients</p>
+ </div>
+ <div class="icon">
+ <i class="ion ion-person-add"></i>
+ </div>
+ <a th:href="@{/admin-panel/tables/appointments}" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+ </div>
+ </div>
+ <!-- ./col -->
+ <div class="col-lg-3 col-6">
+ <!-- small box -->
+ <div class="small-box bg-danger">
+ <div class="inner">
+ <h3 th:text="${views}"></h3>
+
+ <p>Views Count</p>
+ </div>
+ <div class="icon">
+ <i class="ion ion-pie-graph"></i>
+ </div>
+ <a th:href="@{/admin-panel/tables/visitors}" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+ </div>
+ </div>
+ <!-- ./col -->
+ </div>
+ </div><!-- /.container-fluid -->
+ </section>
+ <!-- /.content -->
+ </div>
+
+ <!-- Control Sidebar -->
+ <aside class="control-sidebar control-sidebar-dark">
+ <!-- Control sidebar content goes here -->
+ </aside>
+ <!-- /.control-sidebar -->
+</div>
+<!-- ./wrapper -->
+
+<!-- jQuery -->
+<script th:src="@{/plugins/jquery/jquery.min.js}"></script>
+<!-- jQuery UI 1.11.4 -->
+<script th:src="@{/plugins/jquery-ui/jquery-ui.min.js}"></script>
+<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
+<script>
+ $.widget.bridge('uibutton', $.ui.button)
+</script>
+<!-- Bootstrap 4 -->
+<script th:src="@{/plugins/bootstrap/js/bootstrap.bundle.min.js}"></script>
+<!-- ChartJS -->
+<script th:src="@{/plugins/chart.js/Chart.min.js}"></script>
+<!-- Sparkline -->
+<script th:src="@{/plugins/sparklines/sparkline.js}"></script>
+<!-- JQVMap -->
+<script th:src="@{/plugins/jqvmap/jquery.vmap.min.js}"></script>
+<script th:src="@{/plugins/jqvmap/maps/jquery.vmap.usa.js}"></script>
+<!-- jQuery Knob Chart -->
+<script th:src="@{/plugins/jquery-knob/jquery.knob.min.js}"></script>
+<!-- daterangepicker -->
+<script th:src="@{/plugins/moment/moment.min.js}"></script>
+<script th:src="@{/plugins/daterangepicker/daterangepicker.js}"></script>
+<!-- Tempusdominus Bootstrap 4 -->
+<script th:src="@{/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js}"></script>
+<!-- Summernote -->
+<script th:src="@{/plugins/summernote/summernote-bs4.min.js}"></script>
+<!-- overlayScrollbars -->
+<script th:src="@{/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js}"></script>
+<!-- AdminLTE App -->
+<script th:src="@{/dist/js/adminlte.js}"></script>
+</body>
+</html>
generated by cgit v1.2.3 (git 2.39.1) at 2025-04-22 17:51:44 +0000