Initial version of sidebar

main
Yasen Pramatarov 2024-08-02 16:07:50 +03:00
parent 80454de3f2
commit ae7929b4e1
5 changed files with 48 additions and 18 deletions

View File

@ -107,6 +107,7 @@ if (in_array($page, $allowed_urls)) {
include 'templates/page-header.php'; include 'templates/page-header.php';
include 'templates/page-menu.php'; include 'templates/page-menu.php';
include 'templates/block-message.php'; include 'templates/block-message.php';
include 'templates/page-sidebar.php';
include "pages/{$page}.php"; include "pages/{$page}.php";
} }

View File

@ -1,5 +1,10 @@
<!-- /Main content -->
</div>
<!-- Footer -->
<div id="footer">Jilo Web <?= $config['version'] ?> &copy;2024 - web interface for <a href="https://lindeas.com/jilo">Jilo</a></div> <div id="footer">Jilo Web <?= $config['version'] ?> &copy;2024 - web interface for <a href="https://lindeas.com/jilo">Jilo</a></div>
<!-- /Footer -->
</div> </div>

View File

@ -5,9 +5,9 @@
<link rel="stylesheet" type="text/css" href="static/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="static/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="static/all.css"> <link rel="stylesheet" type="text/css" href="static/all.css">
<script src="static/bootstrap.min.js"></script> <script src="static/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<title>Jilo Web</title> <title>Jilo Web</title>
</head> </head>

View File

@ -1,22 +1,24 @@
<div class="menu-container"> <!-- Menu -->
<ul class="menu-left"> <div class="menu-container">
<li><a href="index.php">home</a></li> <ul class="menu-left">
<li><a href="index.php">home</a></li>
<?php if ( isset($_SESSION['username']) ) { ?> <?php if ( isset($_SESSION['username']) ) { ?>
<li><a href="?page=config">config</a></li> <li><a href="?page=config">config</a></li>
<li><a href="?page=conferences">conferences</a></li> <li><a href="?page=conferences">conferences</a></li>
<li><a href="?page=participants">participants</a></li> <li><a href="?page=participants">participants</a></li>
<li><a href="?page=components">components</a></li> <li><a href="?page=components">components</a></li>
<?php } ?> <?php } ?>
</ul> </ul>
<ul class="menu-right"> <ul class="menu-right">
<?php if ( isset($_SESSION['username']) ) { ?> <?php if ( isset($_SESSION['username']) ) { ?>
<li><a href="?page=profile"><?= $user ?></a></li> <li><a href="?page=profile"><?= $user ?></a></li>
<li><a href="?page=logout">logout</a></li> <li><a href="?page=logout">logout</a></li>
<?php } else { ?> <?php } else { ?>
<li><a href="?page=login">login</a></li> <li><a href="?page=login">login</a></li>
<li><a href="?page=register">register</a></li> <li><a href="?page=register">register</a></li>
<?php } ?> <?php } ?>
</ul> </ul>
</div> </div>
<!-- /Menu -->

View File

@ -0,0 +1,22 @@
<div class="row">
<!-- Sidebar -->
<div class="col-md-3">
<button class="btn btn-primary mb-3" type="button" data-toggle="collapse" data-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
sidebar
</button>
<div class="collapse show" id="sidebar">
<div class="card card-body bg-light">
<ul class="list-group">
<li class="list-group-item"><a href="#">stats</a></li>
<li class="list-group-item"><a href="#">config</a></li>
<li class="list-group-item"><a href="#">logs</a></li>
</ul>
</div>
</div>
</div>
<!-- /Sidebar -->
<div class="col-md-9">
<!-- Main content -->