solocla/zibo-dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update new layout

Browse Source
This commit is contained in:
Claudio
2025-02-26 17:29:27 +01:00
parent 3ce064a108
commit e9bad2260f
12 changed files with 654 additions and 933 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/languages/en/general.php
+13
View File
@@ -1,4 +1,7 @@
<?php <?php
// general terms
$titlewebsite = "TRF Certest";
$accountsettings = "Account Settings"; $accountsettings = "Account Settings";
$userprofile = "User Profile"; $userprofile = "User Profile";
$logout = "Log Out"; $logout = "Log Out";
@@ -19,3 +22,13 @@ $templatename = "Template Name";
$savechanges = "Save Changes"; $savechanges = "Save Changes";
$templates = "Template"; $templates = "Template";
$templatedashboard = "Template Dashboard"; $templatedashboard = "Template Dashboard";
$newtemplate = "New Template";
$dashtemplate = "Dashboard Templates";
$insertnewtemplatexls = "Insert New Template XLS";
// Datatables
$langdatatables = [
"paginate_first" => "First",
"paginate_last" => "Last",
"paginate_next" => "Next",
"paginate_previous" => "Previous"
];
public/userarea/assets/js/app.js
+15 -11
View File
@@ -34,7 +34,7 @@ $(function () {
}, },
function () { function () {
$(".wrapper").removeClass("sidebar-hovered"); $(".wrapper").removeClass("sidebar-hovered");
} },
)); ));
}), }),
$(document).ready(function () { $(document).ready(function () {
@@ -49,7 +49,7 @@ $(function () {
{ {
scrollTop: 0, scrollTop: 0,
}, },
600 600,
), ),
!1 !1
); );
@@ -68,7 +68,11 @@ $(function () {
o.is("li"); o.is("li");
) )
o = o.parent("").addClass("mm-show").parent("").addClass("mm-active"); o = o
.parent("")
.addClass("mm-show")
.parent("")
.addClass("mm-active");
}), }),
$(function () { $(function () {
$("#menu").metisMenu(); $("#menu").metisMenu();
@@ -112,49 +116,49 @@ $(function () {
$("#headercolor1").on("click", function () { $("#headercolor1").on("click", function () {
$("html").addClass("color-header headercolor1"), $("html").addClass("color-header headercolor1"),
$("html").removeClass( $("html").removeClass(
"headercolor2 headercolor3 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8" "headercolor2 headercolor3 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8",
); );
}), }),
$("#headercolor2").on("click", function () { $("#headercolor2").on("click", function () {
$("html").addClass("color-header headercolor2"), $("html").addClass("color-header headercolor2"),
$("html").removeClass( $("html").removeClass(
"headercolor1 headercolor3 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8" "headercolor1 headercolor3 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8",
); );
}), }),
$("#headercolor3").on("click", function () { $("#headercolor3").on("click", function () {
$("html").addClass("color-header headercolor3"), $("html").addClass("color-header headercolor3"),
$("html").removeClass( $("html").removeClass(
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8" "headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8",
); );
}), }),
$("#headercolor4").on("click", function () { $("#headercolor4").on("click", function () {
$("html").addClass("color-header headercolor4"), $("html").addClass("color-header headercolor4"),
$("html").removeClass( $("html").removeClass(
"headercolor1 headercolor2 headercolor3 headercolor5 headercolor6 headercolor7 headercolor8" "headercolor1 headercolor2 headercolor3 headercolor5 headercolor6 headercolor7 headercolor8",
); );
}), }),
$("#headercolor5").on("click", function () { $("#headercolor5").on("click", function () {
$("html").addClass("color-header headercolor5"), $("html").addClass("color-header headercolor5"),
$("html").removeClass( $("html").removeClass(
"headercolor1 headercolor2 headercolor4 headercolor3 headercolor6 headercolor7 headercolor8" "headercolor1 headercolor2 headercolor4 headercolor3 headercolor6 headercolor7 headercolor8",
); );
}), }),
$("#headercolor6").on("click", function () { $("#headercolor6").on("click", function () {
$("html").addClass("color-header headercolor6"), $("html").addClass("color-header headercolor6"),
$("html").removeClass( $("html").removeClass(
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor3 headercolor7 headercolor8" "headercolor1 headercolor2 headercolor4 headercolor5 headercolor3 headercolor7 headercolor8",
); );
}), }),
$("#headercolor7").on("click", function () { $("#headercolor7").on("click", function () {
$("html").addClass("color-header headercolor7"), $("html").addClass("color-header headercolor7"),
$("html").removeClass( $("html").removeClass(
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor3 headercolor8" "headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor3 headercolor8",
); );
}), }),
$("#headercolor8").on("click", function () { $("#headercolor8").on("click", function () {
$("html").addClass("color-header headercolor8"), $("html").addClass("color-header headercolor8"),
$("html").removeClass( $("html").removeClass(
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor7 headercolor3" "headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor7 headercolor3",
); );
}); });
public/userarea/delete_template_xls.php
+1 -1
View File
@@ -45,5 +45,5 @@ try {
} }
// Reindirizza con un messaggio // Reindirizza con un messaggio
header("Location: xlstemplates_grid.php?status=$status&message=" . urlencode($message)); header("Location: templates_dashboard.php?status=$status&message=" . urlencode($message));
exit; exit;
public/userarea/edit_template_xls.php
+113 -43
View File
@@ -1,6 +1,4 @@
<?php <?php include('include/headscript.php');
include('include/headscript.php');
require_once 'class/db-functions.php';
// Controlla se è stato passato un ID valido // Controlla se è stato passato un ID valido
if (!isset($_GET['id']) || !is_numeric($_GET['id'])) { if (!isset($_GET['id']) || !is_numeric($_GET['id'])) {
@@ -18,49 +16,110 @@ $stmt->execute([$id]);
$template = $stmt->fetch(PDO::FETCH_ASSOC); $template = $stmt->fetch(PDO::FETCH_ASSOC);
if (!$template) { if (!$template) {
header("Location: xlstemplates_grid.php?status=error&message=" . urlencode("Template not found")); header("Location: template_dashboard.php?status=error&message=" . urlencode("Template not found"));
exit; exit;
} }
?> ?>
<!doctype html>
<!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <!-- Required meta tags -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Edit XLS Template</title> <!--favicon-->
<link rel="shortcut icon" href="assets/images/logo/favicon.png"> <link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
<?php include('cssinclude.php'); ?> <?php include('cssinclude.php'); ?>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <title>Edit Template <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
</head> </head>
<body> <body>
<!--wrapper-->
<!-- Preloader --> <div class="wrapper">
<div class="preloader"> <!--sidebar wrapper -->
<div class="loader"></div>
</div>
<!-- Sidebar -->
<?php include('include/navbar.php'); ?> <?php include('include/navbar.php'); ?>
<!--end sidebar wrapper -->
<div class="dashboard-main-wrapper"> <!--start header -->
<?php include('include/topbar.php'); ?> <?php include('include/topbar.php'); ?>
<!--end header -->
<div class="dashboard-body"> <!--start page wrapper -->
<div class="row gy-4"> <div class="page-wrapper">
<div class="col-lg-12"> <div class="page-content">
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-4">
<!-- Card per l'edit --> <div class="col">
<div class="card mt-24"> <div class="card radius-10 border-start border-0 border-4 border-info">
<div class="card-body"> <div class="card-body">
<div class="mb-20 flex-between flex-wrap gap-8"> <div class="d-flex align-items-center">
<h4 class="mb-0">Edit XLS Template</h4> <div>
<p class="mb-0 text-secondary">Total Orders</p>
<h4 class="my-1 text-info">4805</h4>
<p class="mb-0 font-13">+2.5% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-blues text-white ms-auto"><i class='bx bxs-cart'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card radius-10 border-start border-0 border-4 border-danger">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-secondary">Total Revenue</p>
<h4 class="my-1 text-danger">$84,245</h4>
<p class="mb-0 font-13">+5.4% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-burning text-white ms-auto"><i class='bx bxs-wallet'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card radius-10 border-start border-0 border-4 border-success">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-secondary">Bounce Rate</p>
<h4 class="my-1 text-success">34.6%</h4>
<p class="mb-0 font-13">-4.5% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-ohhappiness text-white ms-auto"><i class='bx bxs-bar-chart-alt-2'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card radius-10 border-start border-0 border-4 border-warning">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-secondary">Total Customers</p>
<h4 class="my-1 text-warning">8.4K</h4>
<p class="mb-0 font-13">+8.4% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-orange text-white ms-auto"><i class='bx bxs-group'></i>
</div>
</div>
</div>
</div>
</div>
</div><!--end row-->
<div class="card radius-10">
<div class="card-header">
<div class="d-flex align-items-center">
<div>
<h6 class="mb-0">Edit Template: <?php echo htmlspecialchars($template['name']); ?></h6>
</div> </div>
<div class="row gy-4"> </div>
</div>
<div class="card-body">
<div class="col-12"> <div class="col-12">
<!-- Form di modifica --> <!-- Form di modifica -->
<form id="editTemplateForm" method="POST"> <form id="editTemplateForm" method="POST">
@@ -92,25 +151,37 @@ if (!$template) {
</div> </div>
<button type="submit" class="btn btn-primary"><?= htmlspecialchars($savechanges, ENT_QUOTES, 'UTF-8'); ?></button> <button type="submit" class="btn btn-primary"><?= htmlspecialchars($savechanges, ENT_QUOTES, 'UTF-8'); ?></button>
<a href="xlstemplates_grid.php" class="btn btn-secondary">Cancel</a> <a href="templates_dashboard.php" class="btn btn-secondary">Cancel</a>
</form> </form>
</div> </div>
</div> </div>
</div>
</div>
<!-- Card End -->
</div>
</div>
</div> </div>
</div>
</div>
<!--end page wrapper -->
<!--start overlay-->
<div class="overlay toggle-icon"></div>
<!--end overlay-->
<!--Start Back To Top Button-->
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
<!--End Back To Top Button-->
<?php include('include/footer.php'); ?> <?php include('include/footer.php'); ?>
</div> </div>
<!--end wrapper-->
<!-- search modal -->
<?php //include('include/searchmodal.php');
?>
<!-- end search modal -->
<!--start switcher-->
<?php //include('include/themeswitcher.php');
?>
<!--end switcher-->
<?php include('jsinclude.php'); ?> <?php include('jsinclude.php'); ?>
<!-- Script per gestire il salvataggio con AJAX -->
<script> <script>
document.getElementById("editTemplateForm").addEventListener("submit", function(e) { document.getElementById("editTemplateForm").addEventListener("submit", function(e) {
e.preventDefault(); // Previene il reload della pagina e.preventDefault(); // Previene il reload della pagina
@@ -130,7 +201,7 @@ if (!$template) {
icon: "success", icon: "success",
confirmButtonText: "OK" confirmButtonText: "OK"
}).then(() => { }).then(() => {
window.location.href = "xlstemplates_grid.php"; window.location.href = "templates_dashboard.php";
}); });
} else { } else {
Swal.fire({ Swal.fire({
@@ -152,7 +223,6 @@ if (!$template) {
}); });
}); });
</script> </script>
</body> </body>
</html> </html>
public/userarea/include/navbar.php
+7 -4
View File
@@ -4,7 +4,7 @@
<img src="assets/images/logo-icon.png" class="logo-icon" alt="logo icon"> <img src="assets/images/logo-icon.png" class="logo-icon" alt="logo icon">
</div> </div>
<div> <div>
<h4 class="logo-text">Rocker</h4> <h4 class="logo-text"><?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></h4>
</div> </div>
<div class="toggle-icon ms-auto"><i class='bx bx-arrow-back'></i> <div class="toggle-icon ms-auto"><i class='bx bx-arrow-back'></i>
</div> </div>
@@ -30,13 +30,14 @@
<a href="javascript:;" class="has-arrow"> <a href="javascript:;" class="has-arrow">
<div class="parent-icon"><i class="bx bx-category"></i> <div class="parent-icon"><i class="bx bx-category"></i>
</div> </div>
<div class="menu-title">Application</div> <div class="menu-title">Templates</div>
</a> </a>
<ul> <ul>
<li> <a href="app-emailbox.html"><i class='bx bx-radio-circle'></i>Email</a> <li> <a href="templates_dashboard.php"><i class='bx bx-radio-circle'></i><?= htmlspecialchars($dashtemplate, ENT_QUOTES, 'UTF-8'); ?></a>
</li> </li>
<li> <a href="template/index.html" target="_blank"><i class='bx bx-radio-circle'></i>Template</a> <li> <a href="insert_template_xls.php"><i class='bx bx-radio-circle'></i><?= htmlspecialchars($insertnewtemplatexls, ENT_QUOTES, 'UTF-8'); ?></a>
</li> </li>
</ul> </ul>
</li> </li>
@@ -59,6 +60,8 @@
<div class="menu-title">Support</div> <div class="menu-title">Support</div>
</a> </a>
</li> </li>
<li> <a href="template/index.html" target="_blank"><i class='bx bx-radio-circle'></i>Template</a>
</li>
</ul> </ul>
<!--end navigation--> <!--end navigation-->
</div> </div>
public/userarea/include/topbar.php
-399
View File
@@ -44,225 +44,6 @@
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" data-bs-toggle="dropdown" href="javascript:;"><i class='bx bx-grid-alt'></i></a> <a class="nav-link dropdown-toggle dropdown-toggle-nocaret" data-bs-toggle="dropdown" href="javascript:;"><i class='bx bx-grid-alt'></i></a>
<div class="dropdown-menu dropdown-menu-end p-0"> <div class="dropdown-menu dropdown-menu-end p-0">
<div class="app-container p-2 my-2"> <div class="app-container p-2 my-2">
<div class="row gx-0 gy-2 row-cols-3 justify-content-center p-2">
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/slack.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Slack</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/behance.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Behance</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/google-drive.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Dribble</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/outlook.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Outlook</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/github.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">GitHub</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/stack-overflow.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Stack</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/figma.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Stack</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/twitter.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Twitter</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/google-calendar.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Calendar</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/spotify.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Spotify</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/google-photos.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Photos</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/pinterest.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Photos</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/linkedin.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">linkedin</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/dribble.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Dribble</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/youtube.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">YouTube</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/google.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">News</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/envato.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Envato</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="javascript:;">
<div class="app-box text-center">
<div class="app-icon">
<img src="assets/images/app/safari.png" width="30" alt="">
</div>
<div class="app-name">
<p class="mb-0 mt-1">Safari</p>
</div>
</div>
</a>
</div>
</div><!--end row-->
</div> </div>
</div> </div>
@@ -394,190 +175,10 @@
</div> </div>
</li> </li>
<li class="nav-item dropdown dropdown-large"> <li class="nav-item dropdown dropdown-large">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="alert-count">8</span>
<i class='bx bx-shopping-bag'></i>
</a>
<div class="dropdown-menu dropdown-menu-end"> <div class="dropdown-menu dropdown-menu-end">
<a href="javascript:;">
<div class="msg-header">
<p class="msg-header-title">My Cart</p>
<p class="msg-header-badge">10 Items</p>
</div>
</a>
<div class="header-message-list"> <div class="header-message-list">
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/11.png" class="" alt="product image">
</div> </div>
</div> </div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/02.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/03.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/04.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/05.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/06.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/07.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/08.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
<a class="dropdown-item" href="javascript:;">
<div class="d-flex align-items-center gap-3">
<div class="position-relative">
<div class="cart-product rounded-circle bg-light">
<img src="assets/images/products/09.png" class="" alt="product image">
</div>
</div>
<div class="flex-grow-1">
<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
<p class="cart-product-price mb-0">1 X $29.00</p>
</div>
<div class="">
<p class="cart-price mb-0">$250</p>
</div>
<div class="cart-product-cancel"><i class="bx bx-x"></i>
</div>
</div>
</a>
</div>
<a href="javascript:;">
<div class="text-center msg-footer">
<div class="d-flex align-items-center justify-content-between mb-3">
<h5 class="mb-0">Total</h5>
<h5 class="mb-0 ms-auto">$489.00</h5>
</div>
<button class="btn btn-primary w-100">Checkout</button>
</div>
</a>
</div>
</li> </li>
</ul> </ul>
</div> </div>
public/userarea/insert_template_xls.php
+110 -41
View File
@@ -1,47 +1,105 @@
<?php include('include/headscript.php'); ?> <?php include('include/headscript.php'); ?>
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <!-- Required meta tags -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Edmate Learning Dashboard - New XLS Template</title> <!--favicon-->
<link rel="shortcut icon" href="assets/images/logo/favicon.png"> <link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
<?php include('cssinclude.php'); ?> <?php include('cssinclude.php'); ?>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <title>Insert XLS Template <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
</head> </head>
<body> <body>
<!--wrapper-->
<!-- Preloader --> <div class="wrapper">
<div class="preloader"> <!--sidebar wrapper -->
<div class="loader"></div>
</div>
<!-- Sidebar Overlay -->
<div class="side-overlay"></div>
<!-- Sidebar -->
<?php include('include/navbar.php'); ?> <?php include('include/navbar.php'); ?>
<!--end sidebar wrapper -->
<div class="dashboard-main-wrapper"> <!--start header -->
<?php include('include/topbar.php'); ?> <?php include('include/topbar.php'); ?>
<!--end header -->
<div class="dashboard-body"> <!--start page wrapper -->
<div class="row gy-4"> <div class="page-wrapper">
<div class="col-lg-12"> <div class="page-content">
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-4">
<!-- Card per il form --> <div class="col">
<div class="card mt-24"> <div class="card radius-10 border-start border-0 border-4 border-info">
<div class="card-body"> <div class="card-body">
<div class="mb-20 flex-between flex-wrap gap-8"> <div class="d-flex align-items-center">
<h4 class="mb-0">Insert New XLS Template</h4> <div>
<p class="mb-0 text-secondary">Total Orders</p>
<h4 class="my-1 text-info">4805</h4>
<p class="mb-0 font-13">+2.5% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-blues text-white ms-auto"><i class='bx bxs-cart'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card radius-10 border-start border-0 border-4 border-danger">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-secondary">Total Revenue</p>
<h4 class="my-1 text-danger">$84,245</h4>
<p class="mb-0 font-13">+5.4% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-burning text-white ms-auto"><i class='bx bxs-wallet'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card radius-10 border-start border-0 border-4 border-success">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-secondary">Bounce Rate</p>
<h4 class="my-1 text-success">34.6%</h4>
<p class="mb-0 font-13">-4.5% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-ohhappiness text-white ms-auto"><i class='bx bxs-bar-chart-alt-2'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card radius-10 border-start border-0 border-4 border-warning">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-secondary">Total Customers</p>
<h4 class="my-1 text-warning">8.4K</h4>
<p class="mb-0 font-13">+8.4% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-orange text-white ms-auto"><i class='bx bxs-group'></i>
</div>
</div>
</div>
</div>
</div>
</div><!--end row-->
<div class="card radius-10">
<div class="card-header">
<div class="d-flex align-items-center">
<div>
<h6 class="mb-0">Insert New XLS Template</h6>
</div> </div>
<div class="row gy-4"> </div>
</div>
<div class="card-body">
<div class="col-12"> <div class="col-12">
<!-- Form per inserimento nuovo template -->
<form id="insertTemplateForm" method="POST"> <form id="insertTemplateForm" method="POST">
<div class="mb-3"> <div class="mb-3">
<label class="form-label"><?= htmlspecialchars($templatename, ENT_QUOTES, 'UTF-8'); ?> *</label> <label class="form-label"><?= htmlspecialchars($templatename, ENT_QUOTES, 'UTF-8'); ?> *</label>
@@ -69,25 +127,37 @@
</div> </div>
<br> <br>
<button type="submit" class="btn btn-primary">Create Template</button> <button type="submit" class="btn btn-primary">Create Template</button>
<a href="xlstemplates_grid.php" class="btn btn-secondary">Cancel</a> <a href="templeates_dashboard.php" class="btn btn-secondary">Cancel</a>
</form> </form>
</div> </div>
</div> </div>
</div>
</div>
<!-- Card End -->
</div>
</div>
</div> </div>
</div>
</div>
<!--end page wrapper -->
<!--start overlay-->
<div class="overlay toggle-icon"></div>
<!--end overlay-->
<!--Start Back To Top Button-->
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
<!--End Back To Top Button-->
<?php include('include/footer.php'); ?> <?php include('include/footer.php'); ?>
</div> </div>
<!--end wrapper-->
<!-- search modal -->
<?php //include('include/searchmodal.php');
?>
<!-- end search modal -->
<!--start switcher-->
<?php //include('include/themeswitcher.php');
?>
<!--end switcher-->
<?php include('jsinclude.php'); ?> <?php include('jsinclude.php'); ?>
<!-- Script per gestire il form -->
<script> <script>
document.getElementById("insertTemplateForm").addEventListener("submit", function(e) { document.getElementById("insertTemplateForm").addEventListener("submit", function(e) {
e.preventDefault(); // Previene il reload della pagina e.preventDefault(); // Previene il reload della pagina
@@ -129,7 +199,6 @@
}); });
}); });
</script> </script>
</body> </body>
</html> </html>
public/userarea/jsinclude.php
+2 -2
View File
@@ -7,8 +7,8 @@
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script> <script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
<script src="assets/plugins/vectormap/jquery-jvectormap-2.0.2.min.js"></script> <script src="assets/plugins/vectormap/jquery-jvectormap-2.0.2.min.js"></script>
<script src="assets/plugins/vectormap/jquery-jvectormap-world-mill-en.js"></script> <script src="assets/plugins/vectormap/jquery-jvectormap-world-mill-en.js"></script>
<script src="assets/plugins/chartjs/js/chart.js"></script> <!-- <script src="assets/plugins/chartjs/js/chart.js"></script>
<script src="assets/js/index.js"></script> <script src="assets/js/index.js"></script> -->
<!--app JS--> <!--app JS-->
<script src="assets/js/app.js"></script> <script src="assets/js/app.js"></script>
<script> <script>
public/userarea/mapping_template_xls.php
+49 -31
View File
@@ -1,6 +1,4 @@
<?php include('include/headscript.php'); ?> <?php include('include/headscript.php');
<?php
require_once 'class/db-functions.php';
if (!isset($_GET['id']) || !is_numeric($_GET['id'])) { if (!isset($_GET['id']) || !is_numeric($_GET['id'])) {
die("Invalid template ID"); die("Invalid template ID");
@@ -17,43 +15,46 @@ if (!$template) {
die("Template not found"); die("Template not found");
} }
?> ?>
<!doctype html>
<!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <!-- Required meta tags -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Associate Columns</title> <!--favicon-->
<link rel="shortcut icon" href="assets/images/logo/favicon.png"> <link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
<?php include('cssinclude.php'); ?> <?php include('cssinclude.php'); ?>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <title>Mapping XLS Template <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
</head> </head>
<body> <body>
<!-- Preloader --> <!--wrapper-->
<div class="preloader"> <div class="wrapper">
<div class="loader"></div> <!--sidebar wrapper -->
</div>
<!-- Sidebar -->
<?php include('include/navbar.php'); ?> <?php include('include/navbar.php'); ?>
<!--end sidebar wrapper -->
<div class="dashboard-main-wrapper"> <!--start header -->
<?php include('include/topbar.php'); ?> <?php include('include/topbar.php'); ?>
<!--end header -->
<!--start page wrapper -->
<div class="page-wrapper">
<div class="page-content">
<div class="dashboard-body"> <?php include('top_stat_widget.php'); ?>
<div class="row gy-4">
<div class="col-lg-12">
<div class="card mt-24"> <div class="card radius-10">
<div class="card-body"> <div class="card-header">
<div class="mb-20 flex-between flex-wrap gap-8"> <div class="d-flex align-items-center">
<h4 class="mb-0">Associate Columns - Template: <span id="templateName"><?php echo htmlspecialchars($template['name']); ?></span></h4> <div>
<h6 class="mb-0">Associate Columns - Template: <span id="templateName"><?php echo htmlspecialchars($template['name']); ?></h6>
<p>Header Row: <span id="headerRow"><?php echo $template['header_row']; ?></span> | Start Column: <span id="startColumn"><?php echo htmlspecialchars($template['start_column']); ?></span></p> <p>Header Row: <span id="headerRow"><?php echo $template['header_row']; ?></span> | Start Column: <span id="startColumn"><?php echo htmlspecialchars($template['start_column']); ?></span></p>
</div> </div>
</div>
</div>
<div class="card-body">
<!-- Upload Section --> <!-- Upload Section -->
<div class="mb-4"> <div class="mb-4">
<label class="form-label">Upload XLS Example:</label> <label class="form-label">Upload XLS Example:</label>
@@ -87,15 +88,32 @@ if (!$template) {
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</div>
</div>
</div>
<!--end page wrapper -->
<!--start overlay-->
<div class="overlay toggle-icon"></div>
<!--end overlay-->
<!--Start Back To Top Button-->
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
<!--End Back To Top Button-->
<?php include('include/footer.php'); ?> <?php include('include/footer.php'); ?>
</div> </div>
<!--end wrapper-->
<!-- search modal -->
<?php //include('include/searchmodal.php');
?>
<!-- end search modal -->
<!--start switcher-->
<?php //include('include/themeswitcher.php');
?>
<!--end switcher-->
<?php include('jsinclude.php'); ?> <?php include('jsinclude.php'); ?>
<script> <script>
document.getElementById('xlsUpload').addEventListener('change', function(event) { document.getElementById('xlsUpload').addEventListener('change', function(event) {
let file = event.target.files[0]; let file = event.target.files[0];
public/userarea/template.php
+2 -63
View File
@@ -9,7 +9,7 @@
<!--favicon--> <!--favicon-->
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" /> <link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
<?php include('cssinclude.php'); ?> <?php include('cssinclude.php'); ?>
<title>Rocker - Bootstrap 5 Admin Dashboard Template</title> <title>xxx - <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
</head> </head>
<body> <body>
@@ -24,68 +24,7 @@
<!--start page wrapper --> <!--start page wrapper -->
<div class="page-wrapper"> <div class="page-wrapper">
<div class="page-content"> <div class="page-content">
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-4"> <?php include('top_stat_widget.php'); ?>
<div class="col">
<div class="card radius-10 border-start border-0 border-4 border-info">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-secondary">Total Orders</p>
<h4 class="my-1 text-info">4805</h4>
<p class="mb-0 font-13">+2.5% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-blues text-white ms-auto"><i class='bx bxs-cart'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card radius-10 border-start border-0 border-4 border-danger">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-secondary">Total Revenue</p>
<h4 class="my-1 text-danger">$84,245</h4>
<p class="mb-0 font-13">+5.4% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-burning text-white ms-auto"><i class='bx bxs-wallet'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card radius-10 border-start border-0 border-4 border-success">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-secondary">Bounce Rate</p>
<h4 class="my-1 text-success">34.6%</h4>
<p class="mb-0 font-13">-4.5% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-ohhappiness text-white ms-auto"><i class='bx bxs-bar-chart-alt-2'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card radius-10 border-start border-0 border-4 border-warning">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-secondary">Total Customers</p>
<h4 class="my-1 text-warning">8.4K</h4>
<p class="mb-0 font-13">+8.4% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-orange text-white ms-auto"><i class='bx bxs-group'></i>
</div>
</div>
</div>
</div>
</div>
</div><!--end row-->
public/userarea/templates_dashboard.php
+18 -77
View File
@@ -25,92 +25,33 @@
<!--start page wrapper --> <!--start page wrapper -->
<div class="page-wrapper"> <div class="page-wrapper">
<div class="page-content"> <div class="page-content">
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-4"> <?php include('top_stat_widget.php'); ?>
<div class="col">
<div class="card radius-10 border-start border-0 border-4 border-info">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-secondary">Total Orders</p>
<h4 class="my-1 text-info">4805</h4>
<p class="mb-0 font-13">+2.5% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-blues text-white ms-auto"><i class='bx bxs-cart'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card radius-10 border-start border-0 border-4 border-danger">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-secondary">Total Revenue</p>
<h4 class="my-1 text-danger">$84,245</h4>
<p class="mb-0 font-13">+5.4% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-burning text-white ms-auto"><i class='bx bxs-wallet'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card radius-10 border-start border-0 border-4 border-success">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-secondary">Bounce Rate</p>
<h4 class="my-1 text-success">34.6%</h4>
<p class="mb-0 font-13">-4.5% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-ohhappiness text-white ms-auto"><i class='bx bxs-bar-chart-alt-2'></i>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card radius-10 border-start border-0 border-4 border-warning">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-secondary">Total Customers</p>
<h4 class="my-1 text-warning">8.4K</h4>
<p class="mb-0 font-13">+8.4% from last week</p>
</div>
<div class="widgets-icons-2 rounded-circle bg-gradient-orange text-white ms-auto"><i class='bx bxs-group'></i>
</div>
</div>
</div>
</div>
</div>
</div><!--end row-->
<div class="card radius-10"> <div class="card radius-10">
<div class="card-header"> <div class="card-header">
<div class="d-flex align-items-center"> <div class="d-flex align-items-center justify-content-between">
<div> <h6 class="mb-0">XLS Templates Dashboard</h6>
<h6 class="mb-0">Title</h6> <a href="insert_template_xls.php" class="btn btn-success ms-auto">
</div> <i class="fas fa-plus"></i> New Template
</a>
</div> </div>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="table-responsive"> <div class="table-responsive">
<table id="xlsTemplatesTable" class="table table-striped table-bordered"> <table id="xlsTemplatesTable" class="table table-striped table-bordered">
<thead> <thead>
<tr> <tr>
<th>ID</th> <th>ID</th>
<th>Name</th> <th><?= htmlspecialchars($nametemplate, ENT_QUOTES, 'UTF-8'); ?></th>
<th>Last Modified</th> <th><?= htmlspecialchars($lastmodtemplate, ENT_QUOTES, 'UTF-8'); ?></th>
<th>Row Header</th> <th><?= htmlspecialchars($rowheader, ENT_QUOTES, 'UTF-8'); ?></th>
<th>Column Header</th> <th><?= htmlspecialchars($columnheader, ENT_QUOTES, 'UTF-8'); ?></th>
<th>Description</th> <th><?= htmlspecialchars($desctemplate, ENT_QUOTES, 'UTF-8'); ?></th>
<th>Destination Table</th> <th><?= htmlspecialchars($desttable, ENT_QUOTES, 'UTF-8'); ?></th>
<th>Actions</th> <th><?= htmlspecialchars($action, ENT_QUOTES, 'UTF-8'); ?></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -208,10 +149,10 @@
lengthMenu: "Mostra _MENU_ elementi", lengthMenu: "Mostra _MENU_ elementi",
info: "Visualizzando da _START_ a _END_ di _TOTAL_ elementi", info: "Visualizzando da _START_ a _END_ di _TOTAL_ elementi",
paginate: { paginate: {
first: "Primo", first: "<?= $langdatatables['paginate_first'] ?>",
last: "Ultimo", last: "<?= $langdatatables['paginate_last'] ?>",
next: "Successivo", next: "<?= $langdatatables['paginate_next'] ?>",
previous: "Precedente" previous: "<?= $langdatatables['paginate_previous'] ?>"
} }
} }
}); });
public/userarea/top_stat_widget.php
+63
View File
@@ -0,0 +1,63 @@
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-4">
<div class="col">
<div class="card radius-10 bg-success">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-white">Revenue</p>
<h4 class="my-1 text-white">$4805</h4>
<p class="mb-0 font-13 text-white"><i class="bx bxs-up-arrow align-middle"></i>$34 from last week</p>
</div>
<div class="widgets-icons bg-white text-success ms-auto"><i class="bx bxs-wallet"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card radius-10 bg-info">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-dark">Total Customers</p>
<h4 class="my-1 text-dark">8.4K</h4>
<p class="mb-0 font-13 text-dark"><i class="bx bxs-up-arrow align-middle"></i>$24 from last week</p>
</div>
<div class="widgets-icons bg-white text-dark ms-auto"><i class="bx bxs-group"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card radius-10 bg-danger">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-white">Store Visitors</p>
<h4 class="my-1 text-white">59K</h4>
<p class="mb-0 font-13 text-white"><i class="bx bxs-down-arrow align-middle"></i>$34 from last week</p>
</div>
<div class="widgets-icons bg-white text-danger ms-auto"><i class="bx bxs-binoculars"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card radius-10 bg-warning">
<div class="card-body">
<div class="d-flex align-items-center">
<div>
<p class="mb-0 text-dark">Bounce Rate</p>
<h4 class="my-1 text-dark">34.46%</h4>
<p class="mb-0 font-13 text-dark"><i class="bx bxs-down-arrow align-middle"></i>12.2% from last week</p>
</div>
<div class="widgets-icons bg-white text-dark ms-auto"><i class="bx bx-line-chart-down"></i>
</div>
</div>
</div>
</div>
</div>
</div>