haproxy-wi/inc/users.js

var users = '/inc/usersdop.js'
var awesome = "/inc/fontawesome.min.js"

jQuery.expr[':'].regex = function(elem, index, match) {
    var matchParams = match[3].split(','),
        validLabels = /^(data|css):/,
        attr = {
            method: matchParams[0].match(validLabels) ? 
                        matchParams[0].split(':')[0] : 'attr',
            property: matchParams.shift().replace(validLabels,'')
        },
        regexFlags = 'ig',
        regex = new RegExp(matchParams.join('').replace(/^\s+|\s+$/g,''), regexFlags);
    return regex.test(jQuery(elem)[attr.method](attr.property));
}

$( function() {
	$('.alert-danger').remove();	

	$('#add-user').click(function() {
		$('#error').remove();	
		$.ajax( {
			url: "sql.py",
			data: {
				newusername: $('#new-username').val(),
				newpassword: $('#new-password').val(),
				newemail: $('#new-email').val(),
				newrole: $('#new-role').val(),
				newgroupuser: $('#new-group').val()
			},
			type: "GET",
			success: function( data ) {
				data = data.replace(/\s+/g,' ');
				if (data.indexOf('error') != '-1') {
					$("#ajax-users").append(data);
					$.getScript(users);
				} else {
					$('.alert-danger').remove();
					$("#ajax-users").append(data);
					$( "#ajax-users tr td" ).addClass( "update", 1000, callbackUser );					
					$.getScript(url);					
					$.getScript(awesome);	
					$.getScript(users);					
				}	
			}
		} );
	});
	$('#add-group').click(function() {
		$.ajax( {
			url: "sql.py",
			data: {
				newgroup: $('#new-group-add').val(),
				newdesc: $('#new-desc').val(),
			},
			type: "GET",
			success: function( data ) {
				if (data.indexOf('error') != '-1') {
					$("#ajax-group").append(data);
					$.getScript(users);
				} else {
					var getId = new RegExp('[0-9]+');
					var id = data.match(getId);
					$("#ajax-group").append(data);
					$( "#ajax-group tr td" ).addClass( "update", 1000, callbackGroup );
					$('select:regex(id, group)').append('<option value='+id+'>'+$('#new-group-add').val()+'</option>').selectmenu("refresh");
					$.getScript(awesome);
				}
			}					
		} );
	});
	$('#add-server').click(function() {
		$('#error').remove();	
		var typeip = 0;
		var enable = 0;
		if ($('#typeip').is(':checked')) {
			typeip = '1';
		}
		if ($('#enable').is(':checked')) {
			enable = '1';
		}
		$.ajax( {
			url: "sql.py",
			data: {
				newserver: $('#new-server-add').val(),
				newip: $('#new-ip').val(),
				newservergroup: $('#new-server-group-add').val(),
				typeip: typeip,
				enable: enable,
				slave: $('#slavefor option:selected' ).val()
			},
			type: "GET",
			success: function( data ) {
				data = data.replace(/\s+/g,' ');
				if (data.indexOf('error') != '-1') {
					$("#ajax-servers").append(data);
					$.getScript(users);
				} else {
					$('.alert-danger').remove();
					$("#ajax-servers").append(data);
					$( "#ajax-servers tr td" ).addClass( "update", 1000, callback );					
					$.getScript(url);
					$.getScript(awesome);
					$.getScript(users);
				}
			}					
		} );
	});
	
	function callbackUser() {
		setTimeout(function() {
			$( "#ajax-users tr td" ).removeClass( "update" );
		}, 2500 );
    }
	function callback() {
		setTimeout(function() {
			$( "#ajax-servers tr td" ).removeClass( "update" );
		}, 2500 );
    }
	
	function callbackGroup() {
		setTimeout(function() {
			$( "#ajax-group tr td" ).removeClass( "update" );
		}, 2500 );
    }
	
	$('#add-user-button').click(function() {
		if ($('#user-add-table').css('display', 'none')) {
			$('#user-add-table').show("blind", "fast");
		} 
	});
	$('#add-group-button').click(function() {
		if ($('#group-add-table').css('display', 'none')) {
			$('#group-add-table').show("blind", "fast");
		} 
	});
	$('#add-server-button').click(function() {
		if ($('#server-add-table').css('display', 'none')) {
			$('#server-add-table').show("blind", "fast");
		} 
	});
	
	$( "#ajax-users input" ).change(function() {
		var id = $(this).attr('id').split('-');
		updateUser(id[1])
	});
	$( "#ajax-users select" ).on('selectmenuchange',function() {
		var id = $(this).attr('id').split('-');
		updateUser(id[1])
	});
	$( "#ajax-group input" ).change(function() {
		var id = $(this).attr('id').split('-');
		updateGroup(id[1])
	});
	$( "#ajax-servers input" ).change(function() {
		var id = $(this).attr('id').split('-');
		updateServer(id[1])
	});
	$( "#ajax-servers select" ).on('selectmenuchange',function() {
		var id = $(this).attr('id').split('-');
		updateServer(id[1])
	});
} );
function removeUser(id) {
	$("#user-"+id).css("background-color", "#f2dede");
	$.ajax( {
			url: "sql.py",
			data: {
				userdel: id,
			},
			type: "GET",
			success: function( data ) {
				data = data.replace(/\s+/g,' ');
				if(data == "Ok ") {
					$("#user-"+id).remove();
				}
			}					
		} );	
	}
