src/ztfy/myams/resources/js/myams-notify.js
changeset 38 173b951c6aef
parent 0 8a19e25e39e4
child 142 0201f1422bd7
--- a/src/ztfy/myams/resources/js/myams-notify.js	Tue Jun 03 23:39:19 2014 +0200
+++ b/src/ztfy/myams/resources/js/myams-notify.js	Tue Jun 03 23:40:12 2014 +0200
@@ -1,6 +1,6 @@
 /*
  * MyAMS extensions for notification messages
- * Version 0.1.0
+ * Version 0.1.2
  * ©2014 Thierry Florac <tflorac@ulthar.net>
  */
 
@@ -16,10 +16,10 @@
 
 	function SmartUnLoading() {
 		$(".divMessageBox").fadeOut(300, function () {
-			$(this).remove()
+			$(this).remove();
 		});
 		$(".LoadingBoxContainer").fadeOut(300, function () {
-			$(this).remove()
+			$(this).remove();
 		})
 	}
 
@@ -72,44 +72,46 @@
 				SmartMSG = "<div class='MessageBox animated fadeIn fast' id='MsgBoxBack'></div>";
 				$("body").append(SmartMSG);
 				if (MyAMS.browser.isIE8orlower() == 1) {
-					$("#MsgBoxBack").addClass("MessageIE")
+					$("#MsgBoxBack").addClass("MessageIE");
 				}
 			}
 			var InputType = "";
 			var HasInput = 0;
