dashboard-core/theme/dbd-soft-ui/views/index.ejs

161 lines
7.7 KiB
Text
Raw Normal View History

2023-06-19 14:21:58 +05:00
<!--
=========================================================
* Soft UI Dashboard - v1.0.3
=========================================================
* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard
* Copyright 2021 Creative Tim (https://www.creative-tim.com)
* Licensed under MIT (https://www.creative-tim.com/license)
* Coded by Creative Tim
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-->
<!DOCTYPE html>
<html lang="en">
<%- include('partials/preloader.ejs', {now:'index', req: req}) %>
<% if (req.query?.guild_id) { %>
<script>
window.onload = function () {
window.onunload = refreshParent;
function refreshParent() {
window.opener.location = `/settings/<%= req.query?.guild_id %>`;
window.close();
return
};
window.opener.location = `/settings/<%= req.query?.guild_id %>`;
window.close();
}
</script>
<%- themeConfig?.customHtml %>
<% } %>
<head>
</head>
<body class="g-sidenav-show bg-gray-100" id="scroll">
<%- include('partials/preload.ejs') %>
<%- include('partials/sidebar.ejs', {config: config, now:'index'}) %>
<div class="main-content position-relative bg-gray-100 max-height-vh-100 h-100">
<!-- Navbar -->
<%- include('partials/navbar.ejs', {now:'index'}) %>
<!-- End Navbar -->
<div class="container-fluid py-4" style="padding-bottom: 0px !important;">
<div class="row mb-3">
<%
let i = 0;
customThemeOptions.cards.forEach((stats) => {
%>
<div class="col-xl-3 col-sm-6 mb-xl-0 mb-4">
<div class="card">
<div class="card-body p-3">
<div class="row">
<div class="col-8">
<div class="numbers">
<p class="text-sm mb-0 text-capitalize font-weight-bold">
<%- req?.locales?.index?.feeds[i] || stats.title %></p>
<h5 class="font-weight-bolder mb-0">
<%- stats.getValue %>
</h5>
</div>
<% if(stats.progressBar && stats.progressBar.enabled){ %>
<div class="progress w-150" style="margin-top: 6px;">
<div style="width: <%= stats.progressBar.getProgress %>% !important"
aria-label="Progress Bar"
class="progress-bar bg-gradient-primary"
role="progressbar" aria-valuenow="80" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
<% } %>
</div>
<div class="col-4 text-end">
<div class="icon icon-shape bg-gradient-primary shadow text-center border-radius-md">
<i class="ni ni-<%= stats.icon %> text-lg opacity-10" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<% i++ }); %>
</div>
<div class="row">
<div class="col-lg-12 mb-lg-0 mb-4">
<div class="card">
<div class="card-body p-3">
<div class="row">
<div class="col-lg-6">
<div class="d-flex flex-column h-100">
<p class="mb-1 pt-2 text-bold"><%- req?.locales?.index?.card?.category %></p>
<h5 class="font-weight-bolder"><%- req?.locales?.index?.card?.title %></h5>
<p><%- req?.locales?.index?.card?.description %></p>
<p class="mb-5"><%= req?.locales?.index?.card?.footer %></p>
<% if(themeConfig.index?.card?.link?.enabled) { %>
<a class="text-body text-sm font-weight-bold mb-0 icon-move-right mt-auto"
href="<%- themeConfig.index.card.link.url %>">
<%- req?.locales?.index?.card?.link?.text %>
<i class="fas fa-arrow-right text-sm ms-1" aria-hidden="true"></i>
</a>
<% } %>
</div>
</div>
<div class="col-lg-5 ms-auto text-center mt-5 mt-lg-0">
<div class="bg-gradient-primary border-radius-lg h-100"
style="background-image: url('<%= req?.locales?.index?.card?.image %>') !important; background-repeat: no-repeat; background-size: contain; background-position: center;">
<div class="position-relative d-flex align-items-center justify-content-center h-100"
style="min-height: 210px !important;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-lg-7 mb-lg-0 mb-4">
<div class="card z-index-2">
<div class="card-body p-3">
<h5 class="font-weight-bolder"><%- req?.locales?.index?.feeds.title || "Feeds" %></h5>
<%- include('partials/feeds.ejs', {require, admin:false}) %>
</div>
</div>
</div>
<div class="col-lg-5 mb-4">
<% if(themeConfig.index?.graph?.enabled) { %>
<div class="card z-index-2">
<div class="card-body p-3">
<h5 class="font-weight-bolder"><%- req?.locales?.index?.graph?.title %></h5>
<% if(themeConfig.index.graph.lineGraph) { %>
<div class="bg-gradient-dark border-radius-lg py-3 pe-1 mb-3">
<% } %>
<div class="chart">
<% if(!themeConfig.index.graph.lineGraph) { %>
<canvas id="chart-line" class="chart-canvas" height="300"></canvas>
<% } else { %>
<canvas id="chart-bars" class="chart-canvas" height="170"></canvas>
<% } %>
</div>
<% if(themeConfig.index.graph.lineGraph) { %>
</div>
<% } %>
</div>
</div>
</div>
</div>
<% } %>
</div>
<%- include('partials/footer.ejs') %>
</div>
</div>
</main>
</div>
<%- include('partials/scripts.ejs', {now: "index"}) %>
<!-- Graph Code !-->
<%- include('partials/graph.ejs') %>
</body>
</html>