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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 361
      js/index.js

361
js/index.js
Unescape View File

@ -1,4 +1,8 @@
/*jslint browser: true*/
/*global $, Slick, grid, jQuery, alert*/
$(function () {
"use strict";
// Selection des users
$.ajax({
@ -6,62 +10,72 @@ $(function () {
url: "ajax.php",
dataType: 'json',
data: "select=user",
success: function(json){
success: function (json) {
// Bouton pour formater la cellule pour supprimer un user
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 +"' />";
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 + "' />";
return button;
}
// Action lorsqu'on veut supprimer un uset
$('.del_user').live('click', function(){
var
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
var me = $(this), id = me.attr('id');
var me = $(this), id = me.attr('id'),
data = grid.getData();
$.ajax({
type: "POST",
url: "ajax.php",
dataType: "json",
data: {del_user_id: id},
error: function(){
error: function () {
alert("Erreur dans la suppression de la donnée...");
}
})
});
// Suppression de la ligne en question
var data = grid.getData();
data.splice(me.attr('data-row'), 1);
grid.setData(data);
grid.render();
});
// Header des colonnes
var 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
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++){
for (i = 0; i < json.length; i += 1) {
data[i] = {
user_id: json[i].user_id,
user_pass: json[i].user_pass,
@ -75,37 +89,38 @@ $(function () {
}
// 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
var save = null;
$("#grid_user").on('click', function(){
$("#grid_user").on('click', function () {
var $active = grid.getActiveCell();
if($active != undefined && $active.cell == 0)
if ($active !== undefined && $active.cell === 0) {
save = $(grid.getActiveCellNode()).html();
else
} else {
save = null;
}
});
// Lorsqu'on modifie une cellule d'un utilisateur
grid.onCellChange.subscribe(function(e, args) {
grid.onCellChange.subscribe(function (e, args) {
var item = args.item;
// On sauvegarde l'ancien user_id
if(save)
if (save) {
item.set_user = save;
else
} else {
item.set_user = item.user_id;
}
// Suppression dans la bdd
$.ajax({
type: "POST",
url: "ajax.php",
dataType: "json",
data: item,
error: function(){
alert("Erreur dans la modification des données...");
}
type: "POST",
url: "ajax.php",
dataType: "json",
data: item,
error: function () {
alert("Erreur dans la modification des données...");
}
});
delete item.set_user;
@ -116,23 +131,24 @@ $(function () {
var item = args.item;
// On ne peut ajouter un utilisateur qu'en saisissant son id
if(!item.user_id)
return;
if (!item.user_id) {
return;
}
// Modification dans la bdd
item.add_user = true;
$.ajax({
type: "POST",
url: "ajax.php",
dataType: "json",
data: item,
error: function(){
alert("Erreur dans l'insertion des données...");
}
type: "POST",
url: "ajax.php",
dataType: "json",
data: item,
error: function () {
alert("Erreur dans l'insertion des données...");
}
});
delete item.add_user
delete item.add_user;
// Maj de la grille
grid.invalidateRow(data.length);
@ -141,10 +157,9 @@ $(function () {
grid.render();
});
grid.autosizeColumns();
},
error: function(){
error: function () {
alert('Erreur dans la récupération des données...');
}
});
@ -155,35 +170,39 @@ $(function () {
url: "ajax.php",
dataType: 'json',
data: "select=log",
success: function(json){
// Header des colonnes
var columns = [
{id: "log_id", name: "Log ID", field: "log_id", 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_trusted_ip", name: "Trusted IP", field: "log_trusted_ip", 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_remote_ip", name: "Remote IP", field: "log_remote_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_start_time", name: "Start Time", field: "log_start_time", 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,
enableAddRow: false,
enableCellNavigation: true,
asyncEditorLoading: false,
autoEdit: false,
autoHeight:true
};
// Données de la grille des logs
var data = [];
for (var i = 0; i < json.length; i++){
success: function (json) {
var
i,
// Header des colonnes
columns = [
{id: "log_id", name: "Log ID", field: "log_id", 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_trusted_ip", name: "Trusted IP", field: "log_trusted_ip", 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_remote_ip", name: "Remote IP", field: "log_remote_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_start_time", name: "Start Time", field: "log_start_time", 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
options = {
editable: false,
enableAddRow: false,
enableCellNavigation: true,
asyncEditorLoading: false,
autoEdit: false,
autoHeight: true
},
// Données de la grille des logs
data = [],
grid = null;
for (i = 0; i < json.length; i += 1) {
data[i] = {
log_id: json[i].log_id,
user_id: json[i].user_id,
@ -199,11 +218,11 @@ $(function () {
}
// 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();
},
error: function(){
error: function () {
alert('Erreur dans la récupération des données...');
}
});
@ -215,93 +234,101 @@ $(function () {
url: "ajax.php",
dataType: 'json',
data: "select=admin",
success: function(json){
success: function (json) {
// Fonction créant la cellule pour supprimer un admin
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 +"' />";
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 + "' />";
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
$('.del_admin').live('click', function(){
$('.del_admin').live('click', function () {
// Suppression dans la bdd
var me = $(this), id = me.attr('id');
var me = $(this), id = me.attr('id'), data = grid.getData();
$.ajax({
type: "POST",
url: "ajax.php",
dataType: "json",
data: {del_admin_id: id},
error: function(){
error: function () {
alert("Erreur dans la suppression de la donnée...");
}
})
});
// Maj de la grille
var data = grid.getData();
data.splice(me.attr('data-row'), 1);
grid.setData(data);
grid.render();
});
// Header des colonnes
var 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
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++){
for (i = 0; i < json.length; i += 1) {
data[i] = {
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
var save = null;
$("#grid_admin").on('click', function(){
$("#grid_admin").on('click', function () {
var $active = grid.getActiveCell();
if($active != undefined && $active.cell == 0)
if ($active !== undefined && $active.cell === 0) {
save = $(grid.getActiveCellNode()).html();
else
} else {
save = null;
}
});
// Lorsqu'on modifie un admin
grid.onCellChange.subscribe(function(e, args) {
grid.onCellChange.subscribe(function (e, args) {
var item = args.item;
// On stocke l'ancien admin_id
if(save)
if (save) {
item.set_admin = save;
else
} else {
item.set_admin = item.admin_id;
}
// Modification de la bdd
$.ajax({
type: "POST",
url: "ajax.php",
dataType: "json",
data: item,
error: function(){
alert("Erreur dans la modification des données...");
}
type: "POST",
url: "ajax.php",
dataType: "json",
data: item,
error: function () {
alert("Erreur dans la modification des données...");
}
});
delete item.set_admin;
@ -309,39 +336,39 @@ $(function () {
// Ajout d'un nouvel admin
grid.onAddNewRow.subscribe(function (e, args) {
var item = args.item;
// On peut ajouter un admin seulement en ajoutant un ID
if(!item.admin_id)
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...");
var item = args.item;
// On peut ajouter un admin seulement en ajoutant un ID
if (!item.admin_id) {
return;
}
});
delete item.add_admin;
item.add_admin = true;
// Maj de la grille
grid.invalidateRow(data.length);
data.push(item);
grid.updateRowCount();
grid.render();
});
// Maj de la bdd
$.ajax({
type: "POST",
url: "ajax.php",
dataType: "json",
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();
},
error: function(){
error: function () {
alert('Erreur dans la récupération des données...');
}
});
})
});

Write Preview
Loading…
Cancel
Save