added some cool new features
This commit is contained in:
committed by
Chocobozzz
parent
0db6ed157b
commit
eb97067d57
+51
-2
@@ -45,9 +45,27 @@
|
||||
// Creation of the LIMIT for build different pages
|
||||
$page = "LIMIT $offset, $limit";
|
||||
|
||||
// ... filtering by the bootstrap table plugin
|
||||
$filter = isset($_GET['filter']) ? json_decode($_GET['filter'],true) : []; // this is passed by the bootstrap table filter plugin (if a filter was chosen by the user): these are the concrete set filters with their value
|
||||
$where = !empty($filter)?'WHERE TRUE':'';
|
||||
$allowed_query_filters = ['user_id', 'log_trusted_ip','log_trusted_port','log_remote_ip','log_remote_port']; // these are valid filters that could be used (defined here for sql security reason)
|
||||
$query_filters_existing = [];
|
||||
foreach($filter as $unsanitized_filter_key => $unsanitized_filter_val) {
|
||||
if(in_array($unsanitized_filter_key, $allowed_query_filters)) { // if this condition does not match: ignore it, because this parameter should not be passed
|
||||
// if $unsanitized_filter_key is in array $allowed_query_filters its a valid key and can not be harmful, so it can be considered sanitized
|
||||
$where .= " AND $unsanitized_filter_key = ?";
|
||||
$query_filters_existing[] = $unsanitized_filter_key;
|
||||
}
|
||||
}
|
||||
|
||||
// Select the logs
|
||||
$req_string = "SELECT *, (SELECT COUNT(*) FROM log) AS nb FROM log ORDER BY log_id DESC $page";
|
||||
$req_string = "SELECT *, (SELECT COUNT(*) FROM log $where) AS nb FROM log $where ORDER BY log_id DESC $page";
|
||||
$req = $bdd->prepare($req_string);
|
||||
|
||||
// dynamically bind the params
|
||||
foreach(array_merge($query_filters_existing,$query_filters_existing) as $i => $query_filter) // array_merge -> duplicated the array contents; this is needed because our where clause is bound two times (in subquery + the outer query)
|
||||
$req->bindValue($i+1, $filter[$query_filter]);
|
||||
|
||||
$req->execute();
|
||||
|
||||
$list = array();
|
||||
@@ -75,7 +93,6 @@
|
||||
"log_received" => $received,
|
||||
"log_send" => $sent));
|
||||
|
||||
|
||||
} while ($data = $req->fetch());
|
||||
}
|
||||
else {
|
||||
@@ -203,4 +220,36 @@
|
||||
$req->execute(array($_POST['del_admin_id']));
|
||||
}
|
||||
|
||||
// ---------------- UPDATE CONFIG ----------------
|
||||
else if(isset($_POST['update_config'])){
|
||||
|
||||
$pathinfo = pathinfo($_POST['config_file']);
|
||||
|
||||
$config_full_uri = $_POST['config_file']; // the complete path to the file, including the file (name) its self and the fully qualified path
|
||||
$config_full_path = $pathinfo['dirname']; // path to file (without filename its self)
|
||||
$config_name = basename($_POST['config_file']); // config file name only (without path)
|
||||
$config_parent_dir = basename($config_full_path); // name of the dir that contains the config file (without path)
|
||||
|
||||
/*
|
||||
* create backup for history
|
||||
*/
|
||||
if (!file_exists($dir="../$config_full_path/history"))
|
||||
mkdir($dir, 0777, true);
|
||||
$ts = time();
|
||||
copy("../$config_full_uri", "../$config_full_path/history/${ts}_${config_name}");
|
||||
|
||||
/*
|
||||
* write config
|
||||
*/
|
||||
$conf_success = file_put_contents('../'.$_POST['config_file'], $_POST['config_content']);
|
||||
|
||||
echo json_encode([
|
||||
'debug' => [
|
||||
'config_file' => $_POST['config_file'],
|
||||
'config_content' => $_POST['config_content']
|
||||
],
|
||||
'config_success' => $conf_success !== false,
|
||||
]);
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
+91
-4
@@ -1,9 +1,40 @@
|
||||
<?php
|
||||
function getHistory($cfg_file, $accordion_id, $open_first_history_tab = false) {
|
||||
ob_start(); ?>
|
||||
<h3>History</h3>
|
||||
<div class="panel-group" id="accordion<?= $accordion_id ?>">
|
||||
<?php foreach (array_reverse(glob('client-conf/'.basename(pathinfo($cfg_file, PATHINFO_DIRNAME)).'/history/*')) as $i => $file): ?>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" data-parent="#accordion<?= $accordion_id ?>" href="#collapse<?= $accordion_id ?>-<?= $i ?>">
|
||||
<?php
|
||||
$history_file_name = basename($file);
|
||||
$chunks = explode('_', $history_file_name);
|
||||
printf('[%s] %s', date('r', $chunks[0]), $chunks[1]);
|
||||
?>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse<?= $accordion_id ?>-<?= $i ?>" class="panel-collapse collapse <?= $i===0 && $open_first_history_tab?'in':'' ?>">
|
||||
<div class="panel-body"><pre><?= file_get_contents($file) ?></pre></div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div><?php
|
||||
$history = ob_get_contents();
|
||||
ob_end_clean();
|
||||
return $history;
|
||||
}
|
||||
?>
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active"><a data-toggle="tab" href="#menu0">OpenVPN Users</a></li>
|
||||
<li><a data-toggle="tab" href="#menu1">OpenVPN logs</a></li>
|
||||
<li><a data-toggle="tab" href="#menu2">Web Admins</a></li>
|
||||
<li class="active"><a data-toggle="tab" href="#menu0"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> OpenVPN Users</a></li>
|
||||
<li><a data-toggle="tab" href="#menu1"><span class="glyphicon glyphicon-book" aria-hidden="true"></span> OpenVPN logs</a></li>
|
||||
<li><a data-toggle="tab" href="#menu2"><span class="glyphicon glyphicon-king" aria-hidden="true"></span> Web Admins</a></li>
|
||||
<li><a data-toggle="tab" href="#menu3"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Configs</a></li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
|
||||
<div id="menu0" class="tab-pane fade in active">
|
||||
<!-- Users grid -->
|
||||
<div class="block-grid row" id="user-grid">
|
||||
@@ -38,13 +69,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="menu1" class="tab-pane fade">
|
||||
<!-- Logs grid -->
|
||||
<div class="block-grid row" id="log-grid">
|
||||
<h4>
|
||||
OpenVPN logs
|
||||
</h4>
|
||||
<table id="table-logs" class="table"></table>
|
||||
<table id="table-logs" class="table" data-filter-control="true"></table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -82,15 +114,70 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="menu3" class="tab-pane fade">
|
||||
<!-- configs -->
|
||||
<div class="block-grid row" id="config-cards">
|
||||
<ul class="nav nav-tabs nav-tabs-justified">
|
||||
<li class="active"><a data-toggle="tab" href="#menu-1-0"><span class="glyphicon glyphicon-heart" aria-hidden="true"></span> Linux</a></li>
|
||||
<li><a data-toggle="tab" href="#menu-1-1"><span class="glyphicon glyphicon-th-large" aria-hidden="true"></span> Windows</a></li>
|
||||
<li><a data-toggle="tab" href="#menu-1-2"><span class="glyphicon glyphicon-apple" aria-hidden="true"></span> OSX</a></li>
|
||||
|
||||
<li id="save-config-btn" class="pull-right hidden"><a class="progress-bar-striped" href="javascript:;"><span class="glyphicon glyphicon-save" aria-hidden="true"></span></a></li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div id="menu-1-0" class="tab-pane fade in active">
|
||||
|
||||
<textarea class="form-control" data-config-file="<?= $cfg_file='client-conf/gnu-linux/client.conf' ?>" name="" id="" cols="30" rows="20"><?= file_get_contents($cfg_file) ?></textarea>
|
||||
<?= getHistory($cfg_file, @++$accId) ?>
|
||||
|
||||
</div>
|
||||
<div id="menu-1-1" class="tab-pane fade">
|
||||
|
||||
<textarea class="form-control" data-config-file="<?= $cfg_file='client-conf/windows/client.ovpn' ?>" name="" id="" cols="30" rows="20"><?= file_get_contents($cfg_file) ?></textarea>
|
||||
<?= getHistory($cfg_file, ++$accId) ?>
|
||||
|
||||
</div>
|
||||
<div id="menu-1-2" class="tab-pane fade">
|
||||
|
||||
<textarea class="form-control" data-config-file="<?= $cfg_file='client-conf/osx-viscosity/client.conf' ?>" name="" id="" cols="30" rows="20"><?= file_get_contents($cfg_file) ?></textarea>
|
||||
<?= getHistory($cfg_file, ++$accId) ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script src="vendor/jquery/dist/jquery.min.js"></script>
|
||||
<script src="vendor/bootstrap/js/modal.js"></script>
|
||||
<script src="vendor/bootstrap/js/tooltip.js"></script>
|
||||
<script src="vendor/bootstrap/js/tab.js"></script>
|
||||
<script src="vendor/bootstrap/js/collapse.js"></script>
|
||||
<script src="vendor/bootstrap/js/popover.js"></script>
|
||||
<script src="vendor/bootstrap-table/dist/bootstrap-table.min.js"></script>
|
||||
<script src="vendor/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"></script>
|
||||
<script src="vendor/bootstrap-table/dist/extensions/editable/bootstrap-table-editable.min.js"></script>
|
||||
<script src="vendor/bootstrap-table/dist/extensions/filter-control/bootstrap-table-filter-control.min.js"></script>
|
||||
<script src="vendor/x-editable/dist/bootstrap3-editable/js/bootstrap-editable.js"></script>
|
||||
<script src="js/grids.js"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
/*
|
||||
https://stackoverflow.com/a/19015027/3214501
|
||||
-> keep the currently active tab beyond page reloading
|
||||
*/
|
||||
$('.nav.nav-tabs a').click(function(e) {
|
||||
e.preventDefault();
|
||||
$(this).tab('show');
|
||||
});
|
||||
$("ul.nav-tabs > li > a").on("shown.bs.tab", function(e) {
|
||||
var id = $(e.target).attr("href").substr(1);
|
||||
window.location.hash = id;
|
||||
});
|
||||
$('.nav.nav-tabs a[href="' + window.location.hash + '"]').tab('show');
|
||||
});
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user