Now the modal wont duplicate when logging out

[z_archive/KronOS.git] / public / js / application.js

var state\r
var wos\r
\r
(function( $ ) {\r
	$.fn.pageConstruct = function( initvar ) {\r
\r
		this.buildPage = function() {\r
			document.cookie = "session_id=0;expires=0";\r
			this.loadMenu();\r
			this.loadContainer();\r
		}\r
\r
		this.loadDefaults = function() {\r
			var self = this;\r
//			$.getJSON("/backend/logged_in", function(resp) {\r
//				if (!resp.contents) {\r
					self.hideMenu();\r
					self.hideBackground();\r
					self.setUsername('<em>unauthenticated</em>');\r
					self.loadLogin();\r
//				} else {\r
//					self.loadUsername();\r
//					self.loadBackground();\r
//				}\r
//			});\r
		}\r
\r
		this.showError = function(e, t, c) {\r
			var n = $(".alert").length;\r
			if (n>2) {\r
				$(".alert").first().remove();\r
			}\r
			error = '<div class="alert alert-block alert-' + t + '"><button type="button" class="close" data-dismiss="alert">&times;</button>' + e + '</div>'\r
			$(c).append(error);\r
		}\r
\r
		this.loadMenu = function() {\r
			$('body').append('<div class="navbar navbar-inverse navbar-fixed-top"></div>');\r
			$('.navbar').append('<div class="navbar-inner"><div class="container-fluid"></div></div>');\r
			$('.container-fluid').append('<a class="brand" href="#">KronOS</a>');\r
			$('.container-fluid').append('<div class="menuitems"></div>');\r
			$('.container-fluid').append('<p class="navbar-text pull-right">Logged in as <a href="#" class="navbar-link" id="username"><em>unauthenticated</em></a></p>');\r
		};\r
\r
		this.loadContainer = function() {\r
			$('body').append('<div id="desktop" class="container-fluid"></div>');\r
			$('desktop').append('<div class="row"></div>');\r
		};\r
\r
		this.loadMenuItems = function() {\r
			$.getJSON("/backend/get_menu", function(resp) {\r
				if (resp.success) {\r
					navStr = '<ul class="nav">';\r
					$.each(resp.contents, function(key, val) {\r
						openStr = '<li class="dropdown"><a tabindex="-1" class="dropdown-toggle" data-toggle="dropdown" href="#">'+key+' <b class="caret"></b></a><ul class="dropdown-menu">';\r
						innerStr = '';\r
						closeStr = '</ul></li>';\r
						$.each(val, function(ikey, ival) {\r
							if (typeof ival == "object") {\r
								innerStr += '<li class="dropdown-submenu"><a tabindex="-1" href="#">'+ikey+'</a><ul class="dropdown-menu">';\r
								$.each(ival, function(iikey, iival) {\r
									innerStr += '<li><a tabindex="-1" href=\''+iival+'\'>'+iikey+'</a></li>';\r
								});\r
								innerStr += '</ul></li>';\r
							} else {\r
								innerStr += '<li><a tabindex="-1" href=\''+ival+'\'>'+ikey+'</a></li>';\r
							}\r
						});\r
						navStr += openStr+innerStr+closeStr;\r
					});\r
					navStr += '</ul>';\r
					$('.menuitems').html(navStr);\r
				} else {\r
					throwError(resp.error, 'error', '#desktop');\r
				}\r
			});\r
		};\r
\r
		this.hideMenu = function() {\r
			$('.menuitems').empty();\r
		}\r
\r
		this.loadLogin = function() {\r
			$.ajax({\r
				url: "/backend/login_modal",\r
				success: function (data) {\r
					$('body').append(data);\r
					$('#loginModal').modal({\r
						backdrop: 'static',\r
						keyboard: false,\r
					});\r
					$('#loginModal').modal('show');\r
				},\r
				dataType: 'html'\r
			});\r
		}\r
\r
		this.loadBackground = function() {\r
			background = '<style>body { background-image:url(\'/public/img/default-background.jpg\'); background-position: center top; } </style>'\r
			$('body').append(background);\r
		};\r
\r
		this.hideBackground = function() {\r
			$('style').remove();\r
		}\r
\r
		this.setUsername = function(name) {\r
			$("#username").html(name);\r
		}\r
\r
		this.submitLogin = function() {\r
			loginData = {\r
				'username': $('#inputUsername').val(),\r
				'password': $('#inputPassword').val()\r
			};\r
			self = this;\r
			$.post('/account/login', loginData, function(resp) {\r
				if (resp.success) {\r
					document.cookie = "session_id="+resp.data.sid+";expires=0";\r
					self.setUsername(resp.data.name);\r
					self.loadMenuItems();\r
					self.loadBackground();\r
\r
					$('#loginModal').modal('hide');\r
					$('#loginModal').remove();\r
				} else {\r
					self.showError(resp.error, 'error', '.messagebody');\r
				}\r
\r
				$('#inputPassword').val("")\r
			}, "json");\r
		}\r
\r
		this.logout = function() {\r
			document.cookie = "session_id=0;expires=0";\r
			this.loadDefaults();\r
		}\r
\r
 		return this;\r
	};\r
})( jQuery );\r
\r
(function( $ ) {\r
        $.fn.modalHelper = function( initvar ) {\r
\r
	id = initvar;\r
\r
	this.init = function() {\r
		this.append('<div id="'+this.id+'" class="modal hide fade"></div>');\r
\r
		this.id = '#'+this.id;\r
\r
		$(this.id).append('<div class="modal-header"></div>');\r
		$(this.id+'>.modal-header').append('<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button><h3>unspecified</h3>');\r
		$(this.id).append('<div class="modal-body"></div>');\r
		$(this.id).append('<div class="modal-footer"></div>');\r
	}\r
\r
//	this.title = function() {\r
//		return\r
//	}\r
\r
//	this.content = function() {\r
//		return\r
//	}\r
\r
	this.show = function() {\r
		$(this.id).modal('show');\r
	}\r
\r
	return this;\r
	};\r
})( jQuery );\r
\r
\r
$(function () {\r
	wos = $('document.body').pageConstruct();\r
\r
	wos.buildPage();\r
	wos.loadDefaults();\r
});\r