+			var Name = "";
+			var NumButtons = 0;
 			if (settings.input != undefined) {
 				HasInput = 1;
 				settings.input = settings.input.toLowerCase();
 				switch (settings.input) {
-				case "text":
-					InputType = "<input class='form-control' type='" + settings.input + "' id='txt" + SmartMSGboxCount + "' placeholder='" + settings.placeholder + "'/><br/><br/>";
-					break;
-				case "password":
-					InputType = "<input class='form-control' type='" + settings.input + "' id='txt" + SmartMSGboxCount + "' placeholder='" + settings.placeholder + "'/><br/><br/>";
-					break;
-				case "select":
-					if (settings.options == undefined) {
-						alert("For this type of input, the options parameter is required.")
-					} else {
-						InputType = "<select class='form-control' id='txt" + SmartMSGboxCount + "'>";
-						for (var i = 0; i <= settings.options.length - 1; i++) {
-							if (settings.options[i] == "[") {
-								Name = ""
-							} else {
-								if (settings.options[i] == "]") {
-									NumBottons = NumBottons + 1;
-									Name = "<option>" + Name + "</option>";
-									InputType += Name
+					case "text":
+						InputType = "<input class='form-control' type='" + settings.input + "' id='txt" + SmartMSGboxCount + "' placeholder='" + settings.placeholder + "'/><br/><br/>";
+						break;
+					case "password":
+						InputType = "<input class='form-control' type='" + settings.input + "' id='txt" + SmartMSGboxCount + "' placeholder='" + settings.placeholder + "'/><br/><br/>";
+						break;
+					case "select":
+						if (settings.options == undefined) {
+							alert("For this type of input, the options parameter is required.");
+						} else {
+							InputType = "<select class='form-control' id='txt" + SmartMSGboxCount + "'>";
+							for (var i = 0; i <= settings.options.length - 1; i++) {
+								if (settings.options[i] == "[") {
+									Name = "";
 								} else {
-									Name += settings.options[i]
+									if (settings.options[i] == "]") {
+										NumButtons = NumButtons + 1;
+										Name = "<option>" + Name + "</option>";
+										InputType += Name;
+									} else {
+										Name += settings.options[i];
+									}
 								}
 							}
+							InputType += "</select>";
 						}
-						InputType += "</select>"
-					}
-					break;
-				default:
-					alert("That type of input is not handled yet")
+						break;
+					default:
+						alert("That type of input is not handled yet");
 				}
 			}
 			Content = "<div class='MessageBoxContainer animated fadeIn fast' id='Msg" + SmartMSGboxCount + "'>";
@@ -119,28 +121,26 @@
 			Content += InputType;
 			Content += "<div class='MessageBoxButtonSection'>";
 			if (settings.buttons == undefined) {
-				settings.buttons = "[Accept]"
+				settings.buttons = "[Accept]";
 			}
 			settings.buttons = $.trim(settings.buttons);
 			settings.buttons = settings.buttons.split("");
-			var Name = "";
-			var NumBottons = 0;
 			if (settings.NormalButton == undefined) {
-				settings.NormalButton = "#232323"
+				settings.NormalButton = "#232323";
 			}
 			if (settings.ActiveButton == undefined) {
-				settings.ActiveButton = "#ed145b"
+				settings.ActiveButton = "#ed145b";
 			}
 			for (var i = 0; i <= settings.buttons.length - 1; i++) {
 				if (settings.buttons[i] == "[") {
-					Name = ""
+					Name = "";
 				} else {
 					if (settings.buttons[i] == "]") {
-						NumBottons = NumBottons + 1;
-						Name = "<button id='bot" + NumBottons + "-Msg" + SmartMSGboxCount + "' class='btn btn-default btn-sm botTempo'> " + Name + "</button>";
-						Content += Name
+						NumButtons = NumButtons + 1;
+						Name = "<button id='bot" + NumButtons + "-Msg" + SmartMSGboxCount + "' class='btn btn-default btn-sm botTempo'> " + Name + "</button>";
+						Content += Name;
 					} else {
-						Name += settings.buttons[i]
+						Name += settings.buttons[i];
 					}
 				}
 			}
@@ -149,16 +149,16 @@
 			Content += "</div>";
 			if (SmartMSGboxCount > 1) {
 				$(".MessageBoxContainer").hide();
-				$(".MessageBoxContainer").css("z-index", 99999)
+				$(".MessageBoxContainer").css("z-index", 99999);
 			}
 			$(".MessageBox").append(Content);
 			if (HasInput == 1) {
-				$("#txt" + SmartMSGboxCount).focus()
+				$("#txt" + SmartMSGboxCount).focus();
 			}
 			$(".botTempo").hover(function () {
-				var ThisID = $(this).attr("id")
+				var ThisID = $(this).attr("id");
 			}, function () {
-				var ThisID = $(this).attr("id")
+				var ThisID = $(this).attr("id");
 			});
 			$(".botTempo").click(function () {
 				var ThisID = $(this).attr("id");
@@ -169,13 +169,13 @@
 						var IDNumber = MsgBoxID.replace("Msg", "");
 						var Value = $("#txt" + IDNumber).val();
 						if (callback) {
-							callback(Press, Value)
+							callback(Press, Value);
 						}
 					}
 				} else {
 					if (typeof callback == "function") {
 						if (callback) {
-							callback(Press)
+							callback(Press);
 						}
 					}
 				}
@@ -184,7 +184,7 @@
 				if (SmartMSGboxCount == 0) {
 					$("#MsgBoxBack").removeClass("fadeIn").addClass("fadeOut").delay(300).queue(function () {
 						ExistMsg = 0;
-						$(this).remove()
+						$(this).remove();
 					})
 				}
 			})
@@ -207,34 +207,34 @@
 				if (MyAMS.browser.isIE8orlower() == 0) {
 					var audioElement = document.createElement("audio");
 					if (navigator.userAgent.match("Firefox/")) {
-						audioElement.setAttribute("src", MyAMS.baseURL + '../snd/bigbox.ogg')
+						audioElement.setAttribute("src", MyAMS.baseURL + '../snd/bigbox.ogg');
 					} else {
-						audioElement.setAttribute("src", MyAMS.baseURL + '../snd/bigbox.mp3')
+						audioElement.setAttribute("src", MyAMS.baseURL + '../snd/bigbox.mp3');
 					}
 					$.get();
 					audioElement.addEventListener("load", function () {
-						audioElement.play()
+						audioElement.play();
 					}, true);
 					audioElement.pause();
-					audioElement.play()
+					audioElement.play();
 				}
 			}
 			BigBoxes = BigBoxes + 1;
 			boxBig = "<div id='bigBox" + BigBoxes + "' class='BigBox animated fadeIn fast'><div id='bigBoxColor" + BigBoxes + "'><i class='btnClose fa fa-times' id='btnClose" + BigBoxes + "'></i>";
 			if (settings.icon == undefined) {
-				settings.icon = "fa fa-cloud"
+				settings.icon = "fa fa-cloud";
 			}
 			boxBig += "<span><i class='" + settings.icon + "'></i>&nbsp; " + settings.title + "</span>";
 			boxBig += "<p>" + settings.content + "</p>";
 			boxBig += "<div class='bigboxnumber'>";
 			if (settings.number != undefined) {
-				boxBig += settings.number
+				boxBig += settings.number;
 			}
 			boxBig += "</div></div>";
 			boxBig += "</div>";
 			$("#divBigBoxes").append(boxBig);
 			if (settings.color == undefined) {
-				settings.color = "#004d60"
+				settings.color = "#004d60";
 			}
 			$("#bigBox" + BigBoxes).css("background-color", settings.color);
 			$("#divMiniIcons").append("<div id='miniIcon" + BigBoxes + "' class='cajita animated fadeIn' style='background-color: " + settings.color + ";'><i class='" + settings.icon + "'/></i></div>");
@@ -245,13 +245,13 @@
 				$(".cajita").each(function (index) {
 					var BackBox = $(this).attr("id");
 					var BigBoxID = BackBox.replace("miniIcon", "bigBox");
-					$("#" + BigBoxID).css("z-index", 9998)
+					$("#" + BigBoxID).css("z-index", 9998);
 				});
 				$("#" + FrontBigBox).css("z-index", 9999);
 				$("#" + FronBigBoxColor).removeClass("animated fadeIn").delay(1).queue(function () {
 					$(this).show();
 					$(this).addClass("animated fadeIn");
-					$(this).clearQueue()
+					$(this).clearQueue();
 				})
 			});
 			var ThisBigBoxCloseCross = $("#btnClose" + BigBoxes);
@@ -272,17 +272,17 @@
 						backgroundColor: settings.colors[ColorIndex].color
 					});
 					if (ColorIndex < settings.colors.length - 1) {
-						ThisBigBoxCloseCross.attr("colorcount", ((ColorIndex * 1) + 1))
+						ThisBigBoxCloseCross.attr("colorcount", ((ColorIndex * 1) + 1));
 					} else {
-						ThisBigBoxCloseCross.attr("colorcount", 0)
+						ThisBigBoxCloseCross.attr("colorcount", 0);
 					}
-				}, settings.colortime)
+				}, settings.colortime);
 			}
 			ThisBigBoxCloseCross.bind("click", function () {
 				clearInterval(ColorTimeInterval);
 				if (typeof callback == "function") {
 					if (callback) {
-						callback()
+						callback();
 					}
 				}
 				var FrontBox = $(this).attr("id");
@@ -291,29 +291,31 @@
 				$("#" + FrontBigBox).removeClass("fadeIn fast");
 				$("#" + FrontBigBox).addClass("fadeOut fast").delay(300).queue(function () {
 					$(this).clearQueue();
-					$(this).remove()
+					$(this).remove();
 				});
 				$("#" + miniIcon).removeClass("fadeIn fast");
 				$("#" + miniIcon).addClass("fadeOut fast").delay(300).queue(function () {
 					$(this).clearQueue();
-					$(this).remove()
+					$(this).remove();
 				})
 			});
 			if (settings.timeout != undefined) {
 				var TimedID = BigBoxes;
 				setTimeout(function () {
 					clearInterval(ColorTimeInterval);
-					$("#bigBox" + TimedID).removeClass("fadeIn fast");
-					$("#bigBox" + TimedID).addClass("fadeOut fast").delay(300).queue(function () {
+					var box = $("#bigBox" + TimedID);
+					box.removeClass("fadeIn fast");
+					box.addClass("fadeOut fast").delay(300).queue(function () {
 						$(this).clearQueue();
-						$(this).remove()
+						$(this).remove();
 					});
-					$("#miniIcon" + TimedID).removeClass("fadeIn fast");
-					$("#miniIcon" + TimedID).addClass("fadeOut fast").delay(300).queue(function () {
+					var icon = $("#miniIcon" + TimedID);
+					icon.removeClass("fadeIn fast");
+					icon.addClass("fadeOut fast").delay(300).queue(function () {
 						$(this).clearQueue();
-						$(this).remove()
+						$(this).remove();
 					})
-				}, settings.timeout)
+				}, settings.timeout);
 			}
 		},
 
@@ -334,16 +336,16 @@
 				if (MyAMS.browser.isIE8orlower() == 0) {
 					var audioElement = document.createElement("audio");
 					if (navigator.userAgent.match("Firefox/")) {
-						audioElement.setAttribute("src", MyAMS.baseURL + '../snd/smallbox.ogg')
+						audioElement.setAttribute("src", MyAMS.baseURL + '../snd/smallbox.ogg');
 					} else {
-						audioElement.setAttribute("src", MyAMS.baseURL + '../snd/smallbox.mp3')
+						audioElement.setAttribute("src", MyAMS.baseURL + '../snd/smallbox.mp3');
 					}
 					$.get();
 					audioElement.addEventListener("load", function () {
-						audioElement.play()
+						audioElement.play();
 					}, true);
 					audioElement.pause();
-					audioElement.play()
+					audioElement.play();
 				}
 			}
 			SmallBoxes = SmallBoxes + 1;
@@ -351,21 +353,21 @@
 			var IconSection = "",
 				CurrentIDSmallbox = "smallbox" + SmallBoxes;
 			if (settings.iconSmall == undefined) {
-				IconSection = "<div class='miniIcon'></div>"
+				IconSection = "<div class='miniIcon'></div>";
 			} else {
-				IconSection = "<div class='miniIcon'><i class='miniPic " + settings.iconSmall + "'></i></div>"
+				IconSection = "<div class='miniIcon'><i class='miniPic " + settings.iconSmall + "'></i></div>";
 			} if (settings.icon == undefined) {
-				BoxSmall = "<div id='smallbox" + SmallBoxes + "' class='SmallBox animated fadeInRight fast'><div class='textoFull'><span>" + settings.title + "</span><p>" + settings.content + "</p></div>" + IconSection + "</div>"
+				BoxSmall = "<div id='smallbox" + SmallBoxes + "' class='SmallBox animated fadeInRight fast'><div class='textoFull'><span>" + settings.title + "</span><p>" + settings.content + "</p></div>" + IconSection + "</div>";
 			} else {
-				BoxSmall = "<div id='smallbox" + SmallBoxes + "' class='SmallBox animated fadeInRight fast'><div class='foto'><i class='" + settings.icon + "'></i></div><div class='textoFoto'><span>" + settings.title + "</span><p>" + settings.content + "</p></div>" + IconSection + "</div>"
+				BoxSmall = "<div id='smallbox" + SmallBoxes + "' class='SmallBox animated fadeInRight fast'><div class='foto'><i class='" + settings.icon + "'></i></div><div class='textoFoto'><span>" + settings.title + "</span><p>" + settings.content + "</p></div>" + IconSection + "</div>";
 			} if (SmallBoxes == 1) {
 				$("#divSmallBoxes").append(BoxSmall);
-				SmallBoxesAnchos = $("#smallbox" + SmallBoxes).height() + 40
+				SmallBoxesAnchos = $("#smallbox" + SmallBoxes).height() + 40;
 			} else {
 				var SmartExist = $(".SmallBox").size();
 				if (SmartExist == 0) {
 					$("#divSmallBoxes").append(BoxSmall);
-					SmallBoxesAnchos = $("#smallbox" + SmallBoxes).height() + 40
+					SmallBoxesAnchos = $("#smallbox" + SmallBoxes).height() + 40;
 				} else {
 					$("#divSmallBoxes").append(BoxSmall);
 					$("#smallbox" + SmallBoxes).css("top", SmallBoxesAnchos);
@@ -374,11 +376,11 @@
 						if (index == 0) {
 							$(this).css("top", 20);
 							heightPrev = $(this).height() + 40;
-							SmallBoxesAnchos = $(this).height() + 40
+							SmallBoxesAnchos = $(this).height() + 40;
 						} else {
 							$(this).css("top", heightPrev);
 							heightPrev = heightPrev + $(this).height() + 20;
-							SmallBoxesAnchos = SmallBoxesAnchos + $(this).height() + 20
+							SmallBoxesAnchos = SmallBoxesAnchos + $(this).height() + 20;
 						}
 					})
 				}
@@ -398,11 +400,11 @@
 						backgroundColor: settings.colors[ColorIndex].color
 					});
 					if (ColorIndex < settings.colors.length - 1) {
-						ThisSmallBox.attr("colorcount", ((ColorIndex * 1) + 1))
+						ThisSmallBox.attr("colorcount", ((ColorIndex * 1) + 1));
 					} else {
-						ThisSmallBox.attr("colorcount", 0)
+						ThisSmallBox.attr("colorcount", 0);
 					}
-				}, settings.colortime)
+				}, settings.colortime);
 			}
 			if (settings.timeout != undefined) {
 				setTimeout(function () {
@@ -416,7 +418,7 @@
 							$("#" + CurrentIDSmallbox).remove();
 							if (typeof callback == "function") {
 								if (callback) {
-									callback()
+									callback();
 								}
 							}
 							var Primero = 1;
@@ -427,13 +429,13 @@
 										top: 20
 									}, 300);
 									heightPrev = $(this).height() + 40;
-									SmallBoxesAnchos = $(this).height() + 40
+									SmallBoxesAnchos = $(this).height() + 40;
 								} else {
 									$(this).animate({
 										top: heightPrev
 									}, 350);
 									heightPrev = heightPrev + $(this).height() + 20;
-									SmallBoxesAnchos = SmallBoxesAnchos + $(this).height() + 20
+									SmallBoxesAnchos = SmallBoxesAnchos + $(this).height() + 20;
 								}
 							})
 						})
@@ -442,7 +444,7 @@
 						SmallBoxesAnchos = SmallBoxesAnchos - ThisHeight;
 						if (typeof callback == "function") {
 							if (callback) {
-								callback()
+								callback();
 							}
 						}
 						$("#" + CurrentIDSmallbox).removeClass().addClass("SmallBox").animate({
@@ -457,16 +459,16 @@
 										top: 20
 									}, 300);
 									heightPrev = $(this).height() + 40;
-									SmallBoxesAnchos = $(this).height() + 40
+									SmallBoxesAnchos = $(this).height() + 40;
 								} else {
 									$(this).animate({
 										top: heightPrev
 									});
 									heightPrev = heightPrev + $(this).height() + 20;
-									SmallBoxesAnchos = SmallBoxesAnchos + $(this).height() + 20
+									SmallBoxesAnchos = SmallBoxesAnchos + $(this).height() + 20;
 								}
 							})
-						})
+						});
 					}
 				}, settings.timeout)
 			}
@@ -474,7 +476,7 @@
 				clearInterval(ColorTimeInterval);
 				if (typeof callback == "function") {
 					if (callback) {
-						callback()
+						callback();
 					}
 				}
 				var ThisHeight = $(this).height() + 20;
@@ -493,17 +495,17 @@
 								top: 20
 							}, 300);
 							heightPrev = $(this).height() + 40;
-							SmallBoxesAnchos = $(this).height() + 40
+							SmallBoxesAnchos = $(this).height() + 40;
 						} else {
 							$(this).animate({
 								top: heightPrev
 							}, 350);
 							heightPrev = heightPrev + $(this).height() + 20;
-							SmallBoxesAnchos = SmallBoxesAnchos + $(this).height() + 20
+							SmallBoxesAnchos = SmallBoxesAnchos + $(this).height() + 20;
 						}
-					})
-				})
-			})
+					});
+				});
+			});
 		}
 	}