first commit
This commit is contained in:
root
10
cms_admin/container/footer.php
Normal file
10
cms_admin/container/footer.php
Normal file
@@ -0,0 +1,10 @@
|
||||
<footer class="d-footer">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-auto">
|
||||
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<p class="mb-0">© 2024 AI Tool Path. All Rights Reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
29
cms_admin/container/footer_links.php
Normal file
29
cms_admin/container/footer_links.php
Normal file
@@ -0,0 +1,29 @@
|
||||
<!-- jQuery library js -->
|
||||
<script src="assets/js/lib/jquery-3.7.1.min.js"></script>
|
||||
<!-- Bootstrap js -->
|
||||
<script src="assets/js/lib/bootstrap.bundle.min.js"></script>
|
||||
<!-- Apex Chart js -->
|
||||
<!-- <script src="assets/js/lib/apexcharts.min.js"></script> -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
|
||||
<!-- Data Table js -->
|
||||
<script src="assets/js/lib/dataTables.min.js"></script>
|
||||
<!-- Iconify Font js -->
|
||||
<script src="assets/js/lib/iconify-icon.min.js"></script>
|
||||
<!-- jQuery UI js -->
|
||||
<script src="assets/js/lib/jquery-ui.min.js"></script>
|
||||
<!-- Vector Map js -->
|
||||
<script src="assets/js/lib/jquery-jvectormap-2.0.5.min.js"></script>
|
||||
<script src="assets/js/lib/jquery-jvectormap-world-mill-en.js"></script>
|
||||
<!-- Popup js -->
|
||||
<script src="assets/js/lib/magnifc-popup.min.js"></script>
|
||||
<!-- Slick Slider js -->
|
||||
<script src="assets/js/lib/slick.min.js"></script>
|
||||
<!-- prism js -->
|
||||
<script src="assets/js/lib/prism.js"></script>
|
||||
<!-- file upload js -->
|
||||
<script src="assets/js/lib/file-upload.js"></script>
|
||||
<!-- audioplayer -->
|
||||
<script src="assets/js/lib/audioplayer.js"></script>
|
||||
|
||||
<!-- main js -->
|
||||
<script src="assets/js/app.js"></script>
|
||||
34
cms_admin/container/head_links.php
Normal file
34
cms_admin/container/head_links.php
Normal file
@@ -0,0 +1,34 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>AI Tool Path - CMS Panel</title>
|
||||
<link rel="icon" type="image/png" href="assets/images/favicon.png" sizes="16x16">
|
||||
<!-- remix icon font css -->
|
||||
<link rel="stylesheet" href="assets/css/remixicon.css">
|
||||
<!-- BootStrap css -->
|
||||
<link rel="stylesheet" href="assets/css/lib/bootstrap.min.css">
|
||||
<!-- Apex Chart css -->
|
||||
<link rel="stylesheet" href="assets/css/lib/apexcharts.css">
|
||||
<!-- Data Table css -->
|
||||
<link rel="stylesheet" href="assets/css/lib/dataTables.min.css">
|
||||
<!-- Text Editor css -->
|
||||
<link rel="stylesheet" href="assets/css/lib/editor-katex.min.css">
|
||||
<link rel="stylesheet" href="assets/css/lib/editor.atom-one-dark.min.css">
|
||||
<link rel="stylesheet" href="assets/css/lib/editor.quill.snow.css">
|
||||
<!-- Date picker css -->
|
||||
<link rel="stylesheet" href="assets/css/lib/flatpickr.min.css">
|
||||
<!-- Calendar css -->
|
||||
<link rel="stylesheet" href="assets/css/lib/full-calendar.css">
|
||||
<!-- Vector Map css -->
|
||||
<link rel="stylesheet" href="assets/css/lib/jquery-jvectormap-2.0.5.css">
|
||||
<!-- Popup css -->
|
||||
<link rel="stylesheet" href="assets/css/lib/magnific-popup.css">
|
||||
<!-- Slick Slider css -->
|
||||
<link rel="stylesheet" href="assets/css/lib/slick.css">
|
||||
<!-- prism css -->
|
||||
<link rel="stylesheet" href="assets/css/lib/prism.css">
|
||||
<!-- file upload css -->
|
||||
<link rel="stylesheet" href="assets/css/lib/file-upload.css">
|
||||
|
||||
<link rel="stylesheet" href="assets/css/lib/audioplayer.css">
|
||||
<!-- main css -->
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
43
cms_admin/container/header.php
Normal file
43
cms_admin/container/header.php
Normal file
@@ -0,0 +1,43 @@
|
||||
|
||||
<div class="navbar-header">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-auto">
|
||||
<div class="d-flex flex-wrap align-items-center gap-4">
|
||||
<button type="button" class="sidebar-toggle">
|
||||
<iconify-icon icon="heroicons:bars-3-solid" class="icon text-2xl non-active"></iconify-icon>
|
||||
<iconify-icon icon="iconoir:arrow-right" class="icon text-2xl active"></iconify-icon>
|
||||
</button>
|
||||
<button type="button" class="sidebar-mobile-toggle">
|
||||
<iconify-icon icon="heroicons:bars-3-solid" class="icon"></iconify-icon>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<div class="d-flex flex-wrap align-items-center gap-3">
|
||||
<div class="dropdown">
|
||||
<button class="d-flex justify-content-center align-items-center rounded-circle" type="button" data-bs-toggle="dropdown">
|
||||
<img src="assets/images/user.png" alt="image" class="w-40-px h-40-px object-fit-cover rounded-circle">
|
||||
</button>
|
||||
<div class="dropdown-menu to-top dropdown-menu-sm">
|
||||
<div class="py-12 px-16 radius-8 bg-primary-50 mb-16 d-flex align-items-center justify-content-between gap-2">
|
||||
<div>
|
||||
<h6 class="text-lg text-primary-light fw-semibold mb-2"><?php echo $_SESSION['user_name'];?></h6>
|
||||
<span class="text-secondary-light fw-medium text-sm">Admin</span>
|
||||
</div>
|
||||
<button type="button" class="hover-text-danger">
|
||||
<iconify-icon icon="radix-icons:cross-1" class="icon text-xl"></iconify-icon>
|
||||
</button>
|
||||
</div>
|
||||
<ul class="to-top-list">
|
||||
<li>
|
||||
<a class="dropdown-item text-black px-0 py-8 hover-bg-transparent hover-text-danger d-flex align-items-center gap-3" href="logout">
|
||||
<iconify-icon icon="lucide:power" class="icon text-xl"></iconify-icon> Log Out</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- Profile dropdown end -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
24
cms_admin/container/security.php
Normal file
24
cms_admin/container/security.php
Normal file
@@ -0,0 +1,24 @@
|
||||
<?php
|
||||
session_start(); // Start the session
|
||||
|
||||
// Redirect to login page if the user is not logged in
|
||||
if (!isset($_SESSION['user_id'])) {
|
||||
header("Location: sign-in");
|
||||
exit();
|
||||
}
|
||||
|
||||
include 'db_connection.php';
|
||||
|
||||
// Fetch the user's data from the database
|
||||
$user_id = $_SESSION['user_id'];
|
||||
$sql = "SELECT * FROM users WHERE id = $user_id";
|
||||
$result = mysqli_query($conn, $sql);
|
||||
|
||||
if (mysqli_num_rows($result) > 0) {
|
||||
$user = mysqli_fetch_assoc($result);
|
||||
} else {
|
||||
echo "User not found.";
|
||||
exit();
|
||||
}
|
||||
|
||||
?>
|
||||
94
cms_admin/container/side_bar.php
Normal file
94
cms_admin/container/side_bar.php
Normal file
@@ -0,0 +1,94 @@
|
||||
<aside class="sidebar">
|
||||
<button type="button" class="sidebar-close-btn">
|
||||
<iconify-icon icon="radix-icons:cross-2"></iconify-icon>
|
||||
</button>
|
||||
<div>
|
||||
<a href="index" class="sidebar-logo">
|
||||
<!-- <img src="assets/images/logo.png" alt="site logo" class="light-logo">
|
||||
<img src="assets/images/logo-light.png" alt="site logo" class="dark-logo">
|
||||
<img src="assets/images/logo-icon.png" alt="site logo" class="logo-icon"> -->
|
||||
AI CMS
|
||||
</a>
|
||||
</div>
|
||||
<div class="sidebar-menu-area">
|
||||
<ul class="sidebar-menu" id="sidebar-menu">
|
||||
<li>
|
||||
<a href="index">
|
||||
<iconify-icon icon="solar:home-smile-angle-outline" class="menu-icon"></iconify-icon>
|
||||
<span>Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="contact-form">
|
||||
<iconify-icon icon="solar:document-text-outline" class="menu-icon"></iconify-icon>
|
||||
<span>Contact Form</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="comments">
|
||||
<iconify-icon icon="solar:document-text-outline" class="menu-icon"></iconify-icon>
|
||||
<span>Comments Management</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="javascript:void(0)">
|
||||
<iconify-icon icon="solar:document-text-outline" class="menu-icon"></iconify-icon>
|
||||
<span>Tools Management</span>
|
||||
</a>
|
||||
<ul class="sidebar-submenu">
|
||||
<li>
|
||||
<a href="category_add"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i> Manage Categories</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="product_view"><i class="ri-circle-fill circle-icon text-success-main w-auto"></i>Manage Products</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="javascript:void(0)">
|
||||
<iconify-icon icon="heroicons:document" class="menu-icon"></iconify-icon>
|
||||
<span>Blogs Management EN</span>
|
||||
</a>
|
||||
<ul class="sidebar-submenu">
|
||||
<li>
|
||||
<a href="blog_add"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i> Add Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="blog_view"><i class="ri-circle-fill circle-icon text-success-main w-auto"></i>View Blogs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="javascript:void(0)">
|
||||
<iconify-icon icon="heroicons:document" class="menu-icon"></iconify-icon>
|
||||
<span>Blogs Management CN</span>
|
||||
</a>
|
||||
<ul class="sidebar-submenu">
|
||||
<li>
|
||||
<a href="cn_blog_add"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i> Add Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="cn_blog_view"><i class="ri-circle-fill circle-icon text-success-main w-auto"></i>View Blogs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="javascript:void(0)">
|
||||
<iconify-icon icon="heroicons:document" class="menu-icon"></iconify-icon>
|
||||
<span>Manage Website CMS</span>
|
||||
</a>
|
||||
<ul class="sidebar-submenu">
|
||||
<li>
|
||||
<a href="add-basic-info"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i> Basic Information</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="products-data-cms"><i class="ri-circle-fill circle-icon text-success-main w-auto"></i>Products Page</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="cta_sec"><i class="ri-circle-fill circle-icon text-success-main w-auto"></i>CTA Section</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</aside>
|
||||
22
cms_admin/container/upload.php
Normal file
22
cms_admin/container/upload.php
Normal file
@@ -0,0 +1,22 @@
|
||||
<?php include('./security.php'); ?>
|
||||
<?php
|
||||
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
|
||||
// File upload handling
|
||||
if (isset($_FILES['file']) && $_FILES['file']['error'] == 0) {
|
||||
$file = $_FILES['file']['name'];
|
||||
$file_tmp = $_FILES['file']['tmp_name'];
|
||||
$file_path = "assets/images/uploads/" . uniqid() . '-' . preg_replace('/\s+/', '_', $file);
|
||||
|
||||
if (move_uploaded_file($file_tmp, $file_path)) {
|
||||
// 上传成功返回文件链接
|
||||
echo json_encode(['success' => true, 'filePath' => $file_path]);
|
||||
} else {
|
||||
echo json_encode(['success' => false, 'message' => 'Error moving uploaded file.']);
|
||||
}
|
||||
} else {
|
||||
echo json_encode(['success' => false, 'message' => 'No file uploaded or upload error.']);
|
||||
}
|
||||
} else {
|
||||
echo json_encode(['success' => false, 'message' => 'Invalid request method.']);
|
||||
}
|
||||
?>
|
||||
20
cms_admin/container/web_sec/Total_subscriber.php
Normal file
20
cms_admin/container/web_sec/Total_subscriber.php
Normal file
@@ -0,0 +1,20 @@
|
||||
<div class="col-xxl-3 col-xl-6">
|
||||
<div class="card h-100 radius-8 border">
|
||||
<div class="card-body p-24">
|
||||
<h6 class="mb-12 fw-semibold text-lg mb-16">Total Subscriber</h6>
|
||||
<div class="d-flex align-items-center gap-2 mb-20">
|
||||
<h6 class="fw-semibold mb-0">5,000</h6>
|
||||
<p class="text-sm mb-0">
|
||||
<span class="bg-danger-focus border br-danger px-8 py-2 rounded-pill fw-semibold text-danger-main text-sm d-inline-flex align-items-center gap-1">
|
||||
10%
|
||||
<iconify-icon icon="iconamoon:arrow-down-2-fill" class="icon"></iconify-icon>
|
||||
</span>
|
||||
- 20 Per Day
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="barChart"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
154
cms_admin/container/web_sec/dashboard.php
Normal file
154
cms_admin/container/web_sec/dashboard.php
Normal file
@@ -0,0 +1,154 @@
|
||||
<div class="dashboard-main-body">
|
||||
<div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-24">
|
||||
<h6 class="fw-semibold mb-0">Welcome to <b>AI Tool Path</b></h6>
|
||||
<ul class="d-flex align-items-center gap-2">
|
||||
<li class="fw-medium">
|
||||
<a href="index" class="d-flex align-items-center gap-1 hover-text-primary">
|
||||
<iconify-icon icon="solar:home-smile-angle-outline" class="icon text-lg"></iconify-icon>
|
||||
Dashboard
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="row row-cols-xxxl-5 row-cols-lg-3 row-cols-sm-2 row-cols-1 gy-4">
|
||||
<div class="col">
|
||||
<div class="card shadow-none border bg-gradient-start-1 h-100">
|
||||
<div class="card-body p-20">
|
||||
<div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
|
||||
<div>
|
||||
<p class="fw-medium text-primary-light mb-1">Total Categories</p>
|
||||
<h6 class="mb-0">
|
||||
<?php
|
||||
// Count total number of categories
|
||||
$category_count_query = "SELECT COUNT(*) as total_categories FROM categories";
|
||||
$category_count_result = mysqli_query($conn, $category_count_query);
|
||||
|
||||
if ($category_count_result) {
|
||||
$category_count_row = mysqli_fetch_assoc($category_count_result);
|
||||
$total_categories = $category_count_row['total_categories'];
|
||||
} else {
|
||||
$total_categories = 0;
|
||||
}
|
||||
echo $total_categories;
|
||||
?>
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- card end -->
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card shadow-none border bg-gradient-start-2 h-100">
|
||||
<div class="card-body p-20">
|
||||
<div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
|
||||
<div>
|
||||
<p class="fw-medium text-primary-light mb-1">Total Products</p>
|
||||
<h6 class="mb-0">
|
||||
<?php
|
||||
$product_count_query = "SELECT COUNT(*) as total_products FROM products";
|
||||
$product_count_result = mysqli_query($conn, $product_count_query);
|
||||
|
||||
if ($product_count_result) {
|
||||
$product_count_row = mysqli_fetch_assoc($product_count_result);
|
||||
$total_products = $product_count_row['total_products'];
|
||||
} else {
|
||||
$total_products = 0;
|
||||
}
|
||||
echo $total_products;
|
||||
?>
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- card end -->
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card shadow-none border bg-gradient-start-3 h-100">
|
||||
<div class="card-body p-20">
|
||||
<div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
|
||||
<div>
|
||||
<p class="fw-medium text-primary-light mb-1">Total Visitors</p>
|
||||
<h6 class="mb-0">
|
||||
<?php
|
||||
// Query to count the total number of entries in the 'visitors' table
|
||||
$count_query = "SELECT COUNT(*) as total FROM visitors";
|
||||
$count_result = mysqli_query($conn, $count_query);
|
||||
|
||||
// Fetch the result and display the total number of entries
|
||||
if ($count_result) {
|
||||
$row = mysqli_fetch_assoc($count_result);
|
||||
echo $row['total'];
|
||||
} else {
|
||||
echo "0";
|
||||
}
|
||||
?>
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- card end -->
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card shadow-none border bg-gradient-start-4 h-100">
|
||||
<div class="card-body p-20">
|
||||
<div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
|
||||
<div>
|
||||
<p class="fw-medium text-primary-light mb-1">Total Blogs</p>
|
||||
<h6 class="mb-0">
|
||||
<?php
|
||||
// Query to count the total number of entries in the 'visitors' table
|
||||
$count_query = "SELECT COUNT(*) as total FROM blogs";
|
||||
$count_result = mysqli_query($conn, $count_query);
|
||||
|
||||
// Fetch the result and display the total number of entries
|
||||
if ($count_result) {
|
||||
$row = mysqli_fetch_assoc($count_result);
|
||||
echo $row['total'];
|
||||
} else {
|
||||
echo "0";
|
||||
}
|
||||
?>
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- card end -->
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card shadow-none border bg-gradient-start-5 h-100">
|
||||
<div class="card-body p-20">
|
||||
<div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
|
||||
<div>
|
||||
<p class="fw-medium text-primary-light mb-1">Contact Form Entries</p>
|
||||
<h6 class="mb-0">
|
||||
<h6 class="mb-0">
|
||||
<?php
|
||||
// Query to count the total number of entries in the 'visitors' table
|
||||
$count_query = "SELECT COUNT(*) as total FROM tools_submission";
|
||||
$count_result = mysqli_query($conn, $count_query);
|
||||
|
||||
// Fetch the result and display the total number of entries
|
||||
if ($count_result) {
|
||||
$row = mysqli_fetch_assoc($count_result);
|
||||
echo $row['total'];
|
||||
} else {
|
||||
echo "0";
|
||||
}
|
||||
?>
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- card end -->
|
||||
</div>
|
||||
</div>
|
||||
38
cms_admin/container/web_sec/generated_content.php
Normal file
38
cms_admin/container/web_sec/generated_content.php
Normal file
@@ -0,0 +1,38 @@
|
||||
|
||||
<div class="col-xxl-6">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center flex-wrap gap-2 justify-content-between">
|
||||
<h6 class="mb-2 fw-bold text-lg mb-0">Generated Content</h6>
|
||||
<select class="form-select form-select-sm w-auto bg-base border text-secondary-light">
|
||||
<option>Today</option>
|
||||
<option>Weekly</option>
|
||||
<option>Monthly</option>
|
||||
<option>Yearly</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<ul class="d-flex flex-wrap align-items-center mt-3 gap-3">
|
||||
<li class="d-flex align-items-center gap-2">
|
||||
<span class="w-12-px h-12-px rounded-circle bg-primary-600"></span>
|
||||
<span class="text-secondary-light text-sm fw-semibold">Word:
|
||||
<span class="text-primary-light fw-bold">500</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="d-flex align-items-center gap-2">
|
||||
<span class="w-12-px h-12-px rounded-circle bg-yellow"></span>
|
||||
<span class="text-secondary-light text-sm fw-semibold">Image:
|
||||
<span class="text-primary-light fw-bold">300</span>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="mt-40">
|
||||
<div id="paymentStatusChart" class="margin-16-minus"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
222
cms_admin/container/web_sec/latest_reg_sub.php
Normal file
222
cms_admin/container/web_sec/latest_reg_sub.php
Normal file
@@ -0,0 +1,222 @@
|
||||
<div class="col-xxl-9 col-xl-12">
|
||||
<div class="card h-100">
|
||||
<div class="card-body p-24">
|
||||
|
||||
<div class="d-flex flex-wrap align-items-center gap-1 justify-content-between mb-16">
|
||||
<ul class="nav border-gradient-tab nav-pills mb-0" id="pills-tab" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link d-flex align-items-center active" id="pills-to-do-list-tab" data-bs-toggle="pill" data-bs-target="#pills-to-do-list" type="button" role="tab" aria-controls="pills-to-do-list" aria-selected="true">
|
||||
Latest Registered
|
||||
<span class="text-sm fw-semibold py-6 px-12 bg-neutral-500 rounded-pill text-white line-height-1 ms-12 notification-alert">35</span>
|
||||
</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link d-flex align-items-center" id="pills-recent-leads-tab" data-bs-toggle="pill" data-bs-target="#pills-recent-leads" type="button" role="tab" aria-controls="pills-recent-leads" aria-selected="false" tabindex="-1">
|
||||
Latest Subscribe
|
||||
<span class="text-sm fw-semibold py-6 px-12 bg-neutral-500 rounded-pill text-white line-height-1 ms-12 notification-alert">35</span>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="javascript:void(0)" class="text-primary-600 hover-text-primary d-flex align-items-center gap-1">
|
||||
View All
|
||||
<iconify-icon icon="solar:alt-arrow-right-linear" class="icon"></iconify-icon>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="tab-content" id="pills-tabContent">
|
||||
<div class="tab-pane fade show active" id="pills-to-do-list" role="tabpanel" aria-labelledby="pills-to-do-list-tab" tabindex="0">
|
||||
<div class="table-responsive scroll-sm">
|
||||
<table class="table bordered-table sm-table mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Users </th>
|
||||
<th scope="col">Registered On</th>
|
||||
<th scope="col">Plan</th>
|
||||
<th scope="col" class="text-center">Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user1.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Dianne Russell</h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">redaniel@gmail.com</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>27 Mar 2024</td>
|
||||
<td>Free</td>
|
||||
<td class="text-center">
|
||||
<span class="bg-success-focus text-success-main px-24 py-4 rounded-pill fw-medium text-sm">Active</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user2.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Wade Warren</h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">xterris@gmail.com</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>27 Mar 2024</td>
|
||||
<td>Basic</td>
|
||||
<td class="text-center">
|
||||
<span class="bg-success-focus text-success-main px-24 py-4 rounded-pill fw-medium text-sm">Active</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user3.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Albert Flores</h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">seannand@mail.ru</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>27 Mar 2024</td>
|
||||
<td>Standard</td>
|
||||
<td class="text-center">
|
||||
<span class="bg-success-focus text-success-main px-24 py-4 rounded-pill fw-medium text-sm">Active</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user4.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Bessie Cooper </h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">igerrin@gmail.com</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>27 Mar 2024</td>
|
||||
<td>Business</td>
|
||||
<td class="text-center">
|
||||
<span class="bg-success-focus text-success-main px-24 py-4 rounded-pill fw-medium text-sm">Active</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user5.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Arlene McCoy</h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">fellora@mail.ru</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>27 Mar 2024</td>
|
||||
<td>Enterprise </td>
|
||||
<td class="text-center">
|
||||
<span class="bg-success-focus text-success-main px-24 py-4 rounded-pill fw-medium text-sm">Active</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="pills-recent-leads" role="tabpanel" aria-labelledby="pills-recent-leads-tab" tabindex="0">
|
||||
<div class="table-responsive scroll-sm">
|
||||
<table class="table bordered-table sm-table mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Users </th>
|
||||
<th scope="col">Registered On</th>
|
||||
<th scope="col">Plan</th>
|
||||
<th scope="col" class="text-center">Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user1.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Dianne Russell</h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">redaniel@gmail.com</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>27 Mar 2024</td>
|
||||
<td>Free</td>
|
||||
<td class="text-center">
|
||||
<span class="bg-success-focus text-success-main px-24 py-4 rounded-pill fw-medium text-sm">Active</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user2.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Wade Warren</h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">xterris@gmail.com</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>27 Mar 2024</td>
|
||||
<td>Basic</td>
|
||||
<td class="text-center">
|
||||
<span class="bg-success-focus text-success-main px-24 py-4 rounded-pill fw-medium text-sm">Active</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user3.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Albert Flores</h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">seannand@mail.ru</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>27 Mar 2024</td>
|
||||
<td>Standard</td>
|
||||
<td class="text-center">
|
||||
<span class="bg-success-focus text-success-main px-24 py-4 rounded-pill fw-medium text-sm">Active</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user4.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Bessie Cooper </h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">igerrin@gmail.com</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>27 Mar 2024</td>
|
||||
<td>Business</td>
|
||||
<td class="text-center">
|
||||
<span class="bg-success-focus text-success-main px-24 py-4 rounded-pill fw-medium text-sm">Active</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user5.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Arlene McCoy</h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">fellora@mail.ru</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>27 Mar 2024</td>
|
||||
<td>Enterprise </td>
|
||||
<td class="text-center">
|
||||
<span class="bg-success-focus text-success-main px-24 py-4 rounded-pill fw-medium text-sm">Active</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
23
cms_admin/container/web_sec/sales_static.php
Normal file
23
cms_admin/container/web_sec/sales_static.php
Normal file
@@ -0,0 +1,23 @@
|
||||
<div class="col-xxl-6 col-xl-12">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-wrap align-items-center justify-content-between">
|
||||
<h6 class="text-lg mb-0">Sales Statistic</h6>
|
||||
<select class="form-select bg-base form-select-sm w-auto">
|
||||
<option>Yearly</option>
|
||||
<option>Monthly</option>
|
||||
<option>Weekly</option>
|
||||
<option>Today</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="d-flex flex-wrap align-items-center gap-2 mt-8">
|
||||
<h6 class="mb-0">$27,200</h6>
|
||||
<span class="text-sm fw-semibold rounded-pill bg-success-focus text-success-main border br-success px-8 py-4 line-height-1 d-flex align-items-center gap-1">
|
||||
10% <iconify-icon icon="bxs:up-arrow" class="text-xs"></iconify-icon>
|
||||
</span>
|
||||
<span class="text-xs fw-medium">+ $1500 Per Day</span>
|
||||
</div>
|
||||
<div id="chart" class="pt-28 apexcharts-tooltip-style-1"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
135
cms_admin/container/web_sec/top_countries.php
Normal file
135
cms_admin/container/web_sec/top_countries.php
Normal file
@@ -0,0 +1,135 @@
|
||||
<div class="col-xxl-6 col-xl-12">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center flex-wrap gap-2 justify-content-between mb-20">
|
||||
<h6 class="mb-2 fw-bold text-lg mb-0">Top Countries</h6>
|
||||
<select class="form-select form-select-sm w-auto bg-base border text-secondary-light">
|
||||
<option>Today</option>
|
||||
<option>Weekly</option>
|
||||
<option>Monthly</option>
|
||||
<option>Yearly</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-6">
|
||||
<div id="world-map" class="h-100 border radius-8"></div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<div class="h-100 border p-16 pe-0 radius-8">
|
||||
<div class="max-h-266-px overflow-y-auto scroll-sm pe-16">
|
||||
<div class="d-flex align-items-center justify-content-between gap-3 mb-12 pb-2">
|
||||
<div class="d-flex align-items-center w-100">
|
||||
<img src="assets/images/flags/flag1.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-sm mb-0">USA</h6>
|
||||
<span class="text-xs text-secondary-light fw-medium">1,240 Users</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center gap-2 w-100">
|
||||
<div class="w-100 max-w-66 ms-auto">
|
||||
<div class="progress progress-sm rounded-pill" role="progressbar" aria-label="Success example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
|
||||
<div class="progress-bar bg-primary-600 rounded-pill" style="width: 80%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-secondary-light font-xs fw-semibold">80%</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-between gap-3 mb-12 pb-2">
|
||||
<div class="d-flex align-items-center w-100">
|
||||
<img src="assets/images/flags/flag2.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-sm mb-0">Japan</h6>
|
||||
<span class="text-xs text-secondary-light fw-medium">1,240 Users</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center gap-2 w-100">
|
||||
<div class="w-100 max-w-66 ms-auto">
|
||||
<div class="progress progress-sm rounded-pill" role="progressbar" aria-label="Success example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
|
||||
<div class="progress-bar bg-orange rounded-pill" style="width: 60%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-secondary-light font-xs fw-semibold">60%</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-between gap-3 mb-12 pb-2">
|
||||
<div class="d-flex align-items-center w-100">
|
||||
<img src="assets/images/flags/flag3.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-sm mb-0">France</h6>
|
||||
<span class="text-xs text-secondary-light fw-medium">1,240 Users</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center gap-2 w-100">
|
||||
<div class="w-100 max-w-66 ms-auto">
|
||||
<div class="progress progress-sm rounded-pill" role="progressbar" aria-label="Success example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
|
||||
<div class="progress-bar bg-yellow rounded-pill" style="width: 49%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-secondary-light font-xs fw-semibold">49%</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-between gap-3 mb-12 pb-2">
|
||||
<div class="d-flex align-items-center w-100">
|
||||
<img src="assets/images/flags/flag4.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-sm mb-0">Germany</h6>
|
||||
<span class="text-xs text-secondary-light fw-medium">1,240 Users</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center gap-2 w-100">
|
||||
<div class="w-100 max-w-66 ms-auto">
|
||||
<div class="progress progress-sm rounded-pill" role="progressbar" aria-label="Success example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
|
||||
<div class="progress-bar bg-success-main rounded-pill" style="width: 100%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-secondary-light font-xs fw-semibold">100%</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-between gap-3 mb-12 pb-2">
|
||||
<div class="d-flex align-items-center w-100">
|
||||
<img src="assets/images/flags/flag5.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-sm mb-0">South Korea</h6>
|
||||
<span class="text-xs text-secondary-light fw-medium">1,240 Users</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center gap-2 w-100">
|
||||
<div class="w-100 max-w-66 ms-auto">
|
||||
<div class="progress progress-sm rounded-pill" role="progressbar" aria-label="Success example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
|
||||
<div class="progress-bar bg-info-main rounded-pill" style="width: 30%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-secondary-light font-xs fw-semibold">30%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center justify-content-between gap-3">
|
||||
<div class="d-flex align-items-center w-100">
|
||||
<img src="assets/images/flags/flag1.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-sm mb-0">USA</h6>
|
||||
<span class="text-xs text-secondary-light fw-medium">1,240 Users</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center gap-2 w-100">
|
||||
<div class="w-100 max-w-66 ms-auto">
|
||||
<div class="progress progress-sm rounded-pill" role="progressbar" aria-label="Success example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
|
||||
<div class="progress-bar bg-primary-600 rounded-pill" style="width: 80%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-secondary-light font-xs fw-semibold">80%</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
84
cms_admin/container/web_sec/top_performer.php
Normal file
84
cms_admin/container/web_sec/top_performer.php
Normal file
@@ -0,0 +1,84 @@
|
||||
<div class="col-xxl-3 col-xl-12">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center flex-wrap gap-2 justify-content-between">
|
||||
<h6 class="mb-2 fw-bold text-lg mb-0">Top Performer</h6>
|
||||
<a href="javascript:void(0)" class="text-primary-600 hover-text-primary d-flex align-items-center gap-1">
|
||||
View All
|
||||
<iconify-icon icon="solar:alt-arrow-right-linear" class="icon"></iconify-icon>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="mt-32">
|
||||
|
||||
<div class="d-flex align-items-center justify-content-between gap-3 mb-24">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user1.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Dianne Russell</h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">Agent ID: 36254</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-primary-light text-md fw-medium">$20</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-between gap-3 mb-24">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user2.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Wade Warren</h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">Agent ID: 36254</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-primary-light text-md fw-medium">$20</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-between gap-3 mb-24">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user3.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Albert Flores</h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">Agent ID: 36254</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-primary-light text-md fw-medium">$30</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-between gap-3 mb-24">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user4.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Bessie Cooper</h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">Agent ID: 36254</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-primary-light text-md fw-medium">$40</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-between gap-3 mb-24">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user5.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Arlene McCoy</h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">Agent ID: 36254</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-primary-light text-md fw-medium">$10</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-between gap-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/users/user1.png" alt="" class="w-40-px h-40-px rounded-circle flex-shrink-0 me-12 overflow-hidden">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="text-md mb-0 fw-medium">Arlene McCoy</h6>
|
||||
<span class="text-sm text-secondary-light fw-medium">Agent ID: 36254</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-primary-light text-md fw-medium">$10</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
36
cms_admin/container/web_sec/users_overview.php
Normal file
36
cms_admin/container/web_sec/users_overview.php
Normal file
@@ -0,0 +1,36 @@
|
||||
<div class="col-xxl-3 col-xl-6">
|
||||
<div class="card h-100 radius-8 border-0 overflow-hidden">
|
||||
<div class="card-body p-24">
|
||||
<div class="d-flex align-items-center flex-wrap gap-2 justify-content-between">
|
||||
<h6 class="mb-2 fw-bold text-lg">Users Overview</h6>
|
||||
<div class="">
|
||||
<select class="form-select form-select-sm w-auto bg-base border text-secondary-light">
|
||||
<option>Today</option>
|
||||
<option>Weekly</option>
|
||||
<option>Monthly</option>
|
||||
<option>Yearly</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="userOverviewDonutChart"></div>
|
||||
|
||||
<ul class="d-flex flex-wrap align-items-center justify-content-between mt-3 gap-3">
|
||||
<li class="d-flex align-items-center gap-2">
|
||||
<span class="w-12-px h-12-px radius-2 bg-primary-600"></span>
|
||||
<span class="text-secondary-light text-sm fw-normal">New:
|
||||
<span class="text-primary-light fw-semibold">500</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="d-flex align-items-center gap-2">
|
||||
<span class="w-12-px h-12-px radius-2 bg-yellow"></span>
|
||||
<span class="text-secondary-light text-sm fw-normal">Subscribed:
|
||||
<span class="text-primary-light fw-semibold">300</span>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user