cobweb 0.0.55 → 0.0.57

data/spec/samples/sample_site/js/controls/wysiwyg.image.js

@@ -0,0 +1,284 @@
+/**
+ * Controls: Image plugin
+ *
+ * Depends on jWYSIWYG
+ */
+(function ($) {
+	"use strict";
+
+	if (undefined === $.wysiwyg) {
+		throw "wysiwyg.image.js depends on $.wysiwyg";
+	}
+
+	if (!$.wysiwyg.controls) {
+		$.wysiwyg.controls = {};
+	}
+
+	/*
+	 * Wysiwyg namespace: public properties and methods
+	 */
+	$.wysiwyg.controls.image = {
+		groupIndex: 6,
+		visible: true,
+		exec: function () {
+			$.wysiwyg.controls.image.init(this);
+		},
+		tags: ["img"],
+		tooltip: "Insert image",	
+		init: function (Wysiwyg) {
+			var self = this, elements, adialog, dialog, formImageHtml, regexp, dialogReplacements, key, translation,
+				img = {
+					alt: "",
+					self: Wysiwyg.dom ? Wysiwyg.dom.getElement("img") : null, // link to element node
+					src: "http://",
+					title: ""
+				};
+
+			dialogReplacements = {
+				legend	: "Insert Image",
+				preview : "Preview",
+				url     : "URL",
+				title   : "Title",
+				description : "Description",
+				width   : "Width",
+				height  : "Height",
+				original : "Original W x H",
+				"float"	: "Float",
+				floatNone : "None",
+				floatLeft : "Left",
+				floatRight : "Right",
+				submit  : "Insert Image",
+				reset   : "Cancel",
+				fileManagerIcon : "Select file from server"
+			};
+
+			formImageHtml = '<form class="wysiwyg" id="wysiwyg-addImage"><fieldset>' +
+				//'<div class="form-row"><label>{preview}:</label><div class="form-row-value"><img src="gfx/wysiwyg-preview.gif" alt="{preview}" style="max-width: 180px; overflow:hidden; max-height: 135px;"/></div></div>' +
+				'<div class="form-row"><label for="name">{url}:</label><div class="form-row-value"><input type="text" name="src" value=""/>';
+			
+			if ($.wysiwyg.fileManager && $.wysiwyg.fileManager.ready) {
+				// Add the File Manager icon:
+				formImageHtml += '<div class="wysiwyg-fileManager" title="{fileManagerIcon}"/>';
+			}
+			
+			formImageHtml += '</div></div>' +
+				'<div class="form-row"><label for="name">{title}:</label><div class="form-row-value"><input type="text" name="imgtitle" value=""/></div></div>' +
+				'<div class="form-row"><label for="name">{description}:</label><div class="form-row-value"><input type="text" name="description" value=""/></div></div>' +
+				'<div class="form-row"><label for="name">{width} x {height}:</label><div class="form-row-value"><input type="text" class="tiny" name="width" value="" /> x <input type="text" class="tiny" name="height" value="" class="width-small"/></div></div>' +
+				'<div class="form-row"><label for="name">{original}:</label><div class="form-row-value"><input type="text" class="tiny" name="naturalWidth" value="" disabled="disabled"/> x ' +
+				'<input type="text" class="tiny" name="naturalHeight" value="" disabled="disabled"/></div></div>' +
+				'<div class="form-row"><label for="name">{float}:</label><div class="form-row-value"><select name="float">' + 
+				'<option value="">{floatNone}</option>' +
+				'<option value="left">{floatLeft}</option>' +
+				'<option value="right">{floatRight}</option></select></div></div>' +
+				'<div class="form-row form-row-last"><label for="name"></label><div class="form-row-value"><button type="submit" class="green medium" value="{submit}"><span>Sumbit</span></button>&nbsp' +
+				'<button type="submit" class="red medium" value="{reset}"><span>Reset</span></button></div></div></fieldset></form>';
+
+			for (key in dialogReplacements) {
+				if ($.wysiwyg.i18n) {
+					translation = $.wysiwyg.i18n.t(dialogReplacements[key], "dialogs.image");
+
+					if (translation === dialogReplacements[key]) { // if not translated search in dialogs 
+						translation = $.wysiwyg.i18n.t(dialogReplacements[key], "dialogs");
+					}
+
+					dialogReplacements[key] = translation;
+				}
+
+				regexp = new RegExp("{" + key + "}", "g");
+				formImageHtml = formImageHtml.replace(regexp, dialogReplacements[key]);
+			}
+
+			if (img.self) {
+				img.src    = img.self.src    ? img.self.src    : "";
+				img.alt    = img.self.alt    ? img.self.alt    : "";
+				img.title  = img.self.title  ? img.self.title  : "";
+				img.width  = img.self.width  ? img.self.width  : "";
+				img.height = img.self.height ? img.self.height : "";
+				img.styleFloat = $(img.self).css("float");
+			}
+			
+			adialog = new $.wysiwyg.dialog(Wysiwyg, {
+				"title"   : dialogReplacements.legend,
+				"content" : formImageHtml
+			});
+			
+			$(adialog).bind("afterOpen", function (e, dialog) {
+				dialog.find("form#wysiwyg-addImage").submit(function (e) {
+					e.preventDefault();
+					self.processInsert(dialog.container, Wysiwyg, img);
+					
+					adialog.close();
+					return false;
+				});
+				
+				// File Manager (select file):
+				if ($.wysiwyg.fileManager) {
+					$("div.wysiwyg-fileManager").bind("click", function () {
+						$.wysiwyg.fileManager.init(function (selected) {
+							dialog.find("input[name=src]").val(selected);
+							dialog.find("input[name=src]").trigger("change");
+						});
+					});
+				}
+
+				$("input:reset", dialog).click(function (e) {
+					adialog.close();
+					
+					return false;
+				});
+				
+				$("fieldset", dialog).click(function (e) {
+					e.stopPropagation();
+				});
+				
+				self.makeForm(dialog, img);
+			});
+			
+			adialog.open();
+			
+			$(Wysiwyg.editorDoc).trigger("editorRefresh.wysiwyg");
+		},
+
+		processInsert: function (context, Wysiwyg, img) {
+			var image,
+				url = $('input[name="src"]', context).val(),
+				title = $('input[name="imgtitle"]', context).val(),
+				description = $('input[name="description"]', context).val(),
+				width = $('input[name="width"]', context).val(),
+				height = $('input[name="height"]', context).val(),
+				styleFloat = $('select[name="float"]', context).val(),
+				styles = [],
+				style = "",
+				found,
+				baseUrl;
+
+			if (Wysiwyg.options.controlImage && Wysiwyg.options.controlImage.forceRelativeUrls) {
+				baseUrl = window.location.protocol + "//" + window.location.hostname;
+				if (0 === url.indexOf(baseUrl)) {
+					url = url.substr(baseUrl.length);
+				}
+			}
+
+			if (img.self) {
+				// to preserve all img attributes
+				$(img.self).attr("src", url)
+					.attr("title", title)
+					.attr("alt", description)
+					.css("float", styleFloat);
+
+				if (width.toString().match(/^[0-9]+(px|%)?$/)) {
+					$(img.self).css("width", width);
+				} else {
+					$(img.self).css("width", "");
+				}
+
+				if (height.toString().match(/^[0-9]+(px|%)?$/)) {
+					$(img.self).css("height", height);
+				} else {
+					$(img.self).css("height", "");
+				}
+				
+				Wysiwyg.saveContent();
+			} else {
+				found = width.toString().match(/^[0-9]+(px|%)?$/);
+				if (found) {
+					if (found[1]) {
+						styles.push("width: " + width + ";");
+					} else {
+						styles.push("width: " + width + "px;");
+					}
+				}
+
+				found = height.toString().match(/^[0-9]+(px|%)?$/);
+				if (found) {
+					if (found[1]) {
+						styles.push("height: " + height + ";");
+					} else {
+						styles.push("height: " + height + "px;");
+					}
+				}
+
+				if (styleFloat.length > 0) {
+					styles.push("float: " + styleFloat + ";");
+				}
+
+				if (styles.length > 0) {
+					style = ' style="' + styles.join(" ") + '"';
+				}
+
+				image = "<img src='" + url + "' title='" + title + "' alt='" + description + "'" + style + "/>";
+				Wysiwyg.insertHtml(image);
+			}
+		},
+
+		makeForm: function (form, img) {
+			form.find("input[name=src]").val(img.src);
+			form.find("input[name=imgtitle]").val(img.title);
+			form.find("input[name=description]").val(img.alt);
+			form.find('input[name="width"]').val(img.width);
+			form.find('input[name="height"]').val(img.height);
+			form.find('select[name="float"]').val(img.styleFloat);
+			form.find('img').attr("src", img.src);
+
+			form.find('img').bind("load", function () {
+				if (form.find('img').get(0).naturalWidth) {
+					form.find('input[name="naturalWidth"]').val(form.find('img').get(0).naturalWidth);
+					form.find('input[name="naturalHeight"]').val(form.find('img').get(0).naturalHeight);
+				} else if (form.find('img').attr("naturalWidth")) {
+					form.find('input[name="naturalWidth"]').val(form.find('img').attr("naturalWidth"));
+					form.find('input[name="naturalHeight"]').val(form.find('img').attr("naturalHeight"));
+				}
+			});
+
+			form.find("input[name=src]").bind("change", function () {
+				form.find('img').attr("src", this.value);
+			});
+
+			return form;
+		}
+	};
+
+	$.wysiwyg.insertImage = function (object, url, attributes) {
+		return object.each(function () {
+			var Wysiwyg = $(this).data("wysiwyg"),
+				image,
+				attribute;
+
+			if (!Wysiwyg) {
+				return this;
+			}
+
+			if (!url || url.length === 0) {
+				return this;
+			}
+
+			if ($.browser.msie) {
+				Wysiwyg.ui.focus();
+			}
+
+			if (attributes) {
+				Wysiwyg.editorDoc.execCommand("insertImage", false, "#jwysiwyg#");
+				image = Wysiwyg.getElementByAttributeValue("img", "src", "#jwysiwyg#");
+
+				if (image) {
+					image.src = url;
+
+					for (attribute in attributes) {
+						if (attributes.hasOwnProperty(attribute)) {
+							image.setAttribute(attribute, attributes[attribute]);
+						}
+					}
+				}
+			} else {
+				Wysiwyg.editorDoc.execCommand("insertImage", false, url);
+			}
+
+			Wysiwyg.saveContent();
+
+			$(Wysiwyg.editorDoc).trigger("editorRefresh.wysiwyg");
+
+			return this;
+		});
+	};
+})(jQuery);

