--- /dev/null
+// (c) Benoît PIN 2006-2007
+// http://plinn.org
+// Licence GPL
+
+var ELEMENTS_POOL = {};
+
+function initElementsPool() {
+ // Element pool (for cloning)
+ ELEMENTS_POOL["DIV_ELEMENT"] = {"node" : document.getElementById("div"),
+ "beforeDraw" : null,
+ "getRawData" : null,
+ "putData" : null };
+
+ imgBeforeDraw = function() {
+ if (!this.node.src) {
+ var dispatch = document.getElementById("ImgDispatcher");
+ var strRatio = dispatch.value.split("_", 1)[0];
+ var src = dispatch.value.substring(strRatio.length+1);
+ this.ratio = new Number(strRatio).valueOf();
+ this.node.src = PLINN_DOCUMENT_URL + '/' + src;
+ var w = this.width;
+ var size = (this.ratio > 1) ?
+ new Point(w, Math.round(w * this.ratio)) :
+ new Point(Math.round(w / this.ratio), w);
+
+ this.resizeTo(size);
+ }
+ }
+
+ ELEMENTS_POOL["IMG_ELEMENT"] = {"node" : document.getElementById("img"),
+ "beforeDraw" : imgBeforeDraw,
+ "getRawData" : function() {
+ var src = this.node.src;
+ src = src.split('/');
+ return "attachments/" + src[src.length - 2] + "/getThumbnail";
+ },
+ "putData" : function(raw) {
+ this.node.src = PLINN_DOCUMENT_URL+"/attachments/"+raw;
+ }
+ };
+
+ epozBeforeDraw = function() {
+ var rect = this
+ var iframe = this.node.childNodes[0];
+ var name = String(Math.floor(Math.random() * 10000));
+ addListener(iframe, 'load', function(){initTextRectangle(iframe, name, rect);});
+
+ var ta = this.node.childNodes[1];
+ ta.name = name;
+ ta.id = name;
+ }
+
+ ELEMENTS_POOL["EPOZ_ELEMENT"] = {"node" : document.getElementById("epoz"),
+ "beforeDraw" : epozBeforeDraw,
+ "getRawData" : function() {
+ return this.node.childNodes[0].contentWindow.document.body.innerHTML;
+ },
+ "putData" : function(raw) {
+ this.node.childNodes[1].value = raw;
+ }
+ };
+
+ for (var i = 0 ; i < ELEMENTS_POOL.length ; i++)
+ ELEMENTS_POOL[i].removeAttribute("id");
+}
+
+function Rectangle(upperLeftCorner, width, height, elementKey, ddOptions, ratio) {
+ this.meta_type = "Rectangle"; // ;-)
+ this.upperLeftCorner = upperLeftCorner;
+ this.width = width;
+ this.height = height;
+ this.elementKey = elementKey;
+ this.node = ELEMENTS_POOL[elementKey]["node"].cloneNode(true);
+ with (this.node.style) {
+ width="100%";
+ height="100%";
+ }
+ this.beforeDraw = ELEMENTS_POOL[elementKey]["beforeDraw"];
+ this.getRawData = ELEMENTS_POOL[elementKey]["getRawData"];
+ this.ddOptions = (!ddOptions) ? 11 : ddOptions; // 11-> drag, resize, delete
+ this.ratio = ratio;
+
+ this.hostDiv = document.createElement("div");
+ this.hostDiv.appendChild(this.node);
+
+ this.resizeHandle = document.createElement("span");
+ this.resizeHandle.className = "resize_handle";
+ this.hostDiv.appendChild(this.resizeHandle);
+
+ if((this.ddOptions & 8) == 8) { // move allowed
+ this.movDelHandle = document.createElement("div");
+ this.movDelHandle.className = "rectangle_header";
+ var delImg = document.createElement("img");
+ delImg.src = "delete_rectangle.gif";
+ delImg.className = "rectangle_delimg";
+ delImg.onmouseover=function(){this.src="delete_rectangle_hover.gif";}
+ delImg.onmouseout=function(){this.src="delete_rectangle.gif";}
+ this.movDelHandle.appendChild(delImg);
+ this.hostDiv.appendChild(this.movDelHandle);
+ this.movDelHandle.rectangle = this;
+ delImg.rectangle = this;
+
+ }
+
+ // backward references
+ this.style = this.hostDiv.style;
+ this.node.rectangle = this;
+ this.hostDiv.rectangle = this;
+ this.resizeHandle.rectangle = this;
+}
+
+Rectangle.prototype.showHandles = function() {
+ if (this.resizeHandle)
+ this.resizeHandle.style.visibility = "visible";
+ if (this.movDelHandle)
+ this.movDelHandle.style.visibility = "visible";
+};
+
+Rectangle.prototype.hideHandles = function() {
+ if (this.resizeHandle)
+ this.resizeHandle.style.visibility = "hidden";
+ if (this.movDelHandle)
+ this.movDelHandle.style.visibility = "hidden";
+};
+
+Rectangle.prototype._mac_moveDelHandle = function() {
+ // fix height
+ var epozWindow = this.node.childNodes[0].contentWindow;
+ if (epozWindow.scrollMaxY)
+ this.resizeHandle.style.right = "15px";
+ else
+ this.resizeHandle.style.right = "0px";
+
+ // fix width
+ if (epozWindow.scrollMaxX)
+ this.resizeHandle.style.bottom = "15px";
+ else
+ this.resizeHandle.style.bottom = "0px";
+};
+
+
+Rectangle.prototype.draw = function(container, position) {
+ if (this.beforeDraw)
+ this.beforeDraw();
+ var style = this.style;
+ style.left = String(this.upperLeftCorner.x) + "px";
+ style.top = String(this.upperLeftCorner.y) + "px";
+ style.width = String(this.width) + "px";
+ style.height = String(this.height) + "px";
+
+ style.display="block";
+ var pos;
+ if (!position)
+ pos = "absolute";
+ else
+ pos = position;
+ style.position = pos;
+ setBorderStyle(this, "solid");
+ setBorderWidth(this, "1px");
+ style.visibility = "inherit";
+/* style.overflow = "hidden";*/
+ if (container.meta_type == "Rectangle")
+ setBorderColor(this, container.style.borderTopColor);
+
+ container.appendChild(this.hostDiv);
+};
+
+
+Rectangle.prototype.moveTo = function(upperLeftCorner) {
+ this.upperLeftCorner = upperLeftCorner;
+ var style = this.style;
+ style.left = String(this.upperLeftCorner.x) + "px";
+ style.top = String(this.upperLeftCorner.y) + "px";
+};
+
+Rectangle.prototype.resizeTo = function(size, cancelOnresize) {
+ if (size.x >= 10)
+ this.width = size.x;
+ if (size.y >= 10)
+ this.height = size.y;
+
+ var style = this.style;
+ style.width = String(this.width) + "px";
+ style.height = String(this.height) + "px";
+ if (this.onresize && !cancelOnresize)
+ this.onresize();
+};
+
+Rectangle.prototype.appendChild = function(node) {
+ this.node.appendChild(node);
+};
+
+Rectangle.prototype.setId = function(id) {
+ this.node.id = id;
+};
+
+
+
+function initTextRectangle(iframe, name, rect) {
+ var ta = iframe.nextSibling; // ta -> textarea
+ var data = ta.value;
+
+ if (browser.isGecko) {
+ // Just a few cleanups for Mozilla
+ data = data.replace(/<strong>/ig,'<b>');
+ data = data.replace(/<strong(\s[^>]*)>/ig,'<b$1>');
+ data = data.replace(/<\/strong>/ig,'</b>');
+
+ data = data.replace(/<em>/ig,'<i>');
+ data = data.replace(/<em(\s[^>]*)>/ig,'<i$1>');
+ data = data.replace(/<\/em>/ig,'</i>');
+ }
+
+ // change iframe id
+ iframe.id = IFramePrefix + name;
+ iframe.style.border = "0px none transparent";
+
+
+ iframe.contentWindow.document.body.innerHTML = data;
+ iframe.contentWindow.document.id = DocPrefix + name;
+ addListener(iframe, "click", handlePlinnEpozRedirect);
+ if (browser.isMac) {
+ addListener(iframe.contentWindow.document, 'overflow', function(){rect._mac_moveDelHandle();});
+ addListener(iframe.contentWindow.document, 'underflow', function(){rect._mac_moveDelHandle();});
+ }
+
+ if (browser.isGecko) {
+ scriptExpr = 'EnableDesignMode("' + iframe.id + '");';
+ window.setTimeout(scriptExpr, 10);
+ }
+}
+
+// « overloads »
+
+function handlePlinnEpozRedirect(evt) {
+ redirectPlinnEpoz(getTargetedObject(evt));
+}
+
+function redirectPlinnEpoz(iframe) {
+ if(EpozElement) {
+ if (EpozElement == iframe)
+ return;
+ unwrapPlinnEpozVariables();
+ }
+
+ // update Epoz variables
+ wrapPlinnEpozVariables(iframe);
+ EpozElement.contentWindow.focus();
+}
+
+function wrapPlinnEpozVariables(iframe) {
+ fieldId = iframe.contentWindow.document.id.slice(DocPrefixLength);
+
+ iframe.id = Epoz ;
+ EpozElement=iframe;
+ EpozTextArea = document.getElementById(fieldId);
+}
+
+
+function unwrapPlinnEpozVariables() {
+ if (!EpozElement) // no redirection happens yet.
+ return;
+ try {
+ fieldId = EpozElement.contentWindow.document.id.slice(DocPrefixLength);
+ }
+ catch (e) { }
+
+ EpozElement.id = IFramePrefix + fieldId;
+}
projects / PlinnDocument.git / blobdiff