HTML fixes
parent
15c97859a4
commit
838b8ea9f2
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
@ -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 } ?>
|
||||||
|
|
|
@ -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 -->
|
||||||
|
|
|
@ -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 -->
|
||||||
|
|
|
@ -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 -->
|
||||||
|
|
|
@ -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'] ?> ©2024 - web interface for <a href="https://lindeas.com/jilo">Jilo</a></div>
|
<div id="footer">Jilo Web <?= $config['version'] ?> ©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>
|
||||||
|
|
|
@ -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 <?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>
|
||||||
|
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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" -->
|
||||||
|
|
|
@ -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']; ?>" -->
|
||||||
|
|
|
@ -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" -->
|
||||||
|
|
|
@ -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']; ?>" -->
|
||||||
|
|
Loading…
Reference in New Issue