new pisilinux web sites
This commit is contained in:
@@ -0,0 +1,9 @@
|
||||
@view('Assets/header')
|
||||
|
||||
@if(USERID)
|
||||
@view
|
||||
@else
|
||||
@view('Home/login')
|
||||
@endif
|
||||
|
||||
@view('Assets/footer')
|
||||
@@ -0,0 +1,121 @@
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2026
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.min.js"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
|
||||
// Disable OverlayScrollbars on mobile devices to prevent touch interference
|
||||
const isMobile = window.innerWidth <= 992;
|
||||
|
||||
if (
|
||||
sidebarWrapper &&
|
||||
OverlayScrollbarsGlobal?.OverlayScrollbars !== undefined &&
|
||||
!isMobile
|
||||
) {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
(() => {
|
||||
'use strict';
|
||||
|
||||
const STORAGE_KEY = 'lte-theme';
|
||||
|
||||
const getStoredTheme = () => localStorage.getItem(STORAGE_KEY);
|
||||
const setStoredTheme = (theme) => localStorage.setItem(STORAGE_KEY, theme);
|
||||
|
||||
const prefersDark = () => globalThis.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
const getPreferredTheme = () => {
|
||||
const stored = getStoredTheme();
|
||||
if (stored) return stored;
|
||||
return prefersDark() ? 'dark' : 'light';
|
||||
};
|
||||
|
||||
const setTheme = (theme) => {
|
||||
const resolved = theme === 'auto' ? (prefersDark() ? 'dark' : 'light') : theme;
|
||||
document.documentElement.setAttribute('data-bs-theme', resolved);
|
||||
};
|
||||
|
||||
setTheme(getPreferredTheme());
|
||||
|
||||
const showActiveTheme = (theme) => {
|
||||
// Highlight the active dropdown option
|
||||
document.querySelectorAll('[data-bs-theme-value]').forEach((el) => {
|
||||
el.classList.remove('active');
|
||||
el.setAttribute('aria-pressed', 'false');
|
||||
const check = el.querySelector('.bi-check-lg');
|
||||
if (check) check.classList.add('d-none');
|
||||
});
|
||||
const active = document.querySelector(`[data-bs-theme-value="${theme}"]`);
|
||||
if (active) {
|
||||
active.classList.add('active');
|
||||
active.setAttribute('aria-pressed', 'true');
|
||||
const check = active.querySelector('.bi-check-lg');
|
||||
if (check) check.classList.remove('d-none');
|
||||
}
|
||||
// Sync the topbar trigger icon
|
||||
document.querySelectorAll('[data-lte-theme-icon]').forEach((icon) => {
|
||||
icon.classList.toggle('d-none', icon.dataset.lteThemeIcon !== theme);
|
||||
});
|
||||
};
|
||||
|
||||
globalThis.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
|
||||
const stored = getStoredTheme();
|
||||
if (!stored || stored === 'auto') setTheme(getPreferredTheme());
|
||||
});
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
showActiveTheme(getPreferredTheme());
|
||||
document.querySelectorAll('[data-bs-theme-value]').forEach((toggle) => {
|
||||
toggle.addEventListener('click', () => {
|
||||
const theme = toggle.getAttribute('data-bs-theme-value');
|
||||
setStoredTheme(theme);
|
||||
setTheme(theme);
|
||||
showActiveTheme(theme);
|
||||
});
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<script src="js/adminlte.js"></script>
|
||||
@@ -0,0 +1,70 @@
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Pisilinux | Dashboard</title>
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<meta name="theme-color" content="#007bff" media="(prefers-color-scheme: light)" />
|
||||
<meta name="theme-color" content="#1a1a1a" media="(prefers-color-scheme: dark)" />
|
||||
|
||||
<meta name="title" content="Pisilinux | Dashboard" />
|
||||
<meta name="author" content="Pisilinux Team" />
|
||||
<meta
|
||||
name="description"
|
||||
content="Pisilinux is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS. Fully accessible with WCAG 2.1 AA compliance."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard, accessible admin panel, WCAG compliant"
|
||||
/>
|
||||
<meta name="supported-color-schemes" content="light dark" />
|
||||
<link rel="preload" href="css/adminlte.css" as="style" />
|
||||
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
media="print"
|
||||
onload="this.media = 'all'"
|
||||
/>
|
||||
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.11.0/styles/overlayscrollbars.min.css"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
|
||||
<link rel="stylesheet" href="css/adminlte.css" />
|
||||
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css"
|
||||
integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/css/jsvectormap.min.css"
|
||||
integrity="sha256-+uGLJmmTKOqBr+2E6KDYs/NRsHxSkONXFHUL0fy2O/4="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"
|
||||
integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw=="
|
||||
crossorigin="anonymous"
|
||||
referrerpolicy="no-referrer"
|
||||
/>
|
||||
|
||||
|
||||
<div class="app-wrapper">
|
||||
|
||||
|
||||
@@ -0,0 +1,253 @@
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<div class="container-fluid">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item d-none d-md-block">
|
||||
<a href="./index.html" class="nav-link">
|
||||
<i class="bi bi-grid-1x2 me-1" aria-hidden="true"></i>
|
||||
Settings
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block">
|
||||
<a href="./docs/introduction.html" class="nav-link">
|
||||
<i class="bi bi-gear me-1" aria-hidden="true"></i>
|
||||
Settings
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="./assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="./assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="./assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit d-none"></i>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a
|
||||
class="nav-link"
|
||||
href="#"
|
||||
id="bd-theme"
|
||||
aria-label="Toggle color scheme"
|
||||
data-bs-toggle="dropdown"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<i class="bi bi-sun-fill" data-lte-theme-icon="light"></i>
|
||||
<i class="bi bi-moon-fill d-none" data-lte-theme-icon="dark"></i>
|
||||
<i class="bi bi-circle-half d-none" data-lte-theme-icon="auto"></i>
|
||||
</a>
|
||||
<ul
|
||||
class="dropdown-menu dropdown-menu-end"
|
||||
aria-labelledby="bd-theme"
|
||||
style="--bs-dropdown-min-width: 8rem"
|
||||
>
|
||||
<li>
|
||||
<button
|
||||
type="button"
|
||||
class="dropdown-item d-flex align-items-center"
|
||||
data-bs-theme-value="light"
|
||||
aria-pressed="false"
|
||||
>
|
||||
<i class="bi bi-sun-fill me-2"></i>
|
||||
Light
|
||||
<i class="bi bi-check-lg ms-auto d-none"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button
|
||||
type="button"
|
||||
class="dropdown-item d-flex align-items-center"
|
||||
data-bs-theme-value="dark"
|
||||
aria-pressed="false"
|
||||
>
|
||||
<i class="bi bi-moon-fill me-2"></i>
|
||||
Dark
|
||||
<i class="bi bi-check-lg ms-auto d-none"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button
|
||||
type="button"
|
||||
class="dropdown-item d-flex align-items-center active"
|
||||
data-bs-theme-value="auto"
|
||||
aria-pressed="true"
|
||||
>
|
||||
<i class="bi bi-circle-half me-2"></i>
|
||||
Auto
|
||||
<i class="bi bi-check-lg ms-auto d-none"></i>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="./assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">{{Session::select('username')}}</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="./assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<li class="user-body">
|
||||
<div class="row">
|
||||
<div class="col-4 text-center">
|
||||
<a href="#">Followers</a>
|
||||
</div>
|
||||
<div class="col-4 text-center">
|
||||
<a href="#">Sales</a>
|
||||
</div>
|
||||
<div class="col-4 text-center">
|
||||
<a href="#">Friends</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-outline-secondary">Profile</a>
|
||||
<a href="#" class="btn btn-outline-danger float-end">Sign out</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
@view('Assets/navbar')
|
||||
|
||||
<main class="app-main">
|
||||
|
||||
<div class="app-content">
|
||||
|
||||
|
||||
@@ -0,0 +1,207 @@
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.11.0/browser/overlayscrollbars.browser.es6.min.js"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
|
||||
<!--end::OverlayScrollbars Configure--><!--begin::Color Mode Toggle (#6010)-->
|
||||
|
||||
<!--end::Color Mode Toggle-->
|
||||
|
||||
<!-- OPTIONAL SCRIPTS -->
|
||||
|
||||
<!-- sortablejs -->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
|
||||
<!-- sortablejs -->
|
||||
|
||||
<script>
|
||||
new Sortable(document.querySelector('.connectedSortable'), {
|
||||
group: 'shared',
|
||||
handle: '.card-header',
|
||||
});
|
||||
|
||||
const cardHeaders = document.querySelectorAll('.connectedSortable .card-header');
|
||||
cardHeaders.forEach((cardHeader) => {
|
||||
cardHeader.style.cursor = 'move';
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- apexcharts -->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js"
|
||||
integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
|
||||
<!-- ChartJS -->
|
||||
<script>
|
||||
// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
|
||||
// IT'S ALL JUST JUNK FOR DEMO
|
||||
// ++++++++++++++++++++++++++++++++++++++++++
|
||||
|
||||
const sales_chart_options = {
|
||||
series: [
|
||||
{
|
||||
name: 'Digital Goods',
|
||||
data: [28, 48, 40, 19, 86, 27, 90],
|
||||
},
|
||||
{
|
||||
name: 'Electronics',
|
||||
data: [65, 59, 80, 81, 56, 55, 40],
|
||||
},
|
||||
],
|
||||
chart: {
|
||||
height: 300,
|
||||
type: 'area',
|
||||
toolbar: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
legend: {
|
||||
show: false,
|
||||
},
|
||||
colors: ['#0d6efd', '#20c997'],
|
||||
dataLabels: {
|
||||
enabled: false,
|
||||
},
|
||||
stroke: {
|
||||
curve: 'smooth',
|
||||
},
|
||||
xaxis: {
|
||||
type: 'datetime',
|
||||
categories: [
|
||||
'2023-01-01',
|
||||
'2023-02-01',
|
||||
'2023-03-01',
|
||||
'2023-04-01',
|
||||
'2023-05-01',
|
||||
'2023-06-01',
|
||||
'2023-07-01',
|
||||
],
|
||||
},
|
||||
tooltip: {
|
||||
x: {
|
||||
format: 'MMMM yyyy',
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
const sales_chart = new ApexCharts(
|
||||
document.querySelector('#revenue-chart'),
|
||||
sales_chart_options,
|
||||
);
|
||||
sales_chart.render();
|
||||
</script>
|
||||
|
||||
<!-- jsvectormap -->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/js/jsvectormap.min.js"
|
||||
integrity="sha256-/t1nN2956BT869E6H4V1dnt0X5pAQHPytli+1nTZm2Y="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/maps/world.js"
|
||||
integrity="sha256-XPpPaZlU8S/HWf7FZLAncLg2SAkP8ScUTII89x9D3lY="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
|
||||
<!-- jsvectormap -->
|
||||
<script>
|
||||
// World map by jsVectorMap
|
||||
new jsVectorMap({
|
||||
selector: '#world-map',
|
||||
map: 'world',
|
||||
});
|
||||
|
||||
// Sparkline charts
|
||||
const option_sparkline1 = {
|
||||
series: [
|
||||
{
|
||||
data: [1000, 1200, 920, 927, 931, 1027, 819, 930, 1021],
|
||||
},
|
||||
],
|
||||
chart: {
|
||||
type: 'area',
|
||||
height: 50,
|
||||
sparkline: {
|
||||
enabled: true,
|
||||
},
|
||||
},
|
||||
stroke: {
|
||||
curve: 'straight',
|
||||
},
|
||||
fill: {
|
||||
opacity: 0.3,
|
||||
},
|
||||
yaxis: {
|
||||
min: 0,
|
||||
},
|
||||
colors: ['#DCE6EC'],
|
||||
};
|
||||
|
||||
const sparkline1 = new ApexCharts(document.querySelector('#sparkline-1'), option_sparkline1);
|
||||
sparkline1.render();
|
||||
|
||||
const option_sparkline2 = {
|
||||
series: [
|
||||
{
|
||||
data: [515, 519, 520, 522, 652, 810, 370, 627, 319, 630, 921],
|
||||
},
|
||||
],
|
||||
chart: {
|
||||
type: 'area',
|
||||
height: 50,
|
||||
sparkline: {
|
||||
enabled: true,
|
||||
},
|
||||
},
|
||||
stroke: {
|
||||
curve: 'straight',
|
||||
},
|
||||
fill: {
|
||||
opacity: 0.3,
|
||||
},
|
||||
yaxis: {
|
||||
min: 0,
|
||||
},
|
||||
colors: ['#DCE6EC'],
|
||||
};
|
||||
|
||||
const sparkline2 = new ApexCharts(document.querySelector('#sparkline-2'), option_sparkline2);
|
||||
sparkline2.render();
|
||||
|
||||
const option_sparkline3 = {
|
||||
series: [
|
||||
{
|
||||
data: [15, 19, 20, 22, 33, 27, 31, 27, 19, 30, 21],
|
||||
},
|
||||
],
|
||||
chart: {
|
||||
type: 'area',
|
||||
height: 50,
|
||||
sparkline: {
|
||||
enabled: true,
|
||||
},
|
||||
},
|
||||
stroke: {
|
||||
curve: 'straight',
|
||||
},
|
||||
fill: {
|
||||
opacity: 0.3,
|
||||
},
|
||||
yaxis: {
|
||||
min: 0,
|
||||
},
|
||||
colors: ['#DCE6EC'],
|
||||
};
|
||||
|
||||
const sparkline3 = new ApexCharts(document.querySelector('#sparkline-3'), option_sparkline3);
|
||||
sparkline3.render();
|
||||
</script>
|
||||
@@ -0,0 +1,43 @@
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<div class="sidebar-brand">
|
||||
<a href="./index.html" class="brand-link">
|
||||
<img
|
||||
src="{{URL::base('upload/_cat-pisilogo.png')}}"
|
||||
alt="Pisi GNU/Linux Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<span class="brand-text fw-light">Pisi GNU/Linux</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<ul class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="navigation"
|
||||
aria-label="Main navigation"
|
||||
data-accordion="false"
|
||||
id="navigation"
|
||||
>
|
||||
<li class="nav-item"><a href="{{URL::base('panel')}}" class="nav-link"><i class="nav-icon fas fa-home"></i> Yönetim Paneli</a> </li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/blog')}}" class="nav-link"><i class="nav-icon fas fa-blog"></i> Blog Management</a> </li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/bugs')}}" class="nav-link"><i class="nav-icon fas fa-blog"></i> Bugs Management</a> </li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/download')}}" class="nav-link"><i class="nav-icon fas fa-download"></i> Download Management</a></li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/duyuru')}}" class="nav-link"><i class="nav-icon fas fa-home"></i> Duyuru Yönetim Paneli</a> </li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/forum')}}" class="nav-link"><i class="nav-icon fas fa-file"></i> Forum Management</a></li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/wiki')}}" class="nav-link"><i class="nav-icon fas fa-archive"></i> Wiki Management</a></li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/sss')}}" class="nav-link"><i class="nav-icon fas fa-file"></i> SSS Management</a></li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/page')}}" class="nav-link"><i class="nav-icon fas fa-copy"></i> Page Management</a></li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/slayt')}}" class="nav-link"><i class="nav-icon fas fa-film"></i> Slayt Management</a></li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/user')}}" class="nav-link"><i class="nav-icon fas fa-user"></i> User Management</a></li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/setting')}}" class="nav-link"><i class="nav-icon fas fa-cog"></i> Site Settings</a></li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/menu')}}" class="nav-link"><i class="nav-icon fas fa-cog"></i> Menü Management</a></li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/contact')}}" class="nav-link"><i class="nav-icon fas fa-id-card"></i> Site Contacs</a></li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/funclist')}}" class="nav-link"><i class="nav-icon fas fa-seedling"></i> Fonksiyon Listesi</a></li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/creator')}}" class="nav-link"><i class="nav-icon fab fa-creative-commons-remix"></i> Creator</a></li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/backup')}}" class="nav-link"><i class="nav-icon fas fa-hdd"></i> DB Backup</a></li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/messages')}}" class="nav-link"><i class="nav-icon fas fa-envelope"></i> Messages</a></li>
|
||||
<li class="nav-item"><a href="{{URL::base('panel/language')}}" class="nav-link"><i class="nav-icon fas fa-flag"></i> Language</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</aside>
|
||||
Reference in New Issue
Block a user