dreamjob/app/webroot/js/dreamjob.js

/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
!function($) {
    $(function() {
      $body = $("body");
        $(document).on({
          ajaxStart: function() { $body.addClass("loading");    },
          ajaxStop: function() { $body.removeClass("loading"); }
        });
        function event(where){
            $("#alert .alert").alert();
            $(where+'.dropdown-toggle').dropdown();
            
            $(where+" a").each(function(that){
                if($(this).attr("rel")!=="external")
                    $(this).click(function(e){
                        load($(this).attr('href'),{},($(this).attr('rel')=="tab"));
                        return false;  
                    });
            });
            
            
            $(where+" form:not(.hide-form)").submit(function(e){
                e.stopPropagation();
                //e.preventDefault();
                
				if(!$(this).hasClass("hide-form")){
					if($(this).attr("back"))
						back=window.location.href;
					else
						back=null;
					load($(this).attr("action"),{data:$(this).serialize(), type:$(this).attr("method"),back:back},($(this).attr('rel')=="tab"));
					return false;
                }
            }); 
            
            
			$(where+" form.hide-form").each(function(evt){
				that = this;
				$('span.edit.label',this).click(function(evt){
						$(that).removeClass('hide-input');
						$(this).addClass('hide');
						$('span.save.label',that).removeClass('hide');
						$('input',that).removeAttr('disabled');
					});
				function handleSend(evt){
					that2=this;
					$.getJSON($(that).attr("action"),$(that).serialize(),function(evt){
						if(!evt.error){
							$(that).addClass('hide-input');
							$('input',that).attr('disabled','disabled');
							$('span.save.label',that).addClass('hide');
							$('span.edit.label',that).removeClass('hide');
						}else{
							//TODO Handle error
							console.log("TODO Handle Error");
						}
					});
				}
				$('span.save.label',this).addClass('hide');
				$('input',this).attr('disabled','disabled');
				$('span.save.label',this).click(handleSend);
				$(that).submit(function(evt){
					evt.stopPropagation();
					handleSend(evt);
					return false;
				});
			});
            
            
            
            //$(where+" form label.has-error").parent(".form-group").addClass("has-error")
        }
        function load(pageurl,conf,tab){
            data = {};
            typemethode = "GET";
            back = false;
            if(conf['data'])
                data = conf['data'];
            if(conf['type'])
                typemethode = conf['type'];
            if(conf['back'] && conf['back'].indexOf("logout")== -1 && conf['back'].indexOf("login")== -1 )
                back = conf['back'];
            //e.preventDefault(); 
            /*	
            if uncomment the above line, html5 nonsupported browers won't change the url but will display the ajax content;
            if commented, html5 nonsupported browers will reload the page to the specified link. 
            */	
            $.ajax({url:pageurl,data:data,type:typemethode,success: function(data){
                alert = data.split('<!-- alert -->')[1].split('<!-- /alert -->')[0];
                $('#alert').html(alert);
                
                if(back){
                    load(back,{},tab);
                }else if(tab){
                    navbar = data.split('<!-- tab -->')[1].split('<!-- /tab -->')[0];
                    $('#tab').html(navbar);
                    event("#tab");
                }else{
                    navbar = data.split('<!-- navbar -->')[1].split('<!-- /navbar -->')[0];
                    $('#navbar').html(navbar);
                    event("#navbar");
                    
                    container = data.split('<!-- container -->')[1].split('<!-- /container -->')[0];
                    $('#container').html(container);
                    event("#container");
                    
                    barright = data.split('<!-- barright -->')[1].split('<!-- /barright -->')[0];
                    $('#barright').html(barright);
                    event("#barright");
                    
                    barleft = data.split('<!-- barleft -->')[1].split('<!-- /barleft -->')[0];
                    $('#barleft').html(barleft);
                    event("#barleft");
                }
            },error:function(data){
                alert = data.responseText.split('<title>')[1].split('</title>')[0]
                alert = "<div class=\"alert alert-danger\">"+
                        "<button type=\"button\" class=\"close\" data-dismiss=\"alert\">&times;</button>"+
                        alert 
                        + "</div>"
                        +$('#alert').html();
                $('#alert').html(alert);
                
                container = data.responseText.split('<!-- container -->')[1].split('<!-- /container -->')[0];
                    $('#container').html(container);
                    event("#container");
            }});
            if(pageurl!=window.location){
                    window.history.pushState({path:pageurl},'',pageurl);	
            }
        };
        event("");
    });
}(window.jQuery);