HTML fixes

main
Yasen Pramatarov 2024-08-07 11:13:55 +03:00
parent 15c97859a4
commit 838b8ea9f2
12 changed files with 188 additions and 178 deletions

View File

@ -145,12 +145,15 @@
} }
.sidebar-content { .sidebar-content {
width: 250px; width: 250px;
border: none;
} }
.main-content { .main-content {
transition: width: 0.5s ease; transition: width: 0.5s ease;
width: 80%; /* 75% */
} }
.main-content.expanded { .main-content.expanded {
width: 95%; /* none */
} }
.logo { .logo {
@ -164,3 +167,7 @@
margin-left: 2px; margin-left: 2px;
background-color: lightseagreen; background-color: lightseagreen;
} }
.sidebar-content a {
text-decoration: none;
}

View File

@ -1,12 +1,7 @@
<?php if (isset($error)) { ?> <?php if (isset($error)) { ?>
<div class="error"> <div class="error"><?php echo $error; ?></div>
<?php echo $error; ?>
</div>
<?php } ?> <?php } ?>
<?php if (isset($notice)) { ?> <?php if (isset($notice)) { ?>
<div class="notice"> <div class="notice"><?php echo $notice; ?></div>
<?php echo $notice; ?>
</div>
<?php } ?> <?php } ?>

View File

@ -1,28 +1,19 @@
<!-- Results filter -->
<div class="card w-auto bg-light border-light card-body text-right" style="text-align: right;"> <div class="card w-auto bg-light border-light card-body text-right" style="text-align: right;">
<form method="POST" id="filter_form" action="?page=<?= $page ?>"> <form method="POST" id="filter_form" action="?page=<?= $page ?>">
<label for="from_time">from</label> <label for="from_time">from</label>
<input type="date" id="from_time" name="from_time"<?php if (isset($_REQUEST['from_time'])) echo " value=\"" . $_REQUEST['from_time'] . "\"" ?> /> <input type="date" id="from_time" name="from_time"<?php if (isset($_REQUEST['from_time'])) echo " value=\"" . $_REQUEST['from_time'] . "\"" ?> />
<label for="until_time">until</label> <label for="until_time">until</label>
<input type="date" id="until_time" name="until_time"<?php if (isset($_REQUEST['until_time'])) echo " value=\"" . $_REQUEST['until_time'] . "\"" ?> /> <input type="date" id="until_time" name="until_time"<?php if (isset($_REQUEST['until_time'])) echo " value=\"" . $_REQUEST['until_time'] . "\"" ?> />
<input type="text" name="id" placeholder="ID"<?php if (isset($_REQUEST['id'])) echo " value=\"" . $_REQUEST['id'] . "\"" ?> /> <input type="text" name="id" placeholder="ID"<?php if (isset($_REQUEST['id'])) echo " value=\"" . $_REQUEST['id'] . "\"" ?> />
<input type="text" name="name" placeholder="name"<?php if (isset($_REQUEST['name'])) echo " value=\"" . $_REQUEST['name'] . "\"" ?> /> <input type="text" name="name" placeholder="name"<?php if (isset($_REQUEST['name'])) echo " value=\"" . $_REQUEST['name'] . "\"" ?> />
<?php if ($page == 'participants') { ?> <?php if ($page == 'participants') { ?>
<input type="text" name="ip" placeholder="ip address"<?php if (isset($_REQUEST['ip'])) echo " value=\"" . $_REQUEST['ip'] . "\"" ?> maxlength="15" size="15" /> <input type="text" name="ip" placeholder="ip address"<?php if (isset($_REQUEST['ip'])) echo " value=\"" . $_REQUEST['ip'] . "\"" ?> maxlength="15" size="15" />
<?php } ?> <?php } ?>
<input type="button" onclick="clearFilter()" value="clear" /> <input type="button" onclick="clearFilter()" value="clear" />
<input type="submit" value="search" /> <input type="submit" value="search" />
</form> </form>
<script> <script>
function clearFilter() { function clearFilter() {
document.getElementById("filter_form").reset(); document.getElementById("filter_form").reset();
@ -34,5 +25,5 @@
}); });
} }
</script> </script>
</div> </div>
<!-- /Results filter -->

View File

