217 lines
7.5 KiB
JavaScript
Executable File
217 lines
7.5 KiB
JavaScript
Executable File
/*
|
|
* To change this template, choose Tools | Templates
|
|
* and open the template in the editor.
|
|
*/
|
|
var global_load = null;
|
|
!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).attr("ref")!=="eventOff")
|
|
$(this).click(function(e){
|
|
load($(this).attr('href'),{},($(this).attr('rel')=="tab"));
|
|
return false;
|
|
});
|
|
});
|
|
|
|
|
|
$(where+" form").submit(function(e){
|
|
if(!$(this).hasClass("hide-form") && $(this).attr('enctype')!='multipart/form-data' ){
|
|
e.stopPropagation();
|
|
//e.preventDefault();
|
|
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;
|
|
}
|
|
});
|
|
|
|
$("form[ enctype *= 'multipart/form-data' ]").each(function(evt){
|
|
if (!$('#fileUpload').length)
|
|
$('body').append('<iframe id="fileUpload" name="fileUpload" style="display:none" />');
|
|
$(this).attr('target','fileUpload');
|
|
$(this).submit(function(){
|
|
frame = $('#fileUpload').load(function(){
|
|
setContent(frame.contents().find('body').html());
|
|
frame.unbind('load');
|
|
setTimeout(function (){frame.html('');}, 1);
|
|
});
|
|
});
|
|
});
|
|
$(where+" form.tableForm tbody").each(function(evt){
|
|
that = this;
|
|
newRow = $(".new").html();
|
|
$(this).change(function(){
|
|
tosave = true;
|
|
$("tr",that).each(function(){
|
|
see = true;
|
|
$("select",this).each(function(){
|
|
if(see)
|
|
see = $(this).val()=='';
|
|
});
|
|
if(see && $(this).attr("data")=="set"){
|
|
$(this).attr("data","");
|
|
$(this).remove();
|
|
}
|
|
if(!see && $(this).attr("data")!="set"){
|
|
$(this).attr("data","set");
|
|
$("tr",that).removeClass("new");
|
|
$(that).append("<tr class=\"new\">"+newRow+"</tr>");
|
|
evet();
|
|
}
|
|
|
|
save = true;
|
|
that2=this;
|
|
$("select",this).each(function(){
|
|
if(save && !$(that2).hasClass("new")){
|
|
save = $(this).val()!='';
|
|
}
|
|
});
|
|
if(tosave && !$(that2).hasClass("new")){
|
|
tosave = save;
|
|
}
|
|
});
|
|
if(tosave)
|
|
saveForm();
|
|
});
|
|
//ZUOFT WIRD GESPEICHERT
|
|
|
|
function evet(){
|
|
$("tr:not(.new)",that).each(function(){
|
|
var that2 = this;
|
|
$(".btn-del",this).unbind("click").click(function(evt){
|
|
$(that2).remove();
|
|
saveForm();
|
|
});
|
|
});
|
|
}
|
|
evet();
|
|
function saveForm(){
|
|
i = 0;
|
|
$("tr.new",that).remove();
|
|
$("tr",that).each(function(){
|
|
$("select,input",this).each(function(){
|
|
str = $(this).attr("name").replace(/data\[(.*)\]\[.*\]\[(.*)\]/g,'data[$1]['+i+'][$2]');
|
|
$(this).attr("name",str);
|
|
});
|
|
i++;
|
|
});
|
|
load($(that).attr("action"),{data:$(that).parents("form").serialize(), type:'POST'},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 setContent(data,back,tab){
|
|
alert = data.split('<!-- alert -->')[1].split('<!-- /alert -->')[0];
|
|
if( alert.trim().length > 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");
|
|
}
|
|
if(!back){
|
|
navbar = data.split('<!-- extraScript -->')[1].split('<!-- /extraScript -->')[0];
|
|
eval($(navbar).html());
|
|
}
|
|
}
|
|
function setContentError(data,back,tab){
|
|
alert = "<div class=\"alert alert-danger\">"+data.statusText+
|
|
"<button type=\"button\" class=\"close\" data-dismiss=\"alert\">×</button>"
|
|
+ "</div>";
|
|
$('#alert').html(alert);
|
|
event("#alert");
|
|
$('#container').html(data.responseText);
|
|
event("#container");
|
|
}
|
|
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){setContent(data,back,tab);} ,error:function(data){setContentError(data,back,tab);}});
|
|
if(pageurl!=window.location){
|
|
window.history.pushState({path:pageurl},'',pageurl);
|
|
}
|
|
};
|
|
event("");
|
|
global_load = load;
|
|
});
|
|
}(window.jQuery);
|
|
|
|
|