<?php
// ----- supported query params
// server=[servername] ... default: ALL
// q=[filtervalue] ... default: nothing
?><!doctype html>
<html><head>
<title>Cronjob-Viewer</title>
<script type="text/javascript" src="js/functions.js"></script>
<script type="text/javascript" src="vendor/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="vendor/vis/4.21.0/vis.min.js"></script>
<link href="vendor/vis/4.21.0/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="vendor/datatables/1.10.15/js/jquery.dataTables.min.js"></script>
<link href="vendor/datatables/1.10.15/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css"/>
<link href="vendor/font-awesome/5.0.9/web-fonts-with-css/css/fontawesome-all.min.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div id="errorlog">
</div>
<h1><span class="imllogo"></span> CronjobViewer</h1>
<nav class="servers">
<div id="selectserver" class="active">...</div>
</nav>
<div id="content">
<h2 id="lblServername">Server wählen...</h2>
<nav class="tabs">
<a href="#cronlogs" onclick="setTab(this); return false;" class="active"><i class="far fa-file-alt"></i> Logs</a>
<a href="#crontable" onclick="setTab(this); return false;"><i class="fas fa-history"></i> History</a>
<a href="#graph" onclick="setTab(this); return false;"><i class="far fa-chart-bar"></i> Timeline</a>
</nav><br><br><br>
<div id="tabcontent">
<div id="cronlogs" class="active"></div>
<div id="crontable"></div>
<div id="graph"></div>
</div>
</div>
<script>
// draw navigation with servers
getPageItem('selectserver');
// check query params and set filter
// ?server=neon&tab=crontable&q=123
var oQuery=getQueryParams();
var sServer=oQuery.server ? oQuery.server : 'ALL';
var q=oQuery.q ? oQuery.q : '';
var sTab=oQuery.tab ? oQuery.tab : '';
setServer(sServer);
if(sTab){
var oLink=$('a[href="#'+sTab+'"]').first();
console.log(oLink);
setTab(oLink);
}
if (q) {
window.setTimeout("$('#datatable1_filter label input').val(q); $('#datatable1').dataTable().fnFilter(q)" , 500);
window.setTimeout("$('#datatable2_filter label input').val(q); $('#datatable2').dataTable().fnFilter(q)" , 500);
}
</script>
</body></html>