343 lines
16 KiB
HTML
343 lines
16 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<!--
|
|
Author: Frédérik Benoist
|
|
Product Name: HDPos
|
|
Product Version: 1.0.0
|
|
Contact: frederik.benoist@inetum.com
|
|
-->
|
|
<html lang="fr">
|
|
<!--begin::Head-->
|
|
<head>
|
|
<title>HDPos - HelpDesk POS - XSTORE</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="HDPos - HelpDesk POS - XSTORE" />
|
|
<meta name="keywords" content="helpdesk, XSTORE" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta property="og:locale" content="fr_FR" />
|
|
<meta property="og:type" content="article" />
|
|
<meta property="og:title" content="Metronic - The World's #1 Selling Bootstrap Admin Template - Metronic by KeenThemes" />
|
|
<meta property="og:url" content="https://keenthemes.com/metronic" />
|
|
<meta property="og:site_name" content="Metronic by Keenthemes" />
|
|
<link rel="canonical" href="https://preview.keenthemes.com/metronic8" />
|
|
<link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
|
|
<!--begin::Fonts(mandatory for all pages)-->
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" />
|
|
<!--end::Fonts-->
|
|
<!--begin::Vendor Stylesheets(used for this page only)-->
|
|
<link href="assets/plugins/custom/fullcalendar/fullcalendar.bundle.css" rel="stylesheet" type="text/css" />
|
|
<link href="assets/plugins/custom/datatables/datatables.bundle.css" rel="stylesheet" type="text/css" />
|
|
<!--end::Vendor Stylesheets-->
|
|
<!--begin::Global Stylesheets Bundle(mandatory for all pages)-->
|
|
<link href="assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" />
|
|
<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
|
|
<!--end::Global Stylesheets Bundle-->
|
|
<script>// Frame-busting to prevent site from being loaded within a frame without permission (click-jacking) if (window.top != window.self) { window.top.location.replace(window.self.location.href); }</script>
|
|
</head>
|
|
<!--end::Head-->
|
|
<!--begin::Body-->
|
|
<body id="kt_app_body" data-kt-app-header-fixed-mobile="true" data-kt-app-toolbar-enabled="true" class="app-default">
|
|
<!--begin::Theme mode setup on page load-->
|
|
<script>var defaultThemeMode = "light"; var themeMode; if ( document.documentElement ) { if ( document.documentElement.hasAttribute("data-bs-theme-mode")) { themeMode = document.documentElement.getAttribute("data-bs-theme-mode"); } else { if ( localStorage.getItem("data-bs-theme") !== null ) { themeMode = localStorage.getItem("data-bs-theme"); } else { themeMode = defaultThemeMode; } } if (themeMode === "system") { themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; } document.documentElement.setAttribute("data-bs-theme", themeMode); }</script>
|
|
<!--end::Theme mode setup on page load-->
|
|
<!--begin::App-->
|
|
<div class="d-flex flex-column flex-root app-root" id="kt_app_root">
|
|
<!--begin::Page-->
|
|
<div class="app-page flex-column flex-column-fluid" id="kt_app_page">
|
|
<!--begin::Header-->
|
|
<div id="kt_app_header" class="app-header" data-kt-sticky="true" data-kt-sticky-activate="{default: false, lg: true}" data-kt-sticky-name="app-header-sticky" data-kt-sticky-offset="{default: false, lg: '300px'}">
|
|
<!--begin::Header container-->
|
|
<div class="app-container container-xxl d-flex align-items-stretch justify-content-between" id="kt_app_header_container">
|
|
<!--begin::Header mobile toggle-->
|
|
<div class="d-flex align-items-center d-lg-none ms-n3 me-2" title="Show sidebar menu">
|
|
<div class="btn btn-icon btn-color-gray-600 btn-active-color-primary w-35px h-35px" id="kt_app_header_menu_toggle">
|
|
<i class="ki-outline ki-abstract-14 fs-2"></i>
|
|
</div>
|
|
</div>
|
|
<!--end::Header mobile toggle-->
|
|
<!--begin::Logo-->
|
|
<div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0 me-lg-15">
|
|
<a href="index.html">
|
|
<img alt="Logo" src="assets/media/logos/demo30-small.svg" class="h-25px d-lg-none" />
|
|
<img alt="Logo" src="assets/media/logos/demo30.svg" class="h-25px d-none d-lg-inline app-sidebar-logo-default theme-light-show" />
|
|
<img alt="Logo" src="assets/media/logos/demo30-dark.png" class="h-25px d-none d-lg-inline app-sidebar-logo-default theme-dark-show" />
|
|
</a>
|
|
</div>
|
|
<!--end::Logo-->
|
|
<!--begin::Header wrapper-->
|
|
<div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1" id="kt_app_header_wrapper">
|
|
<!--begin::Menu wrapper-->
|
|
<div class="app-header-menu app-header-mobile-drawer align-items-stretch" data-kt-drawer="true" data-kt-drawer-name="app-header-menu" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="250px" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_app_header_menu_toggle" data-kt-swapper="true" data-kt-swapper-mode="{default: 'append', lg: 'prepend'}" data-kt-swapper-parent="{default: '#kt_app_body', lg: '#kt_app_header_wrapper'}">
|
|
<!--begin::Menu-->
|
|
<!--end::Menu-->
|
|
</div>
|
|
<!--end::Menu wrapper-->
|
|
<!--begin::Navbar-->
|
|
<div class="app-navbar flex-shrink-0">
|
|
<!--begin::User menu-->
|
|
<div class="app-navbar-item ms-3 ms-lg-5" id="kt_header_user_menu_toggle">
|
|
<!--begin::Menu wrapper-->
|
|
<div class="cursor-pointer symbol symbol-35px symbol-md-45px" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
|
|
<img class="symbol symbol-circle symbol-35px symbol-md-45px" src="https://mp4.ikksgroup.com/users/user-6.jpg" alt="user" />
|
|
</div>
|
|
<!--begin::User account menu-->
|
|
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-color fw-semibold py-4 fs-6 w-275px" data-kt-menu="true">
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<div class="menu-content d-flex align-items-center px-3">
|
|
<!--begin::Avatar-->
|
|
<div class="symbol symbol-50px me-5">
|
|
<img alt="Logo" src="https://mp4.ikksgroup.com/users/user-6.jpg" />
|
|
</div>
|
|
<!--end::Avatar-->
|
|
<!--begin::Username-->
|
|
<div class="d-flex flex-column">
|
|
<div class="fw-bold d-flex align-items-center fs-5">Fred Benoist
|
|
<span class="badge badge-light-success fw-bold fs-8 px-2 py-1 ms-2">Pro</span></div>
|
|
<a href="#" class="fw-semibold text-muted text-hover-primary fs-7">frederik.benoist@inetum.com</a>
|
|
</div>
|
|
<!--end::Username-->
|
|
</div>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu separator-->
|
|
<div class="separator my-2"></div>
|
|
<!--end::Menu separator-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-5" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="left-start" data-kt-menu-offset="-15px, 0">
|
|
<a href="#" class="menu-link px-5">
|
|
<span class="menu-title position-relative">Mode
|
|
<span class="ms-5 position-absolute translate-middle-y top-50 end-0">
|
|
<i class="ki-outline ki-night-day theme-light-show fs-2"></i>
|
|
<i class="ki-outline ki-moon theme-dark-show fs-2"></i>
|
|
</span></span>
|
|
</a>
|
|
<!--begin::Menu-->
|
|
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-gray-500 menu-active-bg menu-state-color fw-semibold py-4 fs-base w-150px" data-kt-menu="true" data-kt-element="theme-mode-menu">
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3 my-0">
|
|
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="light">
|
|
<span class="menu-icon" data-kt-element="icon">
|
|
<i class="ki-outline ki-night-day fs-2"></i>
|
|
</span>
|
|
<span class="menu-title">Light</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3 my-0">
|
|
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="dark">
|
|
<span class="menu-icon" data-kt-element="icon">
|
|
<i class="ki-outline ki-moon fs-2"></i>
|
|
</span>
|
|
<span class="menu-title">Dark</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3 my-0">
|
|
<a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="system">
|
|
<span class="menu-icon" data-kt-element="icon">
|
|
<i class="ki-outline ki-screen fs-2"></i>
|
|
</span>
|
|
<span class="menu-title">System</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
</div>
|
|
<!--end::Menu-->
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-5">
|
|
<a href="authentication/layouts/corporate/sign-in.html" class="menu-link px-5">Sign Out</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
</div>
|
|
<!--end::User account menu-->
|
|
<!--end::Menu wrapper-->
|
|
</div>
|
|
<!--end::User menu-->
|
|
</div>
|
|
<!--end::Navbar-->
|
|
</div>
|
|
<!--end::Header wrapper-->
|
|
</div>
|
|
<!--end::Header container-->
|
|
</div>
|
|
<!--end::Header-->
|
|
<!--begin::Wrapper-->
|
|
<div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
|
|
<!--begin::Toolbar-->
|
|
<div id="kt_app_toolbar" class="app-toolbar py-6">
|
|
<!--begin::Toolbar container-->
|
|
<div id="kt_app_toolbar_container" class="app-container container-xxl d-flex align-items-start">
|
|
<!--begin::Toolbar container-->
|
|
<div class="d-flex flex-column flex-row-fluid">
|
|
<!--begin::Toolbar wrapper-->
|
|
<div class="d-flex align-items-center pt-1">
|
|
<!--begin::Breadcrumb-->
|
|
<ul class="breadcrumb breadcrumb-separatorless fw-semibold">
|
|
<!--begin::Item-->
|
|
<li class="breadcrumb-item text-white fw-bold lh-1">
|
|
<a href="index.html" class="text-white text-hover-primary">
|
|
<i class="ki-outline ki-home text-white fs-3"></i>
|
|
</a>
|
|
</li>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<li class="breadcrumb-item">
|
|
<i class="ki-outline ki-right fs-4 text-white mx-n1"></i>
|
|
</li>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<li class="breadcrumb-item text-white fw-bold lh-1">Dashboards</li>
|
|
<!--end::Item-->
|
|
</ul>
|
|
<!--end::Breadcrumb-->
|
|
</div>
|
|
<!--end::Toolbar wrapper=-->
|
|
<!--begin::Toolbar wrapper=-->
|
|
<div class="d-flex flex-stack flex-wrap flex-lg-nowrap gap-4 gap-lg-10 pt-6 pb-18 py-lg-13">
|
|
<!--begin::Page title-->
|
|
<div class="page-title d-flex align-items-center me-3">
|
|
<img alt="Logo" src="assets/media/svg/misc/layer.svg" class="h-60px me-5" />
|
|
<!--begin::Title-->
|
|
<h1 class="page-heading d-flex text-white fw-bolder fs-2 flex-column justify-content-center my-0">HelpDesk POS - XSTORE
|
|
<!--begin::Description-->
|
|
<span class="page-desc text-white opacity-50 fs-6 fw-bold pt-4">Powered by Inetum Corp 2023</span>
|
|
<!--end::Description--></h1>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Page title-->
|
|
</div>
|
|
<!--end::Toolbar wrapper=-->
|
|
</div>
|
|
<!--end::Toolbar container=-->
|
|
</div>
|
|
<!--end::Toolbar container-->
|
|
</div>
|
|
<!--end::Toolbar-->
|
|
|
|
<!--begin::Wrapper HDPOS-->
|
|
|
|
<!--begin::Wrapper container-->
|
|
<div class="app-container container-xxl">
|
|
<!--begin::Main-->
|
|
<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
|
|
<!--begin::Content wrapper-->
|
|
<div class="d-flex flex-column flex-column-fluid">
|
|
<!--begin::Content-->
|
|
<div id="kt_app_content" class="app-content">
|
|
<!--begin::Content menu-->
|
|
<div class="app-content-menu menu menu-rounded menu-gray-800 menu-state-bg flex-wrap fs-5 fw-semibold border-bottom mt-n7 pt-5 pb-6 px-10 mb-10">
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item pe-2">
|
|
<a class="menu-link px-5 active" href="index.html">
|
|
<span class="menu-title text-gray-800">Général</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item pe-2">
|
|
<a class="menu-link px-5" href="store/list/list.html">
|
|
<span class="menu-title text-gray-800">Boutiques</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
</div>
|
|
<!--begin::Content menu-->
|
|
<!--begin::Row-->
|
|
<div class="row gx-5 gx-xl-10">
|
|
<!--begin::Col-->
|
|
<div class="col-xxl-4 mb-5 mb-xl-10">
|
|
<!--begin::Chart widget 27-->
|
|
<div class="card card-flush h-xl-100">
|
|
<!--begin::Header-->
|
|
<div class="card-header py-7">
|
|
<!--begin::Statistics-->
|
|
<div class="m-0">
|
|
<!--begin::Heading-->
|
|
<div class="d-flex align-items-center mb-2">
|
|
<!--begin::Title-->
|
|
<span class="fs-2hx fw-bold text-gray-800 me-2 lh-1 ls-n2">350</span>
|
|
<!--end::Title-->
|
|
<!--begin::Label-->
|
|
<span class="badge badge-light-danger fs-base">
|
|
<i class="ki-outline ki-arrow-up fs-5 text-danger ms-n1"></i>8.02%</span>
|
|
<!--end::Label-->
|
|
</div>
|
|
<!--end::Heading-->
|
|
<!--begin::Description-->
|
|
<span class="fs-6 fw-semibold text-gray-500">Nombre de tickets</span>
|
|
<!--end::Description-->
|
|
</div>
|
|
<!--end::Statistics-->
|
|
</div>
|
|
<!--end::Header-->
|
|
<!--begin::Body-->
|
|
<div class="card-body pt-0 pb-1">
|
|
<div id="kt_charts_widget_27" class="min-h-auto"></div>
|
|
</div>
|
|
<!--end::Body-->
|
|
</div>
|
|
<!--end::Chart widget 27-->
|
|
</div>
|
|
<!--end::Col-->
|
|
</div>
|
|
<!--end::Row-->
|
|
</div>
|
|
<!--end::Content-->
|
|
</div>
|
|
<!--end::Content wrapper-->
|
|
<!--begin::Footer-->
|
|
<div id="kt_app_footer" class="app-footer d-flex flex-column flex-md-row align-items-center flex-center flex-md-stack py-2 py-lg-4">
|
|
<!--begin::Copyright-->
|
|
<div class="text-gray-900 order-2 order-md-1">
|
|
<span class="text-muted fw-semibold me-1">2023©</span>
|
|
<a href="https://www.inetum.com/fr" target="_blank" class="text-gray-800 text-hover-primary">Inetum</a>
|
|
</div>
|
|
<!--end::Copyright-->
|
|
<!--begin::Menu-->
|
|
<ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1">
|
|
<li class="menu-item">
|
|
<a href="https://www.inetum.com/fr" target="_blank" class="menu-link px-2">A propos</a>
|
|
</li>
|
|
</ul>
|
|
<!--end::Menu-->
|
|
</div>
|
|
<!--end::Footer-->
|
|
</div>
|
|
<!--end:::Main-->
|
|
</div>
|
|
<!--end::Wrapper container-->
|
|
</div>
|
|
<!--end::Wrapper-->
|
|
|
|
<!--end::Wrapper HDPOS-->
|
|
</div>
|
|
<!--end::Page-->
|
|
</div>
|
|
<!--end::App-->
|
|
|
|
<!--begin::Scrolltop-->
|
|
<div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">
|
|
<i class="ki-outline ki-arrow-up"></i>
|
|
</div>
|
|
<!--end::Scrolltop-->
|
|
<!--begin::Javascript-->
|
|
<script>var hostUrl = "assets/";</script>
|
|
<!--begin::Global Javascript Bundle(mandatory for all pages)-->
|
|
<script src="assets/plugins/global/plugins.bundle.js"></script>
|
|
<script src="assets/js/scripts.bundle.js"></script>
|
|
<!--end::Global Javascript Bundle-->
|
|
<!--begin::Vendors Javascript(used for this page only)-->
|
|
<!--end::Vendors Javascript-->
|
|
<!--begin::Custom Javascript(used for this page only)-->
|
|
<script src="WEB-INF/src/js/widgets/charts/widget-27.js"></script>
|
|
<script src="assets/js/custom/widgets.js"></script>
|
|
<!--end::Custom Javascript-->
|
|
<!--end::Javascript-->
|
|
</body>
|
|
<!--end::Body-->
|
|
</html> |