function removeServer(id) {
	$("#server-"+id).css("background-color", "#f2dede");
	$.ajax( {
			url: "sql.py",
			data: {
				serverdel: id,
			},
			type: "GET",
			success: function( data ) {
				data = data.replace(/\s+/g,' ');
				if(data == "Ok ") {
					$("#server-"+id).remove();
				}
			}					
		} );	
	}
function removeGroup(id) {
	$("#group-"+id).css("background-color", "#f2dede");
	$.ajax( {
			url: "sql.py",
			data: {
				groupdel: id,
			},
			type: "GET",
			success: function( data ) {
				data = data.replace(/\s+/g,' ');
				if(data == "Ok ") {
					$("#group-"+id).remove();
					$('select:regex(id, group) option[value='+id+']').remove();
					$('select:regex(id, group)').selectmenu("refresh");
				}
			}					
		} );	
	}
function updateUser(id) {
	$('.alert-danger').remove();
	$.ajax( {
		url: "sql.py",
		data: {
			updateuser: $('#login-'+id).val(),
			password: $('#password-'+id).val(),
			email: $('#email-'+id).val(),
			role: $('#role-'+id).val(),
			usergroup: $('#usergroup-'+id+' option:selected' ).val(),
			id: id
		},
		type: "GET",
		success: function( data ) {
			data = data.replace(/\s+/g,' ');
			if (data.indexOf('error') != '-1') {
				$("#ajax-users").append(data);
				$.getScript(users);
			} else {
				$('.alert-danger').remove();
				$("#user-"+id).addClass( "update", 1000 );
			setTimeout(function() {
				$( "#user-"+id ).removeClass( "update" );
			}, 2500 );
			}
		}
	} );
}
function updateGroup(id) {
	$('#error').remove();	
	$.ajax( {
		url: "sql.py",
		data: {
			updategroup: $('#name-'+id).val(),
			descript: $('#descript-'+id).val(),
			id: id
		},
		type: "GET",
		success: function( data ) {
			data = data.replace(/\s+/g,' ');
			if (data.indexOf('error') != '-1') {
				$("#ajax-group").append(data);
				$.getScript(users);
			} else {
				$('.alert-danger').remove();
				$("#group-"+id).addClass( "update", 1000 );
				setTimeout(function() {
					$( "#group-"+id ).removeClass( "update" );
				}, 2500 );
				$('select:regex(id, group) option[value='+id+']').remove();
				$('select:regex(id, group)').append('<option value='+id+'>'+$('#name-'+id).val()+'</option>').selectmenu("refresh");
			}
		}
	} );
}
function updateServer(id) {
	$('.alert-danger').remove();
	var typeip = 0;
	var enable = 0;
	if ($('#typeip-'+id).is(':checked')) {
		typeip = '1';
	}
	if ($('#enable-'+id).is(':checked')) {
		enable = '1';
	}
	$.ajax( {
		url: "sql.py",
		data: {
			updateserver: $('#hostname-'+id).val(),
			ip: $('#ip-'+id).val(),
			servergroup: $('#servergroup-'+id+' option:selected' ).val(),
			typeip: typeip,
			enable: enable,
			slave: $('#slavefor-'+id+' option:selected' ).val(),
			id: id
		},
		type: "GET",
		success: function( data ) {
			data = data.replace(/\s+/g,' ');
			if (data.indexOf('error') != '-1') {
				$("#ajax-servers").append(data);
				$.getScript(users);
			} else {
				$('.alert-danger').remove();
				$("#server-"+id).addClass( "update", 1000 );
				setTimeout(function() {
					$( "#server-"+id ).removeClass( "update" );
				}, 2500 );
			}
		}
	} );
}
function uploadSsh() {
	$('.alert-danger').remove();
	$.ajax( {
		url: "options.py",
		data: {
			ssh_cert: $('#ssh_cert').val()
		},
		type: "GET",
		success: function( data ) {
			data = data.replace(/\s+/g,' ');
			if (data.indexOf('danger') != '-1') {
					$("#ajax-ssh").html(data);
				} else if (data.indexOf('success') != '-1') {
					$('.alert-danger').remove();
					$("#ssh").addClass( "update", 1000 );
					setTimeout(function() {
						$( "#ssh").removeClass( "update" );
					}, 2500 );
					$("#ajax-ssh").html(data);
				} else {
					$("#ajax-ssh").html('<div class="alert alert-danger">Something wrong, check and try again</div>');
				}
		}
	} );
}