@ -1,8 +1,6 @@
<!-- login form -->
<div class="card text-center w-50 mx-auto"> <div class="card text-center w-50 mx-auto">
<h2 class="card-header">Login</h2> <h2 class="card-header">Login</h2>
<div class="card-body"> <div class="card-body">
<p class="card-text"><strong>Welcome to JILO!</strong><br />Please enter login credentials:</p> <p class="card-text"><strong>Welcome to JILO!</strong><br />Please enter login credentials:</p>
<form method="POST" action="?page=login"> <form method="POST" action="?page=login">
@ -18,5 +16,5 @@
<input type="submit" class="btn btn-primary" value="Login" /> <input type="submit" class="btn btn-primary" value="Login" />
</form> </form>
</div> </div>
</div> </div>
<!-- /login form -->

View File

@ -1,8 +1,6 @@
<!-- registration form -->
<div class="card text-center w-50 mx-auto"> <div class="card text-center w-50 mx-auto">
<h2 class="card-header">Register</h2> <h2 class="card-header">Register</h2>
<div class="card-body"> <div class="card-body">
<p class="card-text">Enter credentials for registration:</p> <p class="card-text">Enter credentials for registration:</p>
<form method="POST" action="?page=register"> <form method="POST" action="?page=register">
@ -13,5 +11,5 @@
<input type="submit" class="btn btn-primary" value="Register" /> <input type="submit" class="btn btn-primary" value="Register" />
</form> </form>
</div> </div>
</div> </div>
<!-- /registration form -->

View File

@ -1,7 +1,11 @@
<?php if ($page !== 'login' && $page !== 'register') { ?>
<!-- /Main content --> <!-- /Main content -->
</div>
</div> </div>
<?php } ?>
<!-- Footer --> <!-- 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 --> <!-- /Footer -->
@ -9,6 +13,7 @@
</div> </div>
<script src="static/sidebar.js"></script> <script src="static/sidebar.js"></script>
</body> </body>
</html> </html>

View File

@ -8,11 +8,16 @@
</div> </div>
</div> </div>
<li class="font-weight-light text-uppercase" style="font-size: 0.5em; color: whitesmoke; margin-right: 70px; align-content: center;">version&nbsp;<?php echo $config['version']; ?></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-->
<li><a href="?page=participants">meet.example.com</a></li>
<?php } ?> <?php } ?>
</ul> </ul>

View File

@ -2,22 +2,32 @@
<!-- Sidebar --> <!-- Sidebar -->
<div class="col-md-3 sidebar-wrapper bg-light" id="sidebar"> <div class="col-md-3 sidebar-wrapper bg-light" id="sidebar">
<!--button class="btn btn-secondary" type="button" id="toggleSidebarButton">
sidebar
</button-->
<div class="col-4"><button class="btn btn-sm btn-info toggle-sidebar-button" type="button" id="toggleSidebarButton" value=">>"></button></div> <div class="col-4"><button class="btn btn-sm btn-info toggle-sidebar-button" type="button" id="toggleSidebarButton" value=">>"></button></div>
<div class="sidebar-content card ml-3 mt-3"> <div class="sidebar-content card ml-3 mt-3">
<ul class="list-group list-group-flush"> <ul class="list-group">
<li class="list-group-item"><a href="#">stats</a></li> <a href="?page=front">
<li class="list-group-item"><a href="#">config</a></li> <li class="list-group-item<?php if ($page === 'front') echo ' list-group-item-secondary'; else echo ' list-group-item-action'; ?>">general stats</li>
<li class="list-group-item"><a href="?page=logs">logs</a></li> </a>
<a href="?page=conferences">
<li class="list-group-item<?php if ($page === 'conferences') echo ' list-group-item-secondary'; else echo ' list-group-item-action'; ?>">conferences</li>
</a>
<a href="?page=participants">
<li class="list-group-item<?php if ($page === 'participants') echo ' list-group-item-secondary'; else echo ' list-group-item-action'; ?>">participants</li>
</a>
<a href="?page=components">
<li class="list-group-item<?php if ($page === 'components') echo ' list-group-item-secondary'; else echo ' list-group-item-action'; ?>">components</li>
</a>
<li class="list-group-item bg-light" style="border-left: none; border-right: none;"></li>
<a href="?page=config">
<li class="list-group-item<?php if ($page === 'config') echo ' list-group-item-secondary'; else echo ' list-group-item-action'; ?>">config</li>
</a>
<a href="?page=logs">
<li class="list-group-item<?php if ($page === 'logs') echo ' list-group-item-secondary'; else echo ' list-group-item-action'; ?>">logs</li>
</a>
</ul> </ul>
</div> </div>
</div> </div>
<!-- /Sidebar --> <!-- /Sidebar -->
<div class="col-md-9 main-content" id="mainContent">
<!-- Main content --> <!-- Main content -->
<div class="col-md-9 main-content" id="mainContent">

