Sindbad~EG File Manager
<html>
<head>
<title>
AIOS - Backoffice {% block title %}{% endblock %}
</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width-device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
<link href="https://cdn.jsdelivr.net/gh/NumeroTec/ntec_cdn@main/static/css/v6/all.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/gh/NumeroTec/ntec_cdn@main/static/css/v6/sharp-regular.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/gh/NumeroTec/ntec_cdn@main/static/css/v6/sharp-solid.css" rel="stylesheet">
<!--<link href="https://cdn.numerotech.com/static/css/v6/all.css" rel="stylesheet">-->
<!--<link href="https://cdn.numerotech.com/static/css/v6/sharp-regular.css" rel="stylesheet">-->
<!--<link href="https://cdn.numerotech.com/static/css/v6/sharp-solid.css" rel="stylesheet">-->
<!--<link media="all" type="text/css" rel="stylesheet" href="/static/css/selectize.bootstrap3.css" />-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/css/selectize.default.min.css" />
<link rel="stylesheet" href="/static/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/static/css/Backoffice.css" />
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.13.3/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="/static/css/style.css" />
</head>
<body >
<div class="container-fluid">
<div class=" row">
<div class="dashboard-nav col-lg-1 col-md-12 col-sm-12" id="sidenav-3">
<header>
<a href="#!" class="menu-toggle"><i class="fa fa-bars"></i></a>
<a href="{{url_for('DB.Dashboard',society_id=society_id)}}" class="brand-logo"><img src="https://aios-app.s3.ap-southeast-1.amazonaws.com/static/images/aios_societylogo.png" alt="logo" class="rounded" style="max-width:200px;" /></a>
</header>
<nav class="dashboard-nav-list">
<div class="navbar-search-block">
<form class="form-inline">
<div class="input-group input-group-sm">
<input class="form-control form-control-navbar" id="search-input-sidenav" type="search" placeholder="Search" aria-label="Search">
<div class="input-group-append">
<button class="btn btn-navbar" type="button">
<i class="fas fa-search"></i>
</button>
<button class="btn btn-navbar" type="button" data-widget="navbar-search">
<i class="fas fa-times"></i>
</button>
</div>
</div>
</form>
</div>
<a href="{{url_for('backoffice.bo_dashboard',society_id=society_id)}}" class="dashboard-nav-item"><i class="fa fa-dashboard"></i> Dashboard </a>
<a href="{{url_for('user.Logout',society_id=society_id)}}" class="dashboard-nav-item"><i class="fa fa-sign-out-alt"></i> Logout </a>
</nav>
</div>
<div class="dashboard-app col-lg-10 col-md-12 col-sm-12">
<header class="dashboard-toolbar">
<a href="#!" class="menu-toggle"><i class="fa fa-bars"></i></a>
<!-- <img src="logo.png" alt="logo" class="" /> -->
<!-- <div class="d-flex justify-content-between" > -->
<span class="text-center h2">AIOS</span>
<div class="float-right"><span class="h2">Backoffice</span></div>
<!-- </div> -->
</header>
<div class="container-fluid justify-content-center ">
<div class="dashboard-content">
{% for mesg in get_flashed_messages() %}
<div class="alert alert-danger" id="successMessage" style="color: red; text-align: center;">
<button type="button" class="close" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4>{{ mesg }}</h4>
</div>
{% endfor %}
<div class="alert alert-warning alert-dismissible fade show" id="error_message_step1" role="alert">
<label id="error_message_label"></label>
<button type="button" class="close" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 ">
<h2>{% block header %}{% endblock %}</h2>
{% block content %}{% endblock %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="/static/js/jquery.min.js" charset="utf-8"></script>
<script src="/static/js/popper.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="https://code.iconify.design/2/2.1.0/iconify.min.js"></script>
<!--<script src="https://abstractsdemo.urbanedge.co.in/js/jquery.min.js"></script>-->
<script src="/static/js/jquery.validate.js" charset="utf-8"></script>
<script src="/static/js/ajaxloader.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/js/selectize.min.js" ></script>
<script src="//cdn.datatables.net/1.13.3/js/jquery.dataTables.min.js"></script>
<script src="/static/js/nt-loader.js"></script>
<script type="text/javascript">
function pageleave(){
alert("hello")
}
const searchInputSidenav = document.getElementById('search-input-sidenav');
const sidenavOptions = document.querySelectorAll('#sidenav-3 .dashboard-nav-item');
searchInputSidenav.addEventListener('input', () => {
const filter = searchInputSidenav.value.toLowerCase();
showSidenavOptions();
const valueExist = !!filter.length;
if (valueExist) {
sidenavOptions.forEach((el) => {
const elText = el.textContent.trim().toLowerCase();
const isIncluded = elText.includes(filter);
if (!isIncluded) {
el.style.display = 'none';
}
});
}
});
const showSidenavOptions = () => {
sidenavOptions.forEach((el) => {
el.style.display = 'flex';
});
};
</script>
<script type="text/javascript">
$("#error_message_step1").hide();
var BaseUrl = document.location.origin;
const mobileScreen = window.matchMedia("(max-width: 990px )");
$(document).ready(function () {
$(".dashboard-nav-dropdown-toggle").click(function () {
$(this).closest(".dashboard-nav-dropdown").toggleClass("show").find(".dashboard-nav-dropdown").removeClass("show");
$(this).parent().siblings().removeClass("show");
});
$(".menu-toggle").click(function () {
if (mobileScreen.matches) {
$(".dashboard-nav").toggleClass("mobile-show");
} else {
$(".dashboard").toggleClass("dashboard-compact");
}
});
});
$(".close").click(function () {
$(".alert").hide();
});
$(".Close_modal").click(function () {
$(".modal").hide();
$(".modal").modal('hide');
});
$(".close_btn").click(function () {
$(".modal").hide();
$(".modal").hide();
});
</script>
<script type="text/javascript">
$(document).ready(function () {
loadfreeze()
});
function loadfreeze()
{
var left_width = 0;
$("th.col-freeze").each(function (indexInArray, valueOfElement) {
// alert(indexInArray)
var pre_width = parseFloat($("th.col-freeze:nth-child("+(indexInArray)+")").css("width"))
var isshow = $("th.col-freeze:nth-child(" + indexInArray + ")").is(":visible")
if (isshow == false) {
pre_width = 0;
}
// alert(pre_width)
left_width = (left_width + (pre_width?pre_width:0))
$("th.col-freeze:nth-child("+(indexInArray+1)+")").css({"background-color":"#343a40","color":"#fff","position":"sticky", "z-index": "3", "left":left_width});
$("td.col-freeze:nth-child("+(indexInArray+1)+")").css({"background-color":"#ebeced","color":"#000","position":"sticky", "z-index": "3", "left":left_width});
});
}
</script>
{% block script %}{% endblock %}
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists