added css changes to hide the double_width menu_bar when it deosn't have children.

This commit is contained in:
Tristan Ancelet 2023-05-27 16:42:12 -05:00
parent b8ba9dc5d4
commit 81533b93fe
5 changed files with 31 additions and 35 deletions

View File

@ -19,7 +19,7 @@ $db = new SQLite3("../webcron.db");
<nav> <nav>
<a class='nav-button' href='index.php'>Log Management</a> <a class='nav-button' href='index.php'>Log Management</a>
<?php <?php
$items = scandir("."); $items = scandir($root);
foreach ($items as $item){ foreach ($items as $item){
if (preg_match('/\.php$/', $item) && $item != "index.php"){ if (preg_match('/\.php$/', $item) && $item != "index.php"){
$item_name=ucfirst(explode('.', $item)[0]); $item_name=ucfirst(explode('.', $item)[0]);
@ -31,7 +31,7 @@ $db = new SQLite3("../webcron.db");
<div class="content_area bordered rounded_border"> <div class="content_area bordered rounded_border">
<div class="menu_bar bordered_right cell"> <div class="single_width menu_bar bordered_right cell border_rounded_left">
<button class="menu_button" onclick="setCrontabStats()"> View Crontab Statistics </button> <button class="menu_button" onclick="setCrontabStats()"> View Crontab Statistics </button>
<button class="menu_button" onclick="getTable('job_history')">View Script Run History</button> <button class="menu_button" onclick="getTable('job_history')">View Script Run History</button>
<button class="menu_button" onclick="listCrontabs()">View Crontabs</button> <button class="menu_button" onclick="listCrontabs()">View Crontabs</button>
@ -41,7 +41,7 @@ $db = new SQLite3("../webcron.db");
<div id="content" class="content cell"> <div id="content" class="content cell">
</div> </div>
<div class="double_width_menu_bar bordered_left cell"> <div class="double_width menu_bar bordered_left cell border_rounded_right">
<?php <?php
$columns = array( $columns = array(
'crontab_path AS "Crontab Path"', 'crontab_path AS "Crontab Path"',

View File

@ -16,6 +16,7 @@ body {
border-radius: 5px; border-radius: 5px;
border: 1px solid black; border: 1px solid black;
padding: 0.5rem 1.2rem; padding: 0.5rem 1.2rem;
margin-right: 0.5rem;
} }
.nav-button:hover { .nav-button:hover {
@ -38,10 +39,6 @@ body {
} }
.content_area { .content_area {
/*
display: flex;
flex-direction: row;
*/
display: table; display: table;
width: 100%; width: 100%;
} }
@ -52,12 +49,12 @@ body {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.double_width_menu_bar { .single_width {
display: flexbox; width: 15rem;
background-color: #569DAA; }
padding: 1rem;
.double_width {
width: 30rem; width: 30rem;
margin-right: 1rem;
} }
.wrapper { .wrapper {
@ -78,6 +75,7 @@ body {
display: table-cell; display: table-cell;
text-align: center; text-align: center;
background-color: #bcc5c3; background-color: #bcc5c3;
padding: 0.2rem;
} }
.table_header:not(:last-child){ .table_header:not(:last-child){
@ -99,6 +97,7 @@ body {
.table_cell { .table_cell {
display: table-cell; display: table-cell;
padding: 0.2rem;
} }
.table_cell:not(:last-child){ .table_cell:not(:last-child){
@ -107,12 +106,26 @@ body {
.menu_bar { .menu_bar {
display: flexbox; display: flexbox;
visibility: visible;
background-color: #569DAA; background-color: #569DAA;
padding: 1rem; padding: 1rem;
width: 10rem;
margin-right: 1rem; margin-right: 1rem;
} }
.menu_bar.double_width:not(:has(.log_table)){
display:none;
visibility: hidden;
}
.border_rounded_left {
border-radius: 5px 0px 0px 5px;
}
.border_rounded_right {
border-radius: 0px 5px 5px 0px;
}
.cell { .cell {
display: table-cell; display: table-cell;
} }

View File

@ -34,7 +34,7 @@ $db = new SQLite3("../webcron.db");
<div class="content_area bordered rounded_border"> <div class="content_area bordered rounded_border">
<div class="menu_bar bordered_right cell"> <div class="single_width menu_bar bordered_right cell border_rounded_left">
<button class="menu_button" onclick="setDatabaseVersion()"> View Database Version</button> <button class="menu_button" onclick="setDatabaseVersion()"> View Database Version</button>
<button class="menu_button" onclick="listTables()"> View Tables </button> <button class="menu_button" onclick="listTables()"> View Tables </button>
</div> </div>
@ -42,8 +42,8 @@ $db = new SQLite3("../webcron.db");
<div id="content" class="content cell"> <div id="content" class="content cell">
</div> </div>
<div class="double_width_menu_bar bordered_left cell"> <div class="double_width menu_bar bordered_left cell border_rounded_right">
</div> </div>
</div> </div>

View File

@ -10,7 +10,6 @@ $db = new SQLite3("../webcron.db");
--> -->
<html> <html>
<head> <head>
<!-- <script src="https://cdn.tailwindcss.com"></script> -->
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.css">
<script src="main.js"> </script> <script src="main.js"> </script>
<title>Overview</title> <title>Overview</title>
@ -31,7 +30,7 @@ $db = new SQLite3("../webcron.db");
<div class="content_area bordered rounded_border"> <div class="content_area bordered rounded_border">
<div class="menu_bar bordered_right cell"> <div class="single_width menu_bar bordered_right cell border_rounded_left">
<button class="menu_button" onclick="getLogHistory()"> Check Logs </button> <button class="menu_button" onclick="getLogHistory()"> Check Logs </button>
</div> </div>
@ -48,20 +47,16 @@ $db = new SQLite3("../webcron.db");
?> ?>
</div> </div>
<div class="double_width_menu_bar bordered_left cell"> <div class="double_width menu_bar bordered_left cell border_rounded_right">
<?php <?php
$table = new Table("log_statistics_last_7_days"); $table = new Table("log_statistics_last_7_days");
$table->set_pretty_name("Log Statistics (Last 7 Days)"); $table->set_pretty_name("Log Statistics (Last 7 Days)");
$query = $table->get_query();
$table->Load($db); $table->Load($db);
echo $query->get_query_string();
echo $table->get_html(); echo $table->get_html();
$table = new Table("last_ten_failed_jobs"); $table = new Table("last_ten_failed_jobs");
$table->set_pretty_name("Script Failures (Last 10)"); $table->set_pretty_name("Script Failures (Last 10)");
$query = $table->get_query();
$table->Load($db); $table->Load($db);
echo $query->get_query_string();
echo $table->get_html(); echo $table->get_html();
@ -71,7 +66,6 @@ $db = new SQLite3("../webcron.db");
$query->set_order_by_column("job_timestamp DESC"); $query->set_order_by_column("job_timestamp DESC");
$query->set_limit(10); $query->set_limit(10);
$table->Load($db); $table->Load($db);
echo $query->get_query_string();
echo $table->get_html(); echo $table->get_html();
?> ?>
</div> </div>

View File

@ -1,11 +0,0 @@
#!/usr/bin/php
<?php
require("Libraries/db/query.php");
use db\Query;
$query = new Query("crontabs");
$query->set_limit(-1);
echo $query->get_query_string();
?>