View File

@ -1,12 +1,11 @@
<!-- widget "config" -->
<div> <div>
<p>Jilo web configuration</p> <p>Jilo web configuration</p>
<ul> <ul>
<?php foreach ($config as $config_item=>$config_value) { ?> <?php foreach ($config as $config_item=>$config_value) { ?>
<li><?php echo htmlspecialchars($config_item) . ': ' . htmlspecialchars($config_value ?? ''); ?></li> <li><?php echo htmlspecialchars($config_item) . ': ' . htmlspecialchars($config_value ?? ''); ?></li>
<?php } ?> <?php } ?>
</ul> </ul>
</div> </div>
<!-- /widget "config" -->

View File

@ -15,6 +15,7 @@
</div> </div>
<!-- widget "<?= $widget['name']; ?>" -->
<div class="collapse show" id="collapse<?= $widget['name'] ?>"> <div class="collapse show" id="collapse<?= $widget['name'] ?>">
<?php if ($time_range_specified) { ?> <?php if ($time_range_specified) { ?>
<p class="m-3">time period: <strong><?= $from_time ?> - <?= $until_time ?></strong></p> <p class="m-3">time period: <strong><?= $from_time ?> - <?= $until_time ?></strong></p>
@ -50,3 +51,4 @@
<?php } ?> <?php } ?>
</div> </div>
</div> </div>
<!-- /widget "<?= $widget['name']; ?>" -->

View File

@ -1,9 +1,9 @@
<!-- widget "user profile" -->
<div> <div>
<p>Profile of <?= $user ?></p> <p>Profile of <?= $user ?></p>
<ul> <ul>
<li>username: <?= $_SESSION['username'] ?></li> <li>username: <?= $_SESSION['username'] ?></li>
</ul> </ul>
</div> </div>
<!-- /widget "user profile" -->

View File

@ -1,6 +1,5 @@
<div class="row"> <div class="row">
<?php if ($widget['collapsible'] === true) { ?> <?php if ($widget['collapsible'] === true) { ?>
<a style="text-decoration: none;" data-toggle="collapse" href="#collapse<?= $widget['name'] ?>" role="button" aria-expanded="true" aria-controls="collapse<?= $widget['name'] ?>"> <a style="text-decoration: none;" data-toggle="collapse" href="#collapse<?= $widget['name'] ?>" role="button" aria-expanded="true" aria-controls="collapse<?= $widget['name'] ?>">
<div class="card w-auto bg-light card-body" style="flex-direction: row;"><?= $widget['title'] ?></div> <div class="card w-auto bg-light card-body" style="flex-direction: row;"><?= $widget['title'] ?></div>
@ -12,9 +11,9 @@
<?php if ($widget['collapsible'] === true) { ?> <?php if ($widget['collapsible'] === true) { ?>
</a> </a>
<?php } ?> <?php } ?>
</div> </div>
<!-- widget "<?= $widget['name']; ?>" -->
<div class="collapse show" id="collapse<?= $widget['name'] ?>"> <div class="collapse show" id="collapse<?= $widget['name'] ?>">
<?php if ($time_range_specified) { ?> <?php if ($time_range_specified) { ?>
<p class="m-3">time period: <strong><?= $from_time ?> - <?= $until_time ?></strong></p> <p class="m-3">time period: <strong><?= $from_time ?> - <?= $until_time ?></strong></p>
@ -74,3 +73,4 @@
<?php } ?> <?php } ?>
</div> </div>
</div> </div>
<!-- /widget "<?= $widget['name']; ?>" -->