convert log filters to responsive bootstrap divs.

This commit is contained in:
Isaac Connor 2020-08-02 20:25:24 -04:00
parent 6f9947b583
commit 325178a556
1 changed files with 74 additions and 85 deletions

View File

@ -30,67 +30,56 @@ xhtmlHeaders(__FILE__, translate('SystemLog') );
<body> <body>
<div id="page"> <div id="page">
<div id="header"> <div id="header">
<table class="table"> <div id="logSummary" class="text-center">
<tr class="row">
<td class="col text-center">
<div id="logSummary">
<?php echo translate('State') ?>: <span id="logState"></span>/ <?php echo translate('State') ?>: <span id="logState"></span>/
<?php echo translate('Total') ?>: <span id="totalLogs"></span>/ <?php echo translate('Total') ?>: <span id="totalLogs"></span>/
<?php echo translate('Available') ?>: <span id="availLogs"></span>/ <?php echo translate('Available') ?>: <span id="availLogs"></span>/
<?php echo translate('Displaying') ?>: <span id="displayLogs"></span>/ <?php echo translate('Displaying') ?>: <span id="displayLogs"></span>/
<?php echo translate('Updated') ?>: <span id="lastUpdate"></span> <?php echo translate('Updated') ?>: <span id="lastUpdate"></span>
</div> </div>
</td> <div class="btn-toolbar text-center">
</tr>
<tr class="row">
<td class="col text-center">
<div class="btn-group"> <div class="btn-group">
<button type="button" data-on-click="expandLog"><?php echo translate('More') ?></button> <button type="button" data-on-click="expandLog"><?php echo translate('More') ?></button>
<button type="button" data-on-click="clearLog"><?php echo translate('Clear') ?></button> <button type="button" data-on-click="clearLog"><?php echo translate('Clear') ?></button>
<button type="button" data-on-click="refreshLog"><?php echo translate('Refresh') ?></button> <button type="button" data-on-click="refreshLog"><?php echo translate('Refresh') ?></button>
<button type="button" data-on-click="exportLog"><?php echo translate('Export') ?></button> <button type="button" data-on-click="exportLog"><?php echo translate('Export') ?></button>
<button type="reset" data-on-click="resetLog"><?php echo translate('Reset') ?></button>
</div>
<div class="btn-group pull-right">
<button type="button" data-on-click="closeWindow"><?php echo translate('Close') ?></button> <button type="button" data-on-click="closeWindow"><?php echo translate('Close') ?></button>
</div>
</div> <!--btn--> </div> <!--btn-->
</td>
</tr>
</table>
</div> <!--header--> </div> <!--header-->
<div id="content"> <div id="content">
<form id="logForm" name="logForm" method="post" action="?"> <form id="logForm" name="logForm" method="post" action="?">
<div id="filters"> <div class="container" id="filters">
<div class="row">
<table class="table-condensed"> <div class="col">
<tr class="row">
<td class="col">
<label><?php echo translate('Component') ?></label> <label><?php echo translate('Component') ?></label>
<select class="form-control chosen" id="filter[Component]" data-on-change="filterLog"><option value="">-----</option></select> <select class="form-control chosen" id="filter[Component]" data-on-change="filterLog"><option value="">-----</option></select>
</td> </div>
<td class="col"> <div class="col">
<label><?php echo translate('Server') ?></label> <label><?php echo translate('Server') ?></label>
<select class="form-control chosen" id="filter[ServerId]" data-on-change="filterLog"><option value="">-----</option></select> <select class="form-control chosen" id="filter[ServerId]" data-on-change="filterLog"><option value="">-----</option></select>
</td> </div>
<td class="col"> <div class="col">
<label><?php echo translate('Pid') ?></label> <label><?php echo translate('Pid') ?></label>
<select class="form-control chosen" id="filter[Pid]" data-on-change="filterLog"><option value="">-----</option></select> <select class="form-control chosen" id="filter[Pid]" data-on-change="filterLog"><option value="">-----</option></select>
</td> </div>
</tr> <div class="col">
<tr class="row">
<td class="col">
<label><?php echo translate('Level') ?></label> <label><?php echo translate('Level') ?></label>
<select class="form-control chosen" id="filter[Level]" data-on-change="filterLog"><option value="">---</option></select> <select class="form-control chosen" id="filter[Level]" data-on-change="filterLog"><option value="">---</option></select>
</td> </div>
<td class="col"> <div class="col">
<label><?php echo translate('File') ?></label> <label><?php echo translate('File') ?></label>
<select class="form-control chosen" id="filter[File]" data-on-change="filterLog"><option value="">------</option></select> <select class="form-control chosen" id="filter[File]" data-on-change="filterLog"><option value="">------</option></select>
</td> </div>
<td class="col"> <div class="col">
<label><?php echo translate('Line') ?></label> <label><?php echo translate('Line') ?></label>
<select class="form-control chosen" id="filter[Line]" data-on-change="filterLog"><option value="">----</option></select> <select class="form-control chosen" id="filter[Line]" data-on-change="filterLog"><option value="">----</option></select>
</td>
</tr>
</table>
<button type="reset" data-on-click="resetLog"><?php echo translate('Reset') ?></button>
</div> </div>
</div><!--row-->
</div><!--container-->
<input type="hidden" name="view" value="<?php echo $view ?>"/> <input type="hidden" name="view" value="<?php echo $view ?>"/>
<table id="logTable" class="major"> <table id="logTable" class="major">
<thead class="thead-highlight"> <thead class="thead-highlight">
@ -110,9 +99,9 @@ xhtmlHeaders(__FILE__, translate('SystemLog') );
</table> </table>
<div id="contentButtons"> <div id="contentButtons">
</div> </div>
</div><!--content-->
</form> </form>
</div> </div><!--page-->
</div>
<div id="exportLog" class="overlay"> <div id="exportLog" class="overlay">
<div class="overlayHeader"> <div class="overlayHeader">
<div class="overlayTitle"><?php echo translate('ExportLog') ?></div> <div class="overlayTitle"><?php echo translate('ExportLog') ?></div>
@ -142,8 +131,8 @@ xhtmlHeaders(__FILE__, translate('SystemLog') );
<button type="button" id="exportButton" value="Export" data-on-click="exportRequest"><?php echo translate('Export') ?></button> <button type="button" id="exportButton" value="Export" data-on-click="exportRequest"><?php echo translate('Export') ?></button>
<button type="button" value="Cancel" class="overlayCloser"><?php echo translate('Cancel') ?></button> <button type="button" value="Cancel" class="overlayCloser"><?php echo translate('Cancel') ?></button>
</form> </form>
</div> </div><!--overlayContent-->
</div> </div><!--overlaybody-->
</div> </div><!-- exportLog-->
</body> </body>
</html> </html>