data/spec/samples/sample_site/js/controls/wysiwyg.link.js

@@ -0,0 +1,210 @@
+/**
+ * Controls: Link plugin
+ *
+ * Depends on jWYSIWYG
+ *
+ * By: Esteban Beltran (academo) <sergies@gmail.com>
+ */
+(function ($) {
+	if (undefined === $.wysiwyg) {
+		throw "wysiwyg.image.js depends on $.wysiwyg";
+	}
+
+	if (!$.wysiwyg.controls) {
+		$.wysiwyg.controls = {};
+	}
+
+	/*
+	* Wysiwyg namespace: public properties and methods
+	*/
+	$.wysiwyg.controls.link = {
+		init: function (Wysiwyg) {
+			var self = this, elements, dialog, szURL, a, selection,
+				formLinkHtml, formTextLegend, formTextUrl, formTextTitle, formTextTarget,
+				formTextSubmit, formTextReset;
+
+			formTextLegend  = "Insert Link";
+			formTextUrl     = "Link URL";
+			formTextTitle   = "Link Title";
+			formTextTarget  = "Link Target";
+			formTextSubmit  = "Insert Link";
+			formTextReset   = "Cancel";
+
+			if ($.wysiwyg.i18n) {
+				formTextLegend = $.wysiwyg.i18n.t(formTextLegend, "dialogs.link");
+				formTextUrl    = $.wysiwyg.i18n.t(formTextUrl, "dialogs.link");
+				formTextTitle  = $.wysiwyg.i18n.t(formTextTitle, "dialogs.link");
+				formTextTarget = $.wysiwyg.i18n.t(formTextTarget, "dialogs.link");
+				formTextSubmit = $.wysiwyg.i18n.t(formTextSubmit, "dialogs.link");
+				formTextReset  = $.wysiwyg.i18n.t(formTextReset, "dialogs");
+			}
+
+			formLinkHtml = '<form class="wysiwyg"><fieldset><legend>' + formTextLegend + '</legend>' +
+				'<label>' + formTextUrl + ': <input type="text" name="linkhref" value=""/></label>' +
+				'<label>' + formTextTitle + ': <input type="text" name="linktitle" value=""/></label>' +
+				'<label>' + formTextTarget + ': <input type="text" name="linktarget" value=""/></label>' +
+				'<input type="submit" class="button" value="' + formTextSubmit + '"/> ' +
+				'<input type="reset" value="' + formTextReset + '"/></fieldset></form>';
+
+			a = {
+				self: Wysiwyg.dom.getElement("a"), // link to element node
+				href: "http://",
+				title: "",
+				target: ""
+			};
+
+			if (a.self) {
+				a.href = a.self.href ? a.self.href : a.href;
+				a.title = a.self.title ? a.self.title : "";
+				a.target = a.self.target ? a.self.target : "";
+			}
+
+			if ($.fn.dialog) {
+				elements = $(formLinkHtml);
+				elements.find("input[name=linkhref]").val(a.href);
+				elements.find("input[name=linktitle]").val(a.title);
+				elements.find("input[name=linktarget]").val(a.target);
+
+				if ($.browser.msie) {
+					dialog = elements.appendTo(Wysiwyg.editorDoc.body);
+				} else {
+					dialog = elements.appendTo("body");
+				}
+
+				dialog.dialog({
+					modal: true,
+					width: Wysiwyg.defaults.formWidth,
+					height: Wysiwyg.defaults.formHeight,
+					open: function (ev, ui) {
+						$("input:submit", dialog).click(function (e) {
+							e.preventDefault();
+
+							var szURL = $('input[name="linkhref"]', dialog).val(),
+								title = $('input[name="linktitle"]', dialog).val(),
+								target = $('input[name="linktarget"]', dialog).val();
+
+							if (a.self) {
+								if ("string" === typeof (szURL)) {
+									if (szURL.length > 0) {
+										// to preserve all link attributes
+										$(a.self).attr("href", szURL).attr("title", title).attr("target", target);
+									} else {
+										$(a.self).replaceWith(a.self.innerHTML);
+									}
+								}
+							} else {
+
+								if ($.browser.msie) {
+									Wysiwyg.ui.returnRange();
+								}
+
+								//Do new link element
+								selection = Wysiwyg.getRangeText();
+								img = Wysiwyg.dom.getElement("img");
+
+								if ((selection && selection.length > 0) || img) {
+									if ($.browser.msie) {
+										Wysiwyg.ui.focus();
+									}
+
+									if ("string" === typeof (szURL)) {
+										if (szURL.length > 0) {
+											Wysiwyg.editorDoc.execCommand("createLink", false, szURL);
+										} else {
+											Wysiwyg.editorDoc.execCommand("unlink", false, null);
+										}
+									}
+
+									a = Wysiwyg.dom.getElement("a");
+									$(a).attr("href", szURL).attr("title", title).attr("target", target);
+								} else if (Wysiwyg.options.messages.nonSelection) {
+									window.alert(Wysiwyg.options.messages.nonSelection);
+								}
+							}
+							$(dialog).dialog("close");
+						});
+						$("input:reset", dialog).click(function (e) {
+							e.preventDefault();
+							$(dialog).dialog("close");
+						});
+					},
+					close: function (ev, ui) {
+						dialog.dialog("destroy");
+					}
+				});
+			} else {
+				if (a.self) {
+					szURL = window.prompt("URL", a.href);
+
+					if ("string" === typeof (szURL)) {
+						if (szURL.length > 0) {
+							$(a.self).attr("href", szURL);
+						} else {
+							$(a.self).replaceWith(a.self.innerHTML);
+						}
+					}
+				} else {
+					//Do new link element
+					selection = Wysiwyg.getRangeText();
+					img = Wysiwyg.dom.getElement("img");
+
+					if ((selection && selection.length > 0) || img) {
+						if ($.browser.msie) {
+							Wysiwyg.ui.focus();
+							Wysiwyg.editorDoc.execCommand("createLink", true, null);
+						} else {
+							szURL = window.prompt(formTextUrl, a.href);
+
+							if ("string" === typeof (szURL)) {
+								if (szURL.length > 0) {
+									Wysiwyg.editorDoc.execCommand("createLink", false, szURL);
+								} else {
+									Wysiwyg.editorDoc.execCommand("unlink", false, null);
+								}
+							}
+						}
+					} else if (Wysiwyg.options.messages.nonSelection) {
+						window.alert(Wysiwyg.options.messages.nonSelection);
+					}
+				}
+			}
+
+			$(Wysiwyg.editorDoc).trigger("wysiwyg:refresh");
+		}
+	};
+
+	$.wysiwyg.createLink = function (object, szURL) {
+		if ("object" !== typeof (object) || !object.context) {
+			object = this;
+		}
+
+		if (!object.each) {
+			console.error("Something goes wrong, check object");
+		}
+
+		return object.each(function () {
+			var oWysiwyg = $(this).data("wysiwyg"),
+				selection;
+
+			if (!oWysiwyg) {
+				return this;
+			}
+
+			if (!szURL || szURL.length === 0) {
+				return this;
+			}
+
+			selection = oWysiwyg.getRangeText();
+
+			if (selection && selection.length > 0) {
+				if ($.browser.msie) {
+					oWysiwyg.ui.focus();
+				}
+				oWysiwyg.editorDoc.execCommand("unlink", false, null);
+				oWysiwyg.editorDoc.execCommand("createLink", false, szURL);
+			} else if (oWysiwyg.options.messages.nonSelection) {
+				window.alert(oWysiwyg.options.messages.nonSelection);
+			}
+		});
+	};
+})(jQuery);