309 lines
11 KiB
HTML
309 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>Facilitor Consoles 2022 Preview</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- Custom fonts for this template -->
|
|
<link href="../FontAwesome/css/fontawesome.min.css" rel="stylesheet" type="text/css">
|
|
<link href="../FontAwesome/css/solid.min.css" rel="stylesheet" type="text/css">
|
|
<link
|
|
href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
|
|
rel="stylesheet">
|
|
|
|
<!-- Custom styles for this template -->
|
|
<link href="css/sb-admin-2.min.css" rel="stylesheet">
|
|
|
|
<!-- Custom styles for this page -->
|
|
<link href="vendor/datatables/dataTables.bootstrap4.min.css" rel="stylesheet">
|
|
|
|
<!-- Dark mode -->
|
|
<link rel="stylesheet" href="dark-mode.css">
|
|
|
|
<!-- Facilitor style overrules for this page -->
|
|
<link rel="stylesheet" href="consoles.css">
|
|
|
|
</head>
|
|
|
|
<body id="page-top" class="h-100 bg-white">
|
|
<div id="wrapper">
|
|
<div id="content-wrapper" class="bg-cornsilk d-flex flex-column">
|
|
<div class="jumbotron text-center bg-linen shadow">
|
|
<h1><i class="fa fa-heartbeat fa-2x" aria-hidden="true"></i> Facilitor Consoles <i class="fa fa-eye" aria-hidden="true"></i><i>preview</i></h1>
|
|
<p>Gebouwenconsole</p>
|
|
</div>
|
|
|
|
<header class="mb-auto bg-transparent">
|
|
<nav class="nav justify-content-center float-right">
|
|
<div class="nav-link">
|
|
<div class="custom-control custom-switch">
|
|
<input type="checkbox" class="custom-control-input" id="fluidSwitch">
|
|
<label class="custom-control-label" for="fluidSwitch">Fluid mode</label>
|
|
</div>
|
|
</div>
|
|
<div class="nav-link">
|
|
<div class="custom-control custom-switch">
|
|
<input type="checkbox" class="custom-control-input" id="darkSwitch">
|
|
<label class="custom-control-label" for="darkSwitch">Dark Mode</label>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<div class="container mb-3">
|
|
<div class="row">
|
|
<div class="col-xl-7">
|
|
<div class="card shadow bg-light" style="min-height: 500px;">
|
|
<div class="card-body">
|
|
<div id="list-locations" class="table-responsive">
|
|
<h2>Locaties</h2>
|
|
<p>Loading..</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-5">
|
|
<div class="" style="min-height: 500px; overflow: hidden;">
|
|
<div class="row h-100" hidden>
|
|
<div class="card col-xl-12 p-0 bg-light">
|
|
<div class="card-body p-0 col-xl-12">
|
|
<div id="building-map" class="h-50">
|
|
</div>
|
|
<div id="building-view" class="h-50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container mb-3">
|
|
<div class="row">
|
|
<div class="col-xl-7">
|
|
<div class="card shadow bg-light">
|
|
<div class="card-body">
|
|
<div id="list-buildings" class="table-responsive" style="min-height: 500px;">
|
|
<h2>Gebouwen</h2>
|
|
<p>Loading..</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-5">
|
|
<div class="card shadow bg-light overflow-auto" style="min-height: 500px;">
|
|
<div class="card-body">
|
|
<div id="show-location " hidden>
|
|
<h2>Details</h2>
|
|
<p>-</p>
|
|
</div>
|
|
<div id="show-building" hidden>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" hidden>
|
|
<div class="col-xl-12">
|
|
<div class="card shadow bg-light" style="min-height: 500px;">
|
|
<div class="card-body">
|
|
<div id="show-floors">
|
|
<div id="filter-floors">
|
|
</div>
|
|
<div>
|
|
<figure class="figure">
|
|
<img class="figure-img img-fluid rounded" alt="plan" hidden>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-7">
|
|
<div class="card shadow col-xl-12 bg-light" style="min-height: 175px;">
|
|
<div class="card-body">
|
|
<div id="filter-disciplinetypes" class="table-responsive">
|
|
<h2>Vakgroeptypen</h2>
|
|
<p>Filter meldingen op vakgroeptype</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card shadow col-xl-12 bg-light" style="min-height: 325px;">
|
|
<div class="card-body">
|
|
<div id="filter-issuedisciplines" class="table-responsive">
|
|
<h2>Vakgroepen</h2>
|
|
<p>Filter meldingen op Vakgroep</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card shadow col-xl-12 bg-light" hidden>
|
|
<div class="card-body">
|
|
<div id="filter-issuetypes" class="table-responsive">
|
|
<h2>Standaardmeldingen</h2>
|
|
<p>Filter meldingen op type melding</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-5">
|
|
<div class="card shadow col-xl-12 h-100 bg-light" style="min-height: 500px; height: 100%;">
|
|
<div class="card-body">
|
|
<div id="show-reportx">
|
|
</div>
|
|
<div class="chart-area">
|
|
<canvas id="show-report"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" hidden>
|
|
<div class="col-xl-7">
|
|
<div class="card mb-3 shadow bg-light" style="min-height: 500px;">
|
|
<div class="card-body">
|
|
<div id="list-issues" class="table-responsive">
|
|
<h2>Meldingen</h2>
|
|
<p>Kies hierboven een gebouw</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-5">
|
|
<div class="card mb-3 shadow bg-light overflow-auto" style="min-height: 500px;">
|
|
<div class="card-body">
|
|
<div id="show-issue" hidden>
|
|
<h2>Details</h2>
|
|
<p>-</p>
|
|
</div>
|
|
<div id="show-issue-object" hidden>
|
|
<h2>Object</h2>
|
|
<p>-</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row" hidden>
|
|
<div class="col-xl-7">
|
|
<div class="card mb-3 bg-light" style="min-height: 500px;">
|
|
<div class="card-body">
|
|
<div id="list-issue-orders">
|
|
<h2>Opdrachten</h2>
|
|
<p>-</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-5">
|
|
<div class="card mb-3 shadow bg-light overflow-auto" style="min-height: 500px;">
|
|
<div class="card-body">
|
|
<div id="show-order" hidden>
|
|
<h2>Details</h2>
|
|
<p>-</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row" hidden>
|
|
<div class="col-xl-7">
|
|
<div class="card mb-3 shadow bg-light" style="min-height: 500px;">
|
|
<div class="card-body">
|
|
<div id="list-contracts" class="table-responsive">
|
|
<h2>Contracten</h2>
|
|
<p>Loading..</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-5">
|
|
<div class="card mb-3 shadow bg-light overflow-auto">
|
|
<div class="card-body">
|
|
<div id="show-contract" hidden>
|
|
<h2>Details</h2>
|
|
<p>-</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container mb3">
|
|
<div class="row">
|
|
<div class="col-xl-7">
|
|
<div class="card shadow bg-light">
|
|
<div class="card-body">
|
|
<div id="show-about">
|
|
<h2>About</h2>
|
|
<p>Loading..</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-5">
|
|
<div class="card shadow bg-light">
|
|
<div class="card-body">
|
|
<div id="show-user">
|
|
<h2>User</h2>
|
|
<p>Loading..</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class="sticky-footer bg-linen shadow">
|
|
<div class="container my-auto">
|
|
<div class="copyright text-center my-auto">
|
|
<span>Copyright © Facilitor 2020</span>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bootstrap core JavaScript-->
|
|
<script src="../Localscripts/jquery.min.js"></script>
|
|
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- Core plugin JavaScript-->
|
|
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
|
|
|
|
<!-- Custom scripts for all pages-->
|
|
<script src="js/sb-admin-2.min.js"></script>
|
|
|
|
<!-- Page level plugins -->
|
|
<script src="vendor/datatables/jquery.dataTables.min.js"></script>
|
|
<script src="vendor/datatables/dataTables.bootstrap4.min.js"></script>
|
|
<script src="vendor/chart.js/chart.min.js"></script>
|
|
|
|
<!-- Page level custom scripts -->
|
|
<script src="console.js"></script>
|
|
<script src="alg_locatie.js"></script>
|
|
<!-- You must load 'dark-mode-switch.js' after the dark-mode switch -->
|
|
<script src="dark-mode-switch.js"></script>
|
|
<!-- You must load 'fluid-mode-switch.js' after the dark-mode switch -->
|
|
<script src="fluid-mode-switch.js"></script>
|
|
<!-- Google Maps -->
|
|
<script async defer
|
|
src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyDYQ8CWgmaNMzTJnAiazxrrkjNjsxGQxvo"></script>
|
|
|
|
</body>
|
|
|
|
</html> |