moved GUI from old project

nodejs/public/js/layout.js

@@ -0,0 +1,186 @@
+var app = {};
+
+app.api = (function(app){
+	var baseURL = '/api/'
+
+	function post(url, data, callack){
+		$.ajax({
+			type: 'POST',
+			url: baseURL+url,
+			headers:{
+				'auth-token': app.auth.getToken()
+			},
+			data: JSON.stringify(data),
+			contentType: "application/json; charset=utf-8",
+			dataType: "json",
+			success: callack,
+			error: function(info, error, type){
+				callack(JSON.parse(info.responseText), info)
+			}
+		});
+	}
+
+	function get(url, callack){
+		$.ajax({
+			type: 'GET',
+			url: baseURL+url,
+			headers:{
+				'auth-token': app.auth.getToken()
+			},
+			contentType: "application/json; charset=utf-8",
+			dataType: "json",
+			success: callack,
+			error: callack
+		});
+	}
+
+	return {post: post, get: get}
+})(app)
+
+app.auth = (function(app) {
+	function setToken(token){
+		localStorage.setItem('APIToken', token);
+	}
+
+	function getToken(){
+		return localStorage.getItem('APIToken');
+	}
+
+	function isLoggedIn(callack){
+		if(getToken()){
+			return app.api.get('users/me', function(data){
+				return callack(null, data.username);
+			})
+		}else{
+			callack(false, false);
+		}
+	}
+
+	function logIn(args, callack){
+		app.api.post('auth/login', args, function(data){
+			if(data.login){
+				setToken(data.token);
+			}
+			callack(!data.token, !!data.token);
+		});
+	}
+
+	return {
+		getToken: getToken,
+		isLoggedIn: isLoggedIn,
+		logIn:logIn
+	}
+
+})(app);
+
+app.users = (function(app){
+	function createInvite(callack){
+		app.api.post('users/invite', function(data){
+			
+			callack(!data.token, data.token);	
+		});
+	}
+	function consumeInvite(args){
+		app.api.post('/auth/invite/'+args.token, args, function(data){
+			if(data.token){
+				app.auth.setToken(data.token)
+				return callack(null, true)
+			}
+		});
+	}
+})(app);
+
+app.util = (function(app){
+
+	function getUrlParameter(name) {
+	    name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
+	    var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
+	    var results = regex.exec(location.search);
+	    return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
+	};
+
+
+	$.fn.serializeObject = function() {
+	    var 
+	        arr = $(this).serializeArray(), 
+	        obj = {};
+	    
+	    for(var i = 0; i < arr.length; i++) {
+	        if(obj[arr[i].name] === undefined) {
+	            obj[arr[i].name] = arr[i].value;
+	        } else {
+	            if(!(obj[arr[i].name] instanceof Array)) {
+	                obj[arr[i].name] = [obj[arr[i].name]];
+	            }
+	            obj[arr[i].name].push(arr[i].value);
+	        }
+	    }
+	    return obj;
+	};
+
+	return {
+		getUrlParameter: getUrlParameter
+	}
+})(app);
+
+// app.hosts = (function(app){
+// 	var hosts = []
+
+// 	function getHost(callack){
+// 		app.api.get('hosts/?detail=true', function(data){
+// 			hosts = data.hosts
+// 			callack(hosts)
+// 		});
+// 	}
+// })(app);
+
+
+
+$( document ).ready( function () {
+
+	$( 'div.row' ).fadeIn( 'slow' ); //show the page
+
+	//panel button's
+	$( '.glyphicon-circle-arrow-down' ).click( function () {
+		$( this ).closest( '.panel-heading' ).siblings( '.panel-body' ).slideToggle( 'fast' );
+	});
+	$( '.glyphicon-remove-circle' ).click( function () {
+		$( this ).closest( 'div.panel' ).slideUp( 'fast' );
+	});
+	$( '.glyphicon-refresh' ).each( function () {
+		$(this).click( function () {
+			tableAJAX();
+		});
+	});
+});
+
+//ajax form submit
+function formAJAX( btn, del ) {
+	var $form = $(btn).closest( '[action]' ), // gets the 'form' parent
+		str = $form.find( '[name]' ).serialize(); // builds query string
+	/*if( !$form.validate(
+		{
+			form: {
+				alertCount: true,
+				alertCountMessage: " errors found on this form!"
+			}
+		}) ) {
+		return false;
+	}*/
+	if( del ){ // delete request 
+		if( confirm( 'Are you sure?' ) ) {
+			str += "&deleteThis=true"; // adds delete to query string
+		}else{
+			event.preventDefault(); // avoid to execute the actual submit of the form
+			return false; //cancels function
+		}
+	}
+
+	$.post( $form.attr( 'action' ), str, function ( data ) { // sends post data to server validate 
+		tableAJAX( data.action_message ); //re-populate table
+	});
+
+	eval( $form.attr( 'evalAJAX' ) ); //gets JS to run after completion
+	event.preventDefault(); // avoid to execute the actual submit of the form.
+	return false; // avoid to execute the actual submit of the form.
+}