friends_ajax_core 0.0.51

data/app/assets/javascripts/ajax_ext_core/preload_images.js

@@ -0,0 +1,56 @@
+jQuery.preloadCssImages = function(){
+
+    var allImgs = [];//new array for all the image urls  
+    var k = 0; //iterator for adding images
+    var sheets = document.styleSheets;//array of stylesheets
+
+    for(var i = 0; i<sheets .length; i++){//loop through each stylesheet
+
+        var cssPile = '';//create large string of all css rules in sheet
+        var csshref = (sheets[i].href) ? sheets[i].href : 'window.location.href';
+        var baseURLarr = csshref.split('/');//split href at / to make array
+
+        baseURLarr.pop();//remove file path from baseURL array
+
+        var baseURL = baseURLarr.join('/');//create base url for the images in this sheet (css file's dir)
+
+        if(baseURL!="") baseURL+='/'; //tack on a / if needed
+
+        if(document.styleSheets[i].cssRules){//w3
+
+            var thisSheetRules = document.styleSheets[i].cssRules; //w3
+
+            for(var j = 0; j<thisSheetRules.length; j++){
+                cssPile+= thisSheetRules[j].cssText;
+            }
+        }
+        else {
+            cssPile+= document.styleSheets[i].cssText;
+        }
+
+        //parse cssPile for image urls and load them into the DOM
+        var imgUrls = cssPile.match(/[^\(]+\.(gif|jpg|jpeg|png)/g);//reg ex to get a string of between a "(" and a ".filename"
+
+        if(imgUrls != null && imgUrls.length>0 && imgUrls != ''){//loop array
+
+            var arr = jQuery.makeArray(imgUrls);//create array from regex obj        
+	
+						
+						
+            jQuery(arr).each(function(){
+                allImgs[k] = new Image(); //new img obj
+								
+								url = this
+								
+								// weirdness fix
+								if(url[0] == '"' || url[0] == "'"){
+									url = url.substring(1);
+								}
+								
+                allImgs[k].src = (url[0] == '/' || url.match('http://')) ? url : baseURL + url;     //set src either absolute or rel to css dir
+                k++;
+            });
+        }
+    }//loop
+    return allImgs;
+}

data/app/assets/javascripts/ajax_ui_core/autocomplete.js.erb

@@ -0,0 +1,26 @@
+initAutoComplete = function(){
+	
+	autocomplete_fields = $(".<%= AUTOCOMPLETE_SELECTOR %>")
+	autocomplete_fields.each(function(){
+		// Datenzusammensuchen
+		target = "<%= AUTOCOMPLETE_SOURCE_URL %>" + $(this).attr("<%= AUTOCOMPLETE_DATA_VALUE %>") 
+		div_id = "#"+$(this).attr("id")
+		
+		loadAutoCompleteJSONData(div_id, target);	
+		
+	});
+	
+}
+
+loadAutoCompleteJSONData = function(div_id, target){
+	$.getJSON(target, function(data){
+		source_data = []
+		$.each(data, function(id, val){
+			source_data.push(val);
+		});
+		
+		$(div_id).autocomplete({
+			source: source_data
+		});
+	});
+}

data/app/assets/javascripts/ajax_ui_core/datepicker.js.erb

@@ -0,0 +1,144 @@
+// Intialisierungen der DatePicker UI Elemente
+
+// Deutsche Sprache Laden
+//= require jquery.ui.datepicker-de
+var MONTHPICKER_MONTH_NAMES = ['Jan.', 'Feb.', 'März', 'April', 'Mai', 'Juni', 'Juli', 'Aug.', 'Sep.', 'Okt.', 'Nov.', 'Dez.']
+
+
+// DatePicker in calenders#index
+initDatepickerIconBoxCalendersIndex = function(){
+	$("#datepicker-calendars-index").datepicker({
+		onSelect: function(date, inst){
+			remote_function("/calenders/index/"+ PARAMS_ID + "?start_date="+date, 'calendar-container');
+		}
+	});
+	
+	$(".datepicker-icon-box.calendars-index").click(function(){
+		$("#datepicker-calendars-index").datepicker('show');
+	});
+}
+
+// DateTimePicker / Loader für freie Räume für calenders#form
+initDateTimePickerCalendersForm = function(){
+	$('#datepicker-calendars-form').datetimepicker({
+    controlType: 'select',
+    hourText: 'Stunde',
+    minuteText: 'Minute',
+    currentText: 'Jetzt',
+    closeText: 'Fertig'
+  });
+
+	$("#calender-datetime-select :input").change(function(){ loadRoomDataForCalendersForm(); });
+	
+	$(".datepicker-box.calendars-form").click(function(){
+		$("#datepicker-calendars-form").datepicker('show');
+	});
+}
+
+loadRoomDataForCalendersForm = function(){
+	if(jQuery("#calender-datetime-select :input.datepicker-widget").val() == ""){
+		alert("Bitte wählen Sie ein Datum aus.")
+	}else{
+		jQuery.ajax({
+			beforeSend:function(request){ }, 
+			success:function(request){jQuery('#room_select').html(request);},
+			data: jQuery("#calender-datetime-select :input").serialize() + '&authenticity_token=' + AUTH_TOKEN,  
+			type:'post', 
+			url:'/calenders/get_free_rooms'
+		});
+	}
+}
+
+// Bereich Backoffice Umsatz
+initDatePickerTarifBeginn = function(){
+	$("[id^=datepicker-tarif-beginn]").each(function(){
+		uid = $(this).attr('id').split("-")[3]
+		$(this).datepicker({
+			onSelect: function(date, inst){
+				remote_function("/tarif/backoffice_beginn_set/"+ uid + "?tarif_beginn="+date, 'beginn_'+uid, 'tiny');
+			}
+		});
+	});
+}
+
+// Datepicker für monthly_stepper
+initMonthlyStepper = function(){
+  $("#monthly-stepper").monthpicker(
+      { startYear: <%= SC_START_DATE.year %>,
+			  finalYear: <%= Time.now.year %>,
+				monthNames: MONTHPICKER_MONTH_NAMES
+			}
+    );
+  $("#monthly-stepper").bind('monthpicker-click-month', function(){
+    month_value = $("#monthly-stepper").val().split("/")[0];
+    year_value = $("#monthly-stepper").val().split("/")[1];
+    
+    // Replace URL Placeholder
+    raw_url = raw_url.replace(".YYYY.", year_value);
+    raw_url = raw_url.replace(".MM.", month_value);
+    
+    window.location = raw_url;
+  });
+}
+
+
+initDefaultDatepicker = function(){
+	$("input.<%= DEFAULT_DATEPICKER_SELECTOR %>").each(function(){
+		$(this).datepicker({changeYear: true,  yearRange: '1930:<%= Time.now.year+80 %>', hideIfNoPrevNextType: false})
+		cur_date = $(this).attr("<%= HTML_DATA_CURRENT_DATE %>") || ""
+		if(cur_date != ""){
+			y = parseInt(cur_date.split("-")[0]);
+			m = parseInt(cur_date.split("-")[1])-1;
+			d = parseInt(cur_date.split("-")[2]);
+			real_date = new Date(y,m,d);
+			$(this).datepicker("setDate", real_date);
+		}
+	});
+	initDefaultDateTimepicker();
+}
+
+initDefaultDateTimepicker = function(){
+	$("input.<%= DEFAULT_DATETIMEPICKER_SELECTOR %>").each(function(){
+		$(this).datetimepicker({changeYear: true,  yearRange: '1930:<%= Time.now.year+80 %>', hideIfNoPrevNextType: false, controlType: 'select', hourText: "Std.", minuteText: "Min.", closeText: 'OK', stepMinute: 10})
+		cur_date = $(this).attr("<%= HTML_DATA_CURRENT_DATE %>") || ""
+		if(cur_date != ""){
+			var regex = /(\d{2})\.(\d{2})\.(\d{4}) - (\d{2}):(\d{2})/;
+			var dateArray = regex.exec(cur_date);
+			var real_date = new Date(
+					(+dateArray[3]),
+			    (+dateArray[2])-1, // Careful, month starts at 0!
+			    (+dateArray[1]),
+			    (+dateArray[4]),
+			    (+dateArray[5]),
+					0
+			);
+						
+			$(this).datetimepicker("setDate", real_date);
+		}
+	});
+}
+
+initDefaultMonthpicker = function(){
+	$("input.<%= DEFAULT_MONTHPICKER_SELECTOR %>").each(function(){
+		$(this).monthpicker(
+			{ startYear: 1930,
+			  finalYear: <%= Time.now.year+80 %>,
+				monthNames: MONTHPICKER_MONTH_NAMES
+			}
+		)
+		$(this).bind('monthpicker-click-month', function(){
+      if($(this).val().match("/") != null){
+  			old_val = ($(this).val().split("/"));
+  			$(this).val("01."+old_val[0]+"."+old_val[1]);
+        return true
+      } 
+		});
+	});
+}
+
+
+initDatePickers = function(){
+	initDefaultDatepicker();
+	initDefaultMonthpicker();
+}
+

data/app/assets/javascripts/ajax_ui_core/friends_ui.js.erb

@@ -0,0 +1,23 @@
+equalHeight = function(selector){
+  cols = $(selector);
+  cols_h = [];
+  cols.each(function(){
+    $(this).css("height", "auto");
+  });
+  cols.each(function(i){ cols_h.push($(cols[i]).height()); });    
+
+  max_h = Math.max.apply( Math, cols_h );
+  cols.css("min-height", max_h+"px");
+}
+
+
+randomString = function (){
+  var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
+  var string_length = 8;
+  var randomstring = '';
+  for (var i=0; i<string_length; i++) {
+    var rnum = Math.floor(Math.random() * chars.length);
+    randomstring += chars.substring(rnum,rnum+1);
+  }
+  return randomstring;
+}

data/app/assets/javascripts/ajax_ui_core/overlay.js.erb

@@ -0,0 +1,85 @@
+//= 	Javascript für Overlays, Loader etc.
+
+//==	Loading Overlay
+showLoading = function(show_text){
+  ol = $("#loadingOverlay");
+  ol.height($("#maklertools").height());
+  ol.width($("#maklertools").width());
+  ol.fadeIn(200);
+}
+
+hideLoading = function(){
+  $("#loadingOverlay").fadeOut(200);
+}
+
+hideSmarty = function(){
+  $('#smarty_area').fadeOut(400);
+}
+
+
+//==	Ajax Overlay
+
+
+//== 	Info-Overlay
+initInfoOverlay = function(id){
+	overlay = $("#"+id)
+  overlay.hide()
+  
+  dwidth  = window.innerWidth
+  dheight = window.innerHeight
+
+  overlay.css({'max-width': (dwidth*0.9)+'px', 'max-height': (dheight*0.75)+'px'});
+  
+  owidth  = overlay.width();
+  oheight = overlay.height();
+  
+  overlay.css({left: ((dwidth/2)-(owidth/2))+'px', top: ((dheight/2)-(oheight/2))+'px', width: owidth+'px',  height: (oheight+25)+'px', position: "fixed"});
+  overlay.fadeIn(500);
+}
+
+
+
+//== 	Helper-Funktionen
+
+// Ausblenden
+hideAjaxOverlay = function(id_tmp){
+  $("#"+id_tmp).slideUp();
+}
+
+
+// Ajax Fullscreen Overlay
+setAjaxFullscreen = function(id){
+  
+  overlay = $("#"+id);
+  
+  dwidth  = window.innerWidth
+  dheight = window.innerHeight
+
+  overlay.css({'width': (dwidth*0.9)+'px', 'height': (dheight*0.8)+'px'});
+  
+    // 
+  // overlay.animate({left: "0px", top: "49px", width: ($(document).width())+"px", height: (window.outerHeight-154)+"px"}, 200);
+  // overlay.css("max-width", "100%");
+  
+}
+
+// Z-Index setzen
+// Overlay Z-Index Setter
+initOverlayZindexSetter = function(over){
+	var zindexes = new Array
+	$("div.<%= AJAX_OVERLAY_CLASS %>, div.<%= INFO_OVERLAY_CLASS %>").each(function(){
+		zindexes.push(parseInt($(this).css('z-index')));
+	});
+	zindex_max = parseInt(zindexes.sort().reverse()[0]);
+	
+	// neues Overlay z-index setzen
+	over.css('z-index', zindex_max+1);
+	zindex_max = parseInt(over.css('z-index'));
+	
+	$('#'+over.attr('id')).click(function(){
+		$(this).css('z-index', zindex_max+1);
+		zindex_max = parseInt($(this).css('z-index'));
+	});
+}
+
+

data/app/assets/javascripts/ajax_ui_core/slide-down.js

@@ -0,0 +1,163 @@
+init_todo_slidedown = function(){
+  todo_buttons = $("#smart-toolbox .js-slidedown-button");
+  todo_content = $("#smart-toolbox .js-slidedown-content");
+      
+  todo_content.each(function(){
+    $(this).hide();
+  });
+      
+     todo_buttons.each(function(id){
+       $(this).click(function(){
+           $(todo_content[id]).slideToggle(200);
+       });
+     });
+}
+
+init_slidedown = function(){
+  boxes = $(".js-slide-down-box.plain");
+  
+  boxes.each(function(id){
+    ident = randomString();
+
+    $(this).removeClass("plain");
+    $(this).addClass(ident);
+    btn   = $($(this).children(".js-slidedown-button")[0]);
+    cont  = $($(this).children(".js-slidedown-content")[0]);
+    
+    btn.addClass(ident);
+    cont.addClass(ident);
+    
+    btn   = $(".js-slidedown-button."+ident);
+    
+    btn.click(function(){
+      x = $(this).attr('class').split(' ');
+      ident = x[x.length-1];
+      cont  = $(".js-slidedown-content."+ident);
+			
+			box = $(".js-slide-down-box."+ident)
+			
+			session_id = box.attr("data-session-id")
+			//cont.slideToggle(200);
+			$(box).toggleClass("open");
+			
+			//$.ajax({url: "/ajax/save_slidedown_box/"+session_id, data:'authenticity_token=' + AUTH_TOKEN,  type:'get'});
+    });
+  });
+
+}
+
+init_tab_slidedown = function(){
+  tab_boxes   = $(".tabbed-box");
+  tab_buttons = $(".tabbed-box .tab-header");
+  tab_slidedown_content = $(".tabbed-box .tab-content");
+      
+     tab_buttons.each(function(id){
+       // if(getCookieValue($(tab_boxes[id]).attr("id")) == "0"){
+       //          $(tab_slidedown_content[id]).hide();
+       //        }
+       $(this).click(function(){
+         if($(tab_slidedown_content[id]).attr("style") == "display: none;"){
+           setCookieValue($(tab_boxes[id]).attr("id"), 1);
+         }
+         else{
+           setCookieValue($(tab_boxes[id]).attr("id"), 0);
+         }
+         $(tab_slidedown_content[id]).slideToggle(200);
+       });
+     });
+}
+
+init_hide_rows = function(){
+  hide_rows   = $("tr.hiding-row");
+      
+     hide_rows.each(function(id){
+       $(this).click(function(){
+         $(this).children(".hide-me").slideDown(200);
+       });
+       $(this).mouseout(function(){
+          $(this).children(".hide-me").slideUp(200);
+        });
+     });
+}
+
+init_slide_table = function(){
+  tables = $(".js-slide-down-table")
+  tables.each(function(i){
+    $(tables[i]).children("thead").click(function(){
+      $(tables[i]).children("tbody").slideToggle(200);
+    });
+  })
+}
+
+
+initPopOutBox = function(){
+  PopOutClassName = "popped-out"
+  
+  $(".js-pop-out-box.pop-disabled").each(function(){
+
+
+    $(this).mouseenter(function(){
+      original_width = $(this).width()
+      
+      if($(this).hasClass(PopOutClassName)){
+        button = $(this)
+        button.children(".js-pop-out-content").fadeOut(0,function(){
+          button.removeClass(PopOutClassName)
+        });
+        
+        
+      }else{
+        // Alles Zu!
+        $(".js-pop-out-content:visible").hide();
+        $(".js-pop-out-box").removeAttr("style");
+        $(".js-pop-out-box").removeClass(PopOutClassName);
+      
+      
+        // Checken ob Box nach Links aufgehen muss
+        window_width = $(document).width()
+        if($(this).offset()['left'] > (window_width/2)){
+          lefty = true
+        }else{
+          lefty = false
+        }
+      
+        if(lefty == true){
+          $(this).addClass("pop-out-left")
+        }else{
+          $(this).addClass("pop-out-right")
+        }
+        $(this).children(".js-pop-out-content").fadeIn(0)
+        $(this).addClass(PopOutClassName)
+        
+      }
+      
+    });
+    
+    $(this).mouseleave(function(){
+      button = $(this)
+      button.children(".js-pop-out-content").fadeOut(0,function(){
+        button.removeClass(PopOutClassName)
+      });
+      
+     
+    });
+    
+    $(this).removeClass("pop-disabled");
+  });
+}
+
+$(document).ready(function(){
+      init_slidedown();
+      init_tab_slidedown();
+      init_hide_rows();
+      init_slide_table();
+      initPopOutBox();
+      // Pop-Out Box
+      
+          
+});
+
+
+
+
+