update new layout
This commit is contained in:
parent
3ce064a108
commit
e9bad2260f
@ -1,4 +1,7 @@
|
||||
<?php
|
||||
// general terms
|
||||
$titlewebsite = "TRF Certest";
|
||||
|
||||
$accountsettings = "Account Settings";
|
||||
$userprofile = "User Profile";
|
||||
$logout = "Log Out";
|
||||
@ -19,3 +22,13 @@ $templatename = "Template Name";
|
||||
$savechanges = "Save Changes";
|
||||
$templates = "Template";
|
||||
$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"
|
||||
];
|
||||
|
||||
@ -1,202 +1,206 @@
|
||||
$("html").attr("class", "semi-dark color-header headercolor2");
|
||||
|
||||
$(function () {
|
||||
"use strict";
|
||||
new PerfectScrollbar(".app-container"),
|
||||
new PerfectScrollbar(".header-message-list"),
|
||||
new PerfectScrollbar(".header-notifications-list"),
|
||||
$(".mobile-search-icon").on("click", function () {
|
||||
$(".search-bar").addClass("full-search-bar");
|
||||
}),
|
||||
$(".search-close").on("click", function () {
|
||||
$(".search-bar").removeClass("full-search-bar");
|
||||
}),
|
||||
$(".mobile-toggle-menu").on("click", function () {
|
||||
$(".wrapper").addClass("toggled");
|
||||
}),
|
||||
$(".dark-mode").on("click", function () {
|
||||
if ($(".dark-mode-icon i").attr("class") == "bx bx-sun") {
|
||||
$(".dark-mode-icon i").attr("class", "bx bx-moon");
|
||||
$("html").attr("class", "light-theme");
|
||||
} else {
|
||||
$(".dark-mode-icon i").attr("class", "bx bx-sun");
|
||||
$("html").attr("class", "dark-theme");
|
||||
}
|
||||
}),
|
||||
$(".toggle-icon").click(function () {
|
||||
$(".wrapper").hasClass("toggled")
|
||||
? ($(".wrapper").removeClass("toggled"),
|
||||
$(".sidebar-wrapper").unbind("hover"))
|
||||
: ($(".wrapper").addClass("toggled"),
|
||||
$(".sidebar-wrapper").hover(
|
||||
function () {
|
||||
$(".wrapper").addClass("sidebar-hovered");
|
||||
},
|
||||
function () {
|
||||
$(".wrapper").removeClass("sidebar-hovered");
|
||||
"use strict";
|
||||
new PerfectScrollbar(".app-container"),
|
||||
new PerfectScrollbar(".header-message-list"),
|
||||
new PerfectScrollbar(".header-notifications-list"),
|
||||
$(".mobile-search-icon").on("click", function () {
|
||||
$(".search-bar").addClass("full-search-bar");
|
||||
}),
|
||||
$(".search-close").on("click", function () {
|
||||
$(".search-bar").removeClass("full-search-bar");
|
||||
}),
|
||||
$(".mobile-toggle-menu").on("click", function () {
|
||||
$(".wrapper").addClass("toggled");
|
||||
}),
|
||||
$(".dark-mode").on("click", function () {
|
||||
if ($(".dark-mode-icon i").attr("class") == "bx bx-sun") {
|
||||
$(".dark-mode-icon i").attr("class", "bx bx-moon");
|
||||
$("html").attr("class", "light-theme");
|
||||
} else {
|
||||
$(".dark-mode-icon i").attr("class", "bx bx-sun");
|
||||
$("html").attr("class", "dark-theme");
|
||||
}
|
||||
));
|
||||
}),
|
||||
$(document).ready(function () {
|
||||
$(window).on("scroll", function () {
|
||||
$(this).scrollTop() > 300
|
||||
? $(".back-to-top").fadeIn()
|
||||
: $(".back-to-top").fadeOut();
|
||||
}),
|
||||
$(".back-to-top").on("click", function () {
|
||||
return (
|
||||
$("html, body").animate(
|
||||
{
|
||||
scrollTop: 0,
|
||||
},
|
||||
600
|
||||
),
|
||||
!1
|
||||
);
|
||||
}),
|
||||
$(".toggle-icon").click(function () {
|
||||
$(".wrapper").hasClass("toggled")
|
||||
? ($(".wrapper").removeClass("toggled"),
|
||||
$(".sidebar-wrapper").unbind("hover"))
|
||||
: ($(".wrapper").addClass("toggled"),
|
||||
$(".sidebar-wrapper").hover(
|
||||
function () {
|
||||
$(".wrapper").addClass("sidebar-hovered");
|
||||
},
|
||||
function () {
|
||||
$(".wrapper").removeClass("sidebar-hovered");
|
||||
},
|
||||
));
|
||||
}),
|
||||
$(document).ready(function () {
|
||||
$(window).on("scroll", function () {
|
||||
$(this).scrollTop() > 300
|
||||
? $(".back-to-top").fadeIn()
|
||||
: $(".back-to-top").fadeOut();
|
||||
}),
|
||||
$(".back-to-top").on("click", function () {
|
||||
return (
|
||||
$("html, body").animate(
|
||||
{
|
||||
scrollTop: 0,
|
||||
},
|
||||
600,
|
||||
),
|
||||
!1
|
||||
);
|
||||
});
|
||||
}),
|
||||
$(function () {
|
||||
for (
|
||||
var e = window.location,
|
||||
o = $(".metismenu li a")
|
||||
.filter(function () {
|
||||
return this.href == e;
|
||||
})
|
||||
.addClass("")
|
||||
.parent()
|
||||
.addClass("mm-active");
|
||||
o.is("li");
|
||||
|
||||
)
|
||||
o = o
|
||||
.parent("")
|
||||
.addClass("mm-show")
|
||||
.parent("")
|
||||
.addClass("mm-active");
|
||||
}),
|
||||
$(function () {
|
||||
$("#menu").metisMenu();
|
||||
}),
|
||||
$(".chat-toggle-btn").on("click", function () {
|
||||
$(".chat-wrapper").toggleClass("chat-toggled");
|
||||
}),
|
||||
$(".chat-toggle-btn-mobile").on("click", function () {
|
||||
$(".chat-wrapper").removeClass("chat-toggled");
|
||||
}),
|
||||
$(".email-toggle-btn").on("click", function () {
|
||||
$(".email-wrapper").toggleClass("email-toggled");
|
||||
}),
|
||||
$(".email-toggle-btn-mobile").on("click", function () {
|
||||
$(".email-wrapper").removeClass("email-toggled");
|
||||
}),
|
||||
$(".compose-mail-btn").on("click", function () {
|
||||
$(".compose-mail-popup").show();
|
||||
}),
|
||||
$(".compose-mail-close").on("click", function () {
|
||||
$(".compose-mail-popup").hide();
|
||||
}),
|
||||
$(".switcher-btn").on("click", function () {
|
||||
$(".switcher-wrapper").toggleClass("switcher-toggled");
|
||||
}),
|
||||
$(".close-switcher").on("click", function () {
|
||||
$(".switcher-wrapper").removeClass("switcher-toggled");
|
||||
}),
|
||||
$("#lightmode").on("click", function () {
|
||||
$("html").attr("class", "light-theme");
|
||||
}),
|
||||
$("#darkmode").on("click", function () {
|
||||
$("html").attr("class", "dark-theme");
|
||||
}),
|
||||
$("#semidark").on("click", function () {
|
||||
$("html").attr("class", "semi-dark");
|
||||
}),
|
||||
$("#minimaltheme").on("click", function () {
|
||||
$("html").attr("class", "minimal-theme");
|
||||
}),
|
||||
$("#headercolor1").on("click", function () {
|
||||
$("html").addClass("color-header headercolor1"),
|
||||
$("html").removeClass(
|
||||
"headercolor2 headercolor3 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8",
|
||||
);
|
||||
}),
|
||||
$("#headercolor2").on("click", function () {
|
||||
$("html").addClass("color-header headercolor2"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor3 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8",
|
||||
);
|
||||
}),
|
||||
$("#headercolor3").on("click", function () {
|
||||
$("html").addClass("color-header headercolor3"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8",
|
||||
);
|
||||
}),
|
||||
$("#headercolor4").on("click", function () {
|
||||
$("html").addClass("color-header headercolor4"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor3 headercolor5 headercolor6 headercolor7 headercolor8",
|
||||
);
|
||||
}),
|
||||
$("#headercolor5").on("click", function () {
|
||||
$("html").addClass("color-header headercolor5"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor3 headercolor6 headercolor7 headercolor8",
|
||||
);
|
||||
}),
|
||||
$("#headercolor6").on("click", function () {
|
||||
$("html").addClass("color-header headercolor6"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor3 headercolor7 headercolor8",
|
||||
);
|
||||
}),
|
||||
$("#headercolor7").on("click", function () {
|
||||
$("html").addClass("color-header headercolor7"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor3 headercolor8",
|
||||
);
|
||||
}),
|
||||
$("#headercolor8").on("click", function () {
|
||||
$("html").addClass("color-header headercolor8"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor7 headercolor3",
|
||||
);
|
||||
});
|
||||
}),
|
||||
$(function () {
|
||||
for (
|
||||
var e = window.location,
|
||||
o = $(".metismenu li a")
|
||||
.filter(function () {
|
||||
return this.href == e;
|
||||
})
|
||||
.addClass("")
|
||||
.parent()
|
||||
.addClass("mm-active");
|
||||
o.is("li");
|
||||
|
||||
)
|
||||
o = o.parent("").addClass("mm-show").parent("").addClass("mm-active");
|
||||
}),
|
||||
$(function () {
|
||||
$("#menu").metisMenu();
|
||||
}),
|
||||
$(".chat-toggle-btn").on("click", function () {
|
||||
$(".chat-wrapper").toggleClass("chat-toggled");
|
||||
}),
|
||||
$(".chat-toggle-btn-mobile").on("click", function () {
|
||||
$(".chat-wrapper").removeClass("chat-toggled");
|
||||
}),
|
||||
$(".email-toggle-btn").on("click", function () {
|
||||
$(".email-wrapper").toggleClass("email-toggled");
|
||||
}),
|
||||
$(".email-toggle-btn-mobile").on("click", function () {
|
||||
$(".email-wrapper").removeClass("email-toggled");
|
||||
}),
|
||||
$(".compose-mail-btn").on("click", function () {
|
||||
$(".compose-mail-popup").show();
|
||||
}),
|
||||
$(".compose-mail-close").on("click", function () {
|
||||
$(".compose-mail-popup").hide();
|
||||
}),
|
||||
$(".switcher-btn").on("click", function () {
|
||||
$(".switcher-wrapper").toggleClass("switcher-toggled");
|
||||
}),
|
||||
$(".close-switcher").on("click", function () {
|
||||
$(".switcher-wrapper").removeClass("switcher-toggled");
|
||||
}),
|
||||
$("#lightmode").on("click", function () {
|
||||
$("html").attr("class", "light-theme");
|
||||
}),
|
||||
$("#darkmode").on("click", function () {
|
||||
$("html").attr("class", "dark-theme");
|
||||
}),
|
||||
$("#semidark").on("click", function () {
|
||||
$("html").attr("class", "semi-dark");
|
||||
}),
|
||||
$("#minimaltheme").on("click", function () {
|
||||
$("html").attr("class", "minimal-theme");
|
||||
}),
|
||||
$("#headercolor1").on("click", function () {
|
||||
$("html").addClass("color-header headercolor1"),
|
||||
$("html").removeClass(
|
||||
"headercolor2 headercolor3 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8"
|
||||
);
|
||||
}),
|
||||
$("#headercolor2").on("click", function () {
|
||||
$("html").addClass("color-header headercolor2"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor3 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8"
|
||||
);
|
||||
}),
|
||||
$("#headercolor3").on("click", function () {
|
||||
$("html").addClass("color-header headercolor3"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor7 headercolor8"
|
||||
);
|
||||
}),
|
||||
$("#headercolor4").on("click", function () {
|
||||
$("html").addClass("color-header headercolor4"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor3 headercolor5 headercolor6 headercolor7 headercolor8"
|
||||
);
|
||||
}),
|
||||
$("#headercolor5").on("click", function () {
|
||||
$("html").addClass("color-header headercolor5"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor3 headercolor6 headercolor7 headercolor8"
|
||||
);
|
||||
}),
|
||||
$("#headercolor6").on("click", function () {
|
||||
$("html").addClass("color-header headercolor6"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor3 headercolor7 headercolor8"
|
||||
);
|
||||
}),
|
||||
$("#headercolor7").on("click", function () {
|
||||
$("html").addClass("color-header headercolor7"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor3 headercolor8"
|
||||
);
|
||||
}),
|
||||
$("#headercolor8").on("click", function () {
|
||||
$("html").addClass("color-header headercolor8"),
|
||||
$("html").removeClass(
|
||||
"headercolor1 headercolor2 headercolor4 headercolor5 headercolor6 headercolor7 headercolor3"
|
||||
);
|
||||
});
|
||||
// sidebar colors
|
||||
$("#sidebarcolor1").click(theme1);
|
||||
$("#sidebarcolor2").click(theme2);
|
||||
$("#sidebarcolor3").click(theme3);
|
||||
$("#sidebarcolor4").click(theme4);
|
||||
$("#sidebarcolor5").click(theme5);
|
||||
$("#sidebarcolor6").click(theme6);
|
||||
$("#sidebarcolor7").click(theme7);
|
||||
$("#sidebarcolor8").click(theme8);
|
||||
|
||||
// sidebar colors
|
||||
$("#sidebarcolor1").click(theme1);
|
||||
$("#sidebarcolor2").click(theme2);
|
||||
$("#sidebarcolor3").click(theme3);
|
||||
$("#sidebarcolor4").click(theme4);
|
||||
$("#sidebarcolor5").click(theme5);
|
||||
$("#sidebarcolor6").click(theme6);
|
||||
$("#sidebarcolor7").click(theme7);
|
||||
$("#sidebarcolor8").click(theme8);
|
||||
function theme1() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor1");
|
||||
}
|
||||
|
||||
function theme1() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor1");
|
||||
}
|
||||
function theme2() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor2");
|
||||
}
|
||||
|
||||
function theme2() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor2");
|
||||
}
|
||||
function theme3() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor3");
|
||||
}
|
||||
|
||||
function theme3() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor3");
|
||||
}
|
||||
function theme4() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor4");
|
||||
}
|
||||
|
||||
function theme4() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor4");
|
||||
}
|
||||
function theme5() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor5");
|
||||
}
|
||||
|
||||
function theme5() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor5");
|
||||
}
|
||||
function theme6() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor6");
|
||||
}
|
||||
|
||||
function theme6() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor6");
|
||||
}
|
||||
function theme7() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor7");
|
||||
}
|
||||
|
||||
function theme7() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor7");
|
||||
}
|
||||
|
||||
function theme8() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor8");
|
||||
}
|
||||
function theme8() {
|
||||
$("html").attr("class", "color-sidebar sidebarcolor8");
|
||||
}
|
||||
});
|
||||
|
||||
@ -45,5 +45,5 @@ try {
|
||||
}
|
||||
|
||||
// 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;
|
||||
|
||||
@ -1,6 +1,4 @@
|
||||
<?php
|
||||
include('include/headscript.php');
|
||||
require_once 'class/db-functions.php';
|
||||
<?php include('include/headscript.php');
|
||||
|
||||
// Controlla se è stato passato un ID valido
|
||||
if (!isset($_GET['id']) || !is_numeric($_GET['id'])) {
|
||||
@ -18,99 +16,172 @@ $stmt->execute([$id]);
|
||||
$template = $stmt->fetch(PDO::FETCH_ASSOC);
|
||||
|
||||
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;
|
||||
}
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Edit XLS Template</title>
|
||||
<link rel="shortcut icon" href="assets/images/logo/favicon.png">
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!--favicon-->
|
||||
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
|
||||
<?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>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div class="preloader">
|
||||
<div class="loader"></div>
|
||||
</div>
|
||||
|
||||
<!-- Sidebar -->
|
||||
<?php include('include/navbar.php'); ?>
|
||||
|
||||
<div class="dashboard-main-wrapper">
|
||||
<!--wrapper-->
|
||||
<div class="wrapper">
|
||||
<!--sidebar wrapper -->
|
||||
<?php include('include/navbar.php'); ?>
|
||||
<!--end sidebar wrapper -->
|
||||
<!--start header -->
|
||||
<?php include('include/topbar.php'); ?>
|
||||
|
||||
<div class="dashboard-body">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-12">
|
||||
|
||||
<!-- Card per l'edit -->
|
||||
<div class="card mt-24">
|
||||
<div class="card-body">
|
||||
<div class="mb-20 flex-between flex-wrap gap-8">
|
||||
<h4 class="mb-0">Edit XLS Template</h4>
|
||||
</div>
|
||||
|
||||
<div class="row gy-4">
|
||||
<div class="col-12">
|
||||
<!-- Form di modifica -->
|
||||
<form id="editTemplateForm" method="POST">
|
||||
<input type="hidden" name="id" value="<?php echo $template['id']; ?>">
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($templatename, ENT_QUOTES, 'UTF-8'); ?> *</label>
|
||||
<input type="text" name="name" class="form-control" value="<?php echo htmlspecialchars($template['name']); ?>" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($rowheader, ENT_QUOTES, 'UTF-8'); ?> *</label>
|
||||
<input type="number" name="header_row" class="form-control" value="<?php echo $template['header_row']; ?>" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($columnheader, ENT_QUOTES, 'UTF-8'); ?>*</label>
|
||||
<input type="text" name="start_column" class="form-control" value="<?php echo htmlspecialchars($template['start_column']); ?>" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($desctemplate, ENT_QUOTES, 'UTF-8'); ?></label>
|
||||
<textarea name="description" class="form-control"><?php echo htmlspecialchars($template['description']); ?></textarea>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($desttable, ENT_QUOTES, 'UTF-8'); ?>*</label>
|
||||
<input type="text" name="target_table" class="form-control" value="<?php echo htmlspecialchars($template['target_table']); ?>" required>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
</form>
|
||||
<!--end header -->
|
||||
<!--start page wrapper -->
|
||||
<div class="page-wrapper">
|
||||
<div class="page-content">
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-4">
|
||||
<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-header">
|
||||
<div class="d-flex align-items-center">
|
||||
<div>
|
||||
<h6 class="mb-0">Edit Template: <?php echo htmlspecialchars($template['name']); ?></h6>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Card End -->
|
||||
<div class="card-body">
|
||||
<div class="col-12">
|
||||
<!-- Form di modifica -->
|
||||
<form id="editTemplateForm" method="POST">
|
||||
<input type="hidden" name="id" value="<?php echo $template['id']; ?>">
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($templatename, ENT_QUOTES, 'UTF-8'); ?> *</label>
|
||||
<input type="text" name="name" class="form-control" value="<?php echo htmlspecialchars($template['name']); ?>" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($rowheader, ENT_QUOTES, 'UTF-8'); ?> *</label>
|
||||
<input type="number" name="header_row" class="form-control" value="<?php echo $template['header_row']; ?>" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($columnheader, ENT_QUOTES, 'UTF-8'); ?>*</label>
|
||||
<input type="text" name="start_column" class="form-control" value="<?php echo htmlspecialchars($template['start_column']); ?>" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($desctemplate, ENT_QUOTES, 'UTF-8'); ?></label>
|
||||
<textarea name="description" class="form-control"><?php echo htmlspecialchars($template['description']); ?></textarea>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($desttable, ENT_QUOTES, 'UTF-8'); ?>*</label>
|
||||
<input type="text" name="target_table" class="form-control" value="<?php echo htmlspecialchars($template['target_table']); ?>" required>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary"><?= htmlspecialchars($savechanges, ENT_QUOTES, 'UTF-8'); ?></button>
|
||||
<a href="templates_dashboard.php" class="btn btn-secondary">Cancel</a>
|
||||
</form>
|
||||
</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'); ?>
|
||||
</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'); ?>
|
||||
|
||||
<!-- Script per gestire il salvataggio con AJAX -->
|
||||
<script>
|
||||
document.getElementById("editTemplateForm").addEventListener("submit", function(e) {
|
||||
e.preventDefault(); // Previene il reload della pagina
|
||||
@ -130,7 +201,7 @@ if (!$template) {
|
||||
icon: "success",
|
||||
confirmButtonText: "OK"
|
||||
}).then(() => {
|
||||
window.location.href = "xlstemplates_grid.php";
|
||||
window.location.href = "templates_dashboard.php";
|
||||
});
|
||||
} else {
|
||||
Swal.fire({
|
||||
@ -152,7 +223,6 @@ if (!$template) {
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -4,7 +4,7 @@
|
||||
<img src="assets/images/logo-icon.png" class="logo-icon" alt="logo icon">
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="logo-text">Rocker</h4>
|
||||
<h4 class="logo-text"><?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></h4>
|
||||
</div>
|
||||
<div class="toggle-icon ms-auto"><i class='bx bx-arrow-back'></i>
|
||||
</div>
|
||||
@ -30,13 +30,14 @@
|
||||
<a href="javascript:;" class="has-arrow">
|
||||
<div class="parent-icon"><i class="bx bx-category"></i>
|
||||
</div>
|
||||
<div class="menu-title">Application</div>
|
||||
<div class="menu-title">Templates</div>
|
||||
</a>
|
||||
<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> <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>
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
@ -59,6 +60,8 @@
|
||||
<div class="menu-title">Support</div>
|
||||
</a>
|
||||
</li>
|
||||
<li> <a href="template/index.html" target="_blank"><i class='bx bx-radio-circle'></i>Template</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end navigation-->
|
||||
</div>
|
||||
@ -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>
|
||||
<div class="dropdown-menu dropdown-menu-end p-0">
|
||||
<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>
|
||||
@ -394,189 +175,9 @@
|
||||
</div>
|
||||
</li>
|
||||
<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">
|
||||
<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">
|
||||
<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 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>
|
||||
</ul>
|
||||
|
||||
@ -1,93 +1,163 @@
|
||||
<?php include('include/headscript.php'); ?>
|
||||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Edmate Learning Dashboard - New XLS Template</title>
|
||||
<link rel="shortcut icon" href="assets/images/logo/favicon.png">
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!--favicon-->
|
||||
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
|
||||
<?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>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div class="preloader">
|
||||
<div class="loader"></div>
|
||||
</div>
|
||||
|
||||
<!-- Sidebar Overlay -->
|
||||
<div class="side-overlay"></div>
|
||||
|
||||
<!-- Sidebar -->
|
||||
<?php include('include/navbar.php'); ?>
|
||||
|
||||
<div class="dashboard-main-wrapper">
|
||||
<!--wrapper-->
|
||||
<div class="wrapper">
|
||||
<!--sidebar wrapper -->
|
||||
<?php include('include/navbar.php'); ?>
|
||||
<!--end sidebar wrapper -->
|
||||
<!--start header -->
|
||||
<?php include('include/topbar.php'); ?>
|
||||
|
||||
<div class="dashboard-body">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-12">
|
||||
|
||||
<!-- Card per il form -->
|
||||
<div class="card mt-24">
|
||||
<div class="card-body">
|
||||
<div class="mb-20 flex-between flex-wrap gap-8">
|
||||
<h4 class="mb-0">Insert New XLS Template</h4>
|
||||
</div>
|
||||
|
||||
<div class="row gy-4">
|
||||
<div class="col-12">
|
||||
<!-- Form per inserimento nuovo template -->
|
||||
<form id="insertTemplateForm" method="POST">
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($templatename, ENT_QUOTES, 'UTF-8'); ?> *</label>
|
||||
<input type="text" name="name" class="form-control" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($rowheader, ENT_QUOTES, 'UTF-8'); ?> *</label>
|
||||
<input type="number" name="header_row" class="form-control" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($columnheader, ENT_QUOTES, 'UTF-8'); ?> *</label>
|
||||
<input type="text" name="start_column" class="form-control" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($desctemplate, ENT_QUOTES, 'UTF-8'); ?></label>
|
||||
<textarea name="description" class="form-control"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($desttable, ENT_QUOTES, 'UTF-8'); ?> *</label>
|
||||
<input type="text" name="target_table" class="form-control" required>
|
||||
</div>
|
||||
<br>
|
||||
<button type="submit" class="btn btn-primary">Create Template</button>
|
||||
<a href="xlstemplates_grid.php" class="btn btn-secondary">Cancel</a>
|
||||
</form>
|
||||
<!--end header -->
|
||||
<!--start page wrapper -->
|
||||
<div class="page-wrapper">
|
||||
<div class="page-content">
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-4">
|
||||
<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-header">
|
||||
<div class="d-flex align-items-center">
|
||||
<div>
|
||||
<h6 class="mb-0">Insert New XLS Template</h6>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Card End -->
|
||||
<div class="card-body">
|
||||
<div class="col-12">
|
||||
<form id="insertTemplateForm" method="POST">
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($templatename, ENT_QUOTES, 'UTF-8'); ?> *</label>
|
||||
<input type="text" name="name" class="form-control" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($rowheader, ENT_QUOTES, 'UTF-8'); ?> *</label>
|
||||
<input type="number" name="header_row" class="form-control" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($columnheader, ENT_QUOTES, 'UTF-8'); ?> *</label>
|
||||
<input type="text" name="start_column" class="form-control" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($desctemplate, ENT_QUOTES, 'UTF-8'); ?></label>
|
||||
<textarea name="description" class="form-control"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= htmlspecialchars($desttable, ENT_QUOTES, 'UTF-8'); ?> *</label>
|
||||
<input type="text" name="target_table" class="form-control" required>
|
||||
</div>
|
||||
<br>
|
||||
<button type="submit" class="btn btn-primary">Create Template</button>
|
||||
<a href="templeates_dashboard.php" class="btn btn-secondary">Cancel</a>
|
||||
</form>
|
||||
</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'); ?>
|
||||
</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'); ?>
|
||||
|
||||
<!-- Script per gestire il form -->
|
||||
<script>
|
||||
document.getElementById("insertTemplateForm").addEventListener("submit", function(e) {
|
||||
e.preventDefault(); // Previene il reload della pagina
|
||||
@ -129,7 +199,6 @@
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -7,8 +7,8 @@
|
||||
<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-world-mill-en.js"></script>
|
||||
<script src="assets/plugins/chartjs/js/chart.js"></script>
|
||||
<script src="assets/js/index.js"></script>
|
||||
<!-- <script src="assets/plugins/chartjs/js/chart.js"></script>
|
||||
<script src="assets/js/index.js"></script> -->
|
||||
<!--app JS-->
|
||||
<script src="assets/js/app.js"></script>
|
||||
<script>
|
||||
|
||||
@ -1,6 +1,4 @@
|
||||
<?php include('include/headscript.php'); ?>
|
||||
<?php
|
||||
require_once 'class/db-functions.php';
|
||||
<?php include('include/headscript.php');
|
||||
|
||||
if (!isset($_GET['id']) || !is_numeric($_GET['id'])) {
|
||||
die("Invalid template ID");
|
||||
@ -17,85 +15,105 @@ if (!$template) {
|
||||
die("Template not found");
|
||||
}
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Associate Columns</title>
|
||||
<link rel="shortcut icon" href="assets/images/logo/favicon.png">
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!--favicon-->
|
||||
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
|
||||
<?php include('cssinclude.php'); ?>
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
|
||||
<title>Mapping XLS Template <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Preloader -->
|
||||
<div class="preloader">
|
||||
<div class="loader"></div>
|
||||
</div>
|
||||
|
||||
<!-- Sidebar -->
|
||||
<?php include('include/navbar.php'); ?>
|
||||
|
||||
<div class="dashboard-main-wrapper">
|
||||
<!--wrapper-->
|
||||
<div class="wrapper">
|
||||
<!--sidebar wrapper -->
|
||||
<?php include('include/navbar.php'); ?>
|
||||
<!--end sidebar wrapper -->
|
||||
<!--start header -->
|
||||
<?php include('include/topbar.php'); ?>
|
||||
<!--end header -->
|
||||
<!--start page wrapper -->
|
||||
<div class="page-wrapper">
|
||||
<div class="page-content">
|
||||
|
||||
<div class="dashboard-body">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-12">
|
||||
<div class="card mt-24">
|
||||
<div class="card-body">
|
||||
<div class="mb-20 flex-between flex-wrap gap-8">
|
||||
<h4 class="mb-0">Associate Columns - Template: <span id="templateName"><?php echo htmlspecialchars($template['name']); ?></span></h4>
|
||||
<?php include('top_stat_widget.php'); ?>
|
||||
|
||||
|
||||
<div class="card radius-10">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<!-- Upload Section -->
|
||||
<div class="mb-4">
|
||||
<label class="form-label">Upload XLS Example:</label>
|
||||
<input type="file" id="xlsUpload" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<!-- Upload Section -->
|
||||
<div class="mb-4">
|
||||
<label class="form-label">Upload XLS Example:</label>
|
||||
<input type="file" id="xlsUpload" class="form-control">
|
||||
</div>
|
||||
|
||||
<!-- Association Section -->
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<h5>XLS Column</h5>
|
||||
<ul id="xlsColumns" class="list-group border p-3" style="height: 300px; overflow-y: auto;"></ul>
|
||||
</div>
|
||||
<div class="col-md-2 text-center d-flex align-items-center justify-content-center">
|
||||
<button class="btn btn-dark" id="addAssociation">➝ Add</button>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<h5>Table Column</h5>
|
||||
<ul id="tableColumns" class="list-group border p-3" style="height: 300px; overflow-y: auto;"></ul>
|
||||
</div>
|
||||
<!-- Association Section -->
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<h5>XLS Column</h5>
|
||||
<ul id="xlsColumns" class="list-group border p-3" style="height: 300px; overflow-y: auto;"></ul>
|
||||
</div>
|
||||
<div class="col-md-2 text-center d-flex align-items-center justify-content-center">
|
||||
<button class="btn btn-dark" id="addAssociation">➝ Add</button>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<h5>Table Column</h5>
|
||||
<ul id="tableColumns" class="list-group border p-3" style="height: 300px; overflow-y: auto;"></ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Associations List -->
|
||||
<div class="mt-4">
|
||||
<h5>Current Associations</h5>
|
||||
<ul id="associationsList" class="list-group border p-3"></ul>
|
||||
</div>
|
||||
<!-- Associations List -->
|
||||
<div class="mt-4">
|
||||
<h5>Current Associations</h5>
|
||||
<ul id="associationsList" class="list-group border p-3"></ul>
|
||||
</div>
|
||||
|
||||
<!-- Save Button -->
|
||||
<div class="mt-4 text-end">
|
||||
<button class="btn btn-success" id="saveAssociations">Save Associations</button>
|
||||
</div>
|
||||
<!-- Save Button -->
|
||||
<div class="mt-4 text-end">
|
||||
<button class="btn btn-success" id="saveAssociations">Save Associations</button>
|
||||
</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'); ?>
|
||||
</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'); ?>
|
||||
|
||||
<script>
|
||||
document.getElementById('xlsUpload').addEventListener('change', function(event) {
|
||||
let file = event.target.files[0];
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
<!--favicon-->
|
||||
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
|
||||
<?php include('cssinclude.php'); ?>
|
||||
<title>Rocker - Bootstrap 5 Admin Dashboard Template</title>
|
||||
<title>xxx - <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@ -24,68 +24,7 @@
|
||||
<!--start page wrapper -->
|
||||
<div class="page-wrapper">
|
||||
<div class="page-content">
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-4">
|
||||
<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-->
|
||||
<?php include('top_stat_widget.php'); ?>
|
||||
|
||||
|
||||
|
||||
|
||||
@ -25,92 +25,33 @@
|
||||
<!--start page wrapper -->
|
||||
<div class="page-wrapper">
|
||||
<div class="page-content">
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-4">
|
||||
<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-->
|
||||
<?php include('top_stat_widget.php'); ?>
|
||||
|
||||
|
||||
|
||||
<div class="card radius-10">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center">
|
||||
<div>
|
||||
<h6 class="mb-0">Title</h6>
|
||||
</div>
|
||||
<div class="d-flex align-items-center justify-content-between">
|
||||
<h6 class="mb-0">XLS Templates Dashboard</h6>
|
||||
<a href="insert_template_xls.php" class="btn btn-success ms-auto">
|
||||
<i class="fas fa-plus"></i> New Template
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table id="xlsTemplatesTable" class="table table-striped table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>Name</th>
|
||||
<th>Last Modified</th>
|
||||
<th>Row Header</th>
|
||||
<th>Column Header</th>
|
||||
<th>Description</th>
|
||||
<th>Destination Table</th>
|
||||
<th>Actions</th>
|
||||
<th><?= htmlspecialchars($nametemplate, ENT_QUOTES, 'UTF-8'); ?></th>
|
||||
<th><?= htmlspecialchars($lastmodtemplate, ENT_QUOTES, 'UTF-8'); ?></th>
|
||||
<th><?= htmlspecialchars($rowheader, ENT_QUOTES, 'UTF-8'); ?></th>
|
||||
<th><?= htmlspecialchars($columnheader, ENT_QUOTES, 'UTF-8'); ?></th>
|
||||
<th><?= htmlspecialchars($desctemplate, ENT_QUOTES, 'UTF-8'); ?></th>
|
||||
<th><?= htmlspecialchars($desttable, ENT_QUOTES, 'UTF-8'); ?></th>
|
||||
<th><?= htmlspecialchars($action, ENT_QUOTES, 'UTF-8'); ?></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -208,10 +149,10 @@
|
||||
lengthMenu: "Mostra _MENU_ elementi",
|
||||
info: "Visualizzando da _START_ a _END_ di _TOTAL_ elementi",
|
||||
paginate: {
|
||||
first: "Primo",
|
||||
last: "Ultimo",
|
||||
next: "Successivo",
|
||||
previous: "Precedente"
|
||||
first: "<?= $langdatatables['paginate_first'] ?>",
|
||||
last: "<?= $langdatatables['paginate_last'] ?>",
|
||||
next: "<?= $langdatatables['paginate_next'] ?>",
|
||||
previous: "<?= $langdatatables['paginate_previous'] ?>"
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
63
public/userarea/top_stat_widget.php
Normal file
63
public/userarea/top_stat_widget.php
Normal 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>
|
||||
Loading…
x
Reference in New Issue
Block a user