Misterzym
/
OpenVPN-Admin
mirror of https://github.com/misterzym/OpenVPN-Admin.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Nettoyage js jslint/hint

feature/ldap
Chocobozzz 11 years ago
parent
c3dc7bd2a4
commit
1f57798451
1 changed files with 240 additions and 213 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 453
      js/index.js

453
js/index.js
Unescape View File

@ -1,67 +1,81 @@
/*jslint browser: true*/
/*global $, Slick, grid, jQuery, alert*/
$(function () { $(function () {
"use strict";
// Selection des users // Selection des users
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "ajax.php", url: "ajax.php",
dataType: 'json', dataType: 'json',
data: "select=user", data: "select=user",
success: function(json){ success: function (json) {
// Bouton pour formater la cellule pour supprimer un user // Bouton pour formater la cellule pour supprimer un user
function buttonFormatter(row, cell, value, columnDef, dataContext){ function buttonFormatter(row, cell, value, columnDef, dataContext) {
var button = "<img src='images/drop.png' class='delete del_user' data-row='" + row + "' id='"+ dataContext.user_id +"' />"; var button = "<img src='images/drop.png' class='delete del_user' data-row='" + row + "' id='" + dataContext.user_id + "' />";
return button; return button;
} }
// Action lorsqu'on veut supprimer un uset var
$('.del_user').live('click', function(){ i,
columns = [
{id: "user_id", name: "ID", field: "user_id", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "user_pass", name: "Pass", field: "user_pass", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "user_mail", name: "Mail", field: "user_mail", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "user_phone", name: "Phone", field: "user_phone", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "user_online", name: "Online", field: "user_online", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "user_enable", name: "Enabled", field: "user_enable", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "user_start_date", name: "Start Date", field: "user_start_date", width: 120, cssClass: "cell-title", editor: Slick.Editors.Date},
{id: "user_end_date", name: "End Date", field: "user_end_date", width: 120, cssClass: "cell-title", editor: Slick.Editors.Date},
{id: "user_del", name: 'Delete', field: "user_del", width: 250, formatter: buttonFormatter}
],
// Options de la grid
options = {
editable: true,
enableAddRow: true,
enableCellNavigation: true,
asyncEditorLoading: false,
autoEdit: false,
autoHeight: true
},
// Création des données
data = [],
// Permet de sauvegarder l'ancien user_id lorsque l'admin modifie un utilisateur du VPN
save = null,
grid = null;
// Action lorsqu'on veut supprimer un user
$('.del_user').live('click', function () {
// Suppression dans la bdd // Suppression dans la bdd
var me = $(this), id = me.attr('id'); var me = $(this), id = me.attr('id'),
data = grid.getData();
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "ajax.php", url: "ajax.php",
dataType: "json", dataType: "json",
data: {del_user_id: id}, data: {del_user_id: id},
error: function(){ error: function () {
alert("Erreur dans la suppression de la donnée..."); alert("Erreur dans la suppression de la donnée...");
} }
}) });
// Suppression de la ligne en question // Suppression de la ligne en question
var data = grid.getData();
data.splice(me.attr('data-row'), 1); data.splice(me.attr('data-row'), 1);
grid.setData(data); grid.setData(data);
grid.render(); grid.render();
}); });
// Header des colonnes
var columns = [ for (i = 0; i < json.length; i += 1) {
{id: "user_id", name: "ID", field: "user_id", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "user_pass", name: "Pass", field: "user_pass", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "user_mail", name: "Mail", field: "user_mail", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "user_phone", name: "Phone", field: "user_phone", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "user_online", name: "Online", field: "user_online", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "user_enable", name: "Enabled", field: "user_enable", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "user_start_date", name: "Start Date", field: "user_start_date", width: 120, cssClass: "cell-title", editor: Slick.Editors.Date},
{id: "user_end_date", name: "End Date", field: "user_end_date", width: 120, cssClass: "cell-title", editor: Slick.Editors.Date},
{id: "user_del", name:'Delete', field: "user_del", width:250, formatter:buttonFormatter}
];
// Options de la grid
var options = {
editable: true,
enableAddRow: true,
enableCellNavigation: true,
asyncEditorLoading: false,
autoEdit: false,
autoHeight:true
};
// Création des données
var data = [];
for (var i = 0; i < json.length; i++){
data[i] = { data[i] = {
user_id: json[i].user_id, user_id: json[i].user_id,
user_pass: json[i].user_pass, user_pass: json[i].user_pass,
@ -73,117 +87,122 @@ $(function () {
user_end_date: json[i].user_end_date user_end_date: json[i].user_end_date
}; };
} }
// Grille des utilisateurs du VPN // Grille des utilisateurs du VPN
var grid = new Slick.Grid($("#grid_user"), data, columns, options); grid = new Slick.Grid($("#grid_user"), data, columns, options);
// Permet de sauvegarder l'ancien user_id lorsque l'admin modifie un utilisateur du VPN $("#grid_user").on('click', function () {
var save = null;
$("#grid_user").on('click', function(){
var $active = grid.getActiveCell(); var $active = grid.getActiveCell();
if($active != undefined && $active.cell == 0)
if ($active !== undefined && $active.cell === 0) {
save = $(grid.getActiveCellNode()).html(); save = $(grid.getActiveCellNode()).html();
else } else {
save = null; save = null;
}
}); });
// Lorsqu'on modifie une cellule d'un utilisateur // Lorsqu'on modifie une cellule d'un utilisateur
grid.onCellChange.subscribe(function(e, args) { grid.onCellChange.subscribe(function (e, args) {
var item = args.item; var item = args.item;
// On sauvegarde l'ancien user_id // On sauvegarde l'ancien user_id
if(save) if (save) {
item.set_user = save; item.set_user = save;
else } else {
item.set_user = item.user_id; item.set_user = item.user_id;
}
// Suppression dans la bdd // Suppression dans la bdd
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "ajax.php", url: "ajax.php",
dataType: "json", dataType: "json",
data: item, data: item,
error: function(){ error: function () {
alert("Erreur dans la modification des données..."); alert("Erreur dans la modification des données...");
} }
}); });
delete item.set_user; delete item.set_user;
}); });
// Ajout d'un nouvel utilisateur // Ajout d'un nouvel utilisateur
grid.onAddNewRow.subscribe(function (e, args) { grid.onAddNewRow.subscribe(function (e, args) {
var item = args.item; var item = args.item;
// On ne peut ajouter un utilisateur qu'en saisissant son id // On ne peut ajouter un utilisateur qu'en saisissant son id
if(!item.user_id) if (!item.user_id) {
return; return;
}
// Modification dans la bdd // Modification dans la bdd
item.add_user = true; item.add_user = true;
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "ajax.php", url: "ajax.php",
dataType: "json", dataType: "json",
data: item, data: item,
error: function(){ error: function () {
alert("Erreur dans l'insertion des données..."); alert("Erreur dans l'insertion des données...");
} }
}); });
delete item.add_user delete item.add_user;
// Maj de la grille // Maj de la grille
grid.invalidateRow(data.length); grid.invalidateRow(data.length);
data.push(item); data.push(item);
grid.updateRowCount(); grid.updateRowCount();
grid.render(); grid.render();
}); });
grid.autosizeColumns(); grid.autosizeColumns();
}, },
error: function(){ error: function () {
alert('Erreur dans la récupération des données...'); alert('Erreur dans la récupération des données...');
} }
}); });
// Selection des logs // Selection des logs
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "ajax.php", url: "ajax.php",
dataType: 'json', dataType: 'json',
data: "select=log", data: "select=log",
success: function(json){ success: function (json) {
var
// Header des colonnes i,
var columns = [
{id: "log_id", name: "Log ID", field: "log_id", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text}, // Header des colonnes
{id: "user_id", name: "User ID", field: "user_id", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text}, columns = [
{id: "log_trusted_ip", name: "Trusted IP", field: "log_trusted_ip", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text}, {id: "log_id", name: "Log ID", field: "log_id", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "log_trusted_port", name: "Trusted Port", field: "log_trusted_port", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text}, {id: "user_id", name: "User ID", field: "user_id", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "log_remote_ip", name: "Remote IP", field: "log_remote_ip", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text}, {id: "log_trusted_ip", name: "Trusted IP", field: "log_trusted_ip", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "log_remote_port", name: "Remote Port", field: "log_remote_port", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text}, {id: "log_trusted_port", name: "Trusted Port", field: "log_trusted_port", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "log_start_time", name: "Start Time", field: "log_start_time", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text}, {id: "log_remote_ip", name: "Remote IP", field: "log_remote_ip", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "log_end_time", name: "End Time", field: "log_end_time", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text}, {id: "log_remote_port", name: "Remote Port", field: "log_remote_port", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "log_received", name: "Receveid", field: "log_received", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text}, {id: "log_start_time", name: "Start Time", field: "log_start_time", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "log_send", name: "Sent", field: "log_send", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text} {id: "log_end_time", name: "End Time", field: "log_end_time", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
]; {id: "log_received", name: "Receveid", field: "log_received", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "log_send", name: "Sent", field: "log_send", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text}
// Options de la grille ],
var options = {
editable: false, // Options de la grille
enableAddRow: false, options = {
enableCellNavigation: true, editable: false,
asyncEditorLoading: false, enableAddRow: false,
autoEdit: false, enableCellNavigation: true,
autoHeight:true asyncEditorLoading: false,
}; autoEdit: false,
autoHeight: true
// Données de la grille des logs },
var data = [];
for (var i = 0; i < json.length; i++){ // Données de la grille des logs
data = [],
grid = null;
for (i = 0; i < json.length; i += 1) {
data[i] = { data[i] = {
log_id: json[i].log_id, log_id: json[i].log_id,
user_id: json[i].user_id, user_id: json[i].user_id,
@ -197,151 +216,159 @@ $(function () {
log_send: json[i].log_send log_send: json[i].log_send
}; };
} }
// Création de la grille // Création de la grille
var grid = new Slick.Grid($("#grid_log"), data, columns, options); grid = new Slick.Grid($("#grid_log"), data, columns, options);
grid.autosizeColumns(); grid.autosizeColumns();
}, },
error: function(){ error: function () {
alert('Erreur dans la récupération des données...'); alert('Erreur dans la récupération des données...');
} }
}); });
// Selection des admins // Selection des admins
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "ajax.php", url: "ajax.php",
dataType: 'json', dataType: 'json',
data: "select=admin", data: "select=admin",
success: function(json){ success: function (json) {
// Fonction créant la cellule pour supprimer un admin // Fonction créant la cellule pour supprimer un admin
function buttonFormatter(row, cell, value, columnDef, dataContext){ function buttonFormatter(row, cell, value, columnDef, dataContext) {
var button = "<img src='images/drop.png' class='delete del_admin' data-row='" + row + "' id='"+ dataContext.admin_id +"' />"; var button = "<img src='images/drop.png' class='delete del_admin' data-row='" + row + "' id='" + dataContext.admin_id + "' />";
return button; return button;
} }
var
i,
// Header des colonnes
columns = [
{id: "admin_id", name: "Admin ID", field: "admin_id", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "admin_pass", name: "Admin Pass", field: "admin_pass", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "admin_del", name: 'Delete', field: "admin_del", width: 250, formatter: buttonFormatter}
],
// Option de la grille
options = {
editable: true,
enableAddRow: true,
enableCellNavigation: true,
asyncEditorLoading: false,
autoEdit: false,
autoHeight: true
},
data = [],
grid = null,
// Sauvegarder l'ancien admin_id lorsqu'on modifie un admin
save = null;
// Lorsqu'on veut supprimer un admin // Lorsqu'on veut supprimer un admin
$('.del_admin').live('click', function(){ $('.del_admin').live('click', function () {
// Suppression dans la bdd // Suppression dans la bdd
var me = $(this), id = me.attr('id'); var me = $(this), id = me.attr('id'), data = grid.getData();
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "ajax.php", url: "ajax.php",
dataType: "json", dataType: "json",
data: {del_admin_id: id}, data: {del_admin_id: id},
error: function(){ error: function () {
alert("Erreur dans la suppression de la donnée..."); alert("Erreur dans la suppression de la donnée...");
} }
}) });
// Maj de la grille // Maj de la grille
var data = grid.getData();
data.splice(me.attr('data-row'), 1); data.splice(me.attr('data-row'), 1);
grid.setData(data); grid.setData(data);
grid.render(); grid.render();
}); });
// Header des colonnes
var columns = [ for (i = 0; i < json.length; i += 1) {
{id: "admin_id", name: "Admin ID", field: "admin_id", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "admin_pass", name: "Admin Pass", field: "admin_pass", width: 120, cssClass: "cell-title", editor: Slick.Editors.Text},
{id: "admin_del", name:'Delete', field: "admin_del", width:250, formatter:buttonFormatter}
];
// Option de la grille
var options = {
editable: true,
enableAddRow: true,
enableCellNavigation: true,
asyncEditorLoading: false,
autoEdit: false,
autoHeight:true
};
// Données
var data = [];
for (var i = 0; i < json.length; i++){
data[i] = { data[i] = {
admin_id: json[i].admin_id, admin_id: json[i].admin_id,
admin_pass: json[i].admin_pass, admin_pass: json[i].admin_pass
}; };
} }
var grid = new Slick.Grid($("#grid_admin"), data, columns, options); grid = new Slick.Grid($("#grid_admin"), data, columns, options);
// Sauvegarder l'ancien admin_id lorsqu'on modifie un admin $("#grid_admin").on('click', function () {
var save = null;
$("#grid_admin").on('click', function(){
var $active = grid.getActiveCell(); var $active = grid.getActiveCell();
if($active != undefined && $active.cell == 0) if ($active !== undefined && $active.cell === 0) {
save = $(grid.getActiveCellNode()).html(); save = $(grid.getActiveCellNode()).html();
else } else {
save = null; save = null;
}
}); });
// Lorsqu'on modifie un admin // Lorsqu'on modifie un admin
grid.onCellChange.subscribe(function(e, args) { grid.onCellChange.subscribe(function (e, args) {
var item = args.item; var item = args.item;
// On stocke l'ancien admin_id // On stocke l'ancien admin_id
if(save) if (save) {
item.set_admin = save; item.set_admin = save;
else } else {
item.set_admin = item.admin_id; item.set_admin = item.admin_id;
}
// Modification de la bdd // Modification de la bdd
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "ajax.php", url: "ajax.php",
dataType: "json", dataType: "json",
data: item, data: item,
error: function(){ error: function () {
alert("Erreur dans la modification des données..."); alert("Erreur dans la modification des données...");
} }
}); });
delete item.set_admin; delete item.set_admin;
}); });
// Ajout d'un nouvel admin // Ajout d'un nouvel admin
grid.onAddNewRow.subscribe(function (e, args) { grid.onAddNewRow.subscribe(function (e, args) {
var item = args.item; var item = args.item;
// On peut ajouter un admin seulement en ajoutant un ID // On peut ajouter un admin seulement en ajoutant un ID
if(!item.admin_id) if (!item.admin_id) {
return; return;
item.add_admin = true;
// Maj de la bdd
$.ajax({
type: "POST",
url: "ajax.php",
dataType: "json",
data: item,
error: function(){
alert("Erreur dans l'insertion des données...");
} }
});
item.add_admin = true;
delete item.add_admin;
// Maj de la bdd
// Maj de la grille $.ajax({
grid.invalidateRow(data.length); type: "POST",
data.push(item); url: "ajax.php",
grid.updateRowCount(); dataType: "json",
grid.render(); data: item,
error: function () {
alert("Erreur dans l'insertion des données...");
}
});
delete item.add_admin;
// Maj de la grille
grid.invalidateRow(data.length);
data.push(item);
grid.updateRowCount();
grid.render();
}); });
grid.autosizeColumns(); grid.autosizeColumns();
}, },
error: function(){ error: function () {
alert('Erreur dans la récupération des données...'); alert('Erreur dans la récupération des données...');
} }
}); });
}) });

Write Preview
Loading…
Cancel
Save