Modified: kupu/trunk/kupu/mmbase/wire.kupu
==============================================================================
--- kupu/trunk/kupu/mmbase/wire.kupu (original)
+++ kupu/trunk/kupu/mmbase/wire.kupu Thu Aug 21 14:01:37 2008
@@ -10,15 +10,21 @@
+
+
+
+
+
+
-
+
From mihxil at codespeak.net Thu Aug 21 14:55:04 2008
From: mihxil at codespeak.net (mihxil at codespeak.net)
Date: Thu, 21 Aug 2008 14:55:04 +0200 (CEST)
Subject: [kupu-checkins] r57549 - kupu/trunk/kupu/mmbase
Message-ID: <20080821125504.DD13216A08E@codespeak.net>
Author: mihxil
Date: Thu Aug 21 14:55:01 2008
New Revision: 57549
Modified:
kupu/trunk/kupu/mmbase/layout.js
kupu/trunk/kupu/mmbase/mmbase.js
kupu/trunk/kupu/mmbase/mmbase.kupu
Log:
implemented all this layout javascript a bit more OO, so it can easier be modified by certain implementations
Modified: kupu/trunk/kupu/mmbase/layout.js
==============================================================================
--- kupu/trunk/kupu/mmbase/layout.js (original)
+++ kupu/trunk/kupu/mmbase/layout.js Thu Aug 21 14:55:01 2008
@@ -1,98 +1,115 @@
+function Layouter() {
+}
+
+Layouter.prototype.winOnLoad = function() {
+ var ele = document.getElementById('mmbase-extra');
+ if (ele && xDef(ele.style, ele.offsetHeight)) { // another compatibility check
+ this.adjust();
+ addEventHandler(window, 'resize', this.winOnResize, window);
+ }
+}
+Layouter.prototype.winOnResize = function() {
+ this.adjust();
+}
-if (document.getElementById || document.all) { // minimum dhtml support required
- document.write("<"+"style type='text/css'>#footer{visibility:hidden;}<"+"/style>");
- window.onload = winOnLoad;
-}
-function winOnLoad() {
- var ele = document.getElementById('mmbase-extra');
- if (ele && xDef(ele.style, ele.offsetHeight)) { // another compatibility check
- adjustLayout();
- addEventHandler(window, 'resize', winOnResize, window);
- }
+Layouter.prototype.maxHeight = function() {
+ return xClientHeight() - 20;
}
-function winOnResize() {
- adjustLayout();
+Layouter.prototype.leftWidth = function () {
+ return 270;
}
-function rePosition(id) {
+Layouter.prototype.maxWidth = function () {
+ return xClientWidth() - this.leftWidth() - 4;
+}
+
+Layouter.prototype.rePosition = function(id) {
// This seems to be only necessary in Mozilla.
var el = document.getElementById(id);
el.style.position = "absolute";
el.style.left = (xClientWidth() - 202) + "px";
}
-function adjustToolBoxesLayout() {
+Layouter.prototype.adjustToolBoxes = function() {
var toolbox = 40;
var spacing = 5;
var toolboxRight = 2;
xTop("kupu-toolbox-links", toolbox);
- rePosition("kupu-toolbox-links");
+ this.rePosition("kupu-toolbox-links");
toolbox += xHeight("kupu-toolbox-links") + spacing;
xTop("kupu-toolbox-images", toolbox);
- rePosition("kupu-toolbox-images");
+ this.rePosition("kupu-toolbox-images");
toolbox += xHeight("kupu-toolbox-images") + spacing;
xTop("kupu-toolbox-tables", toolbox);
- rePosition("kupu-toolbox-tables");
+ this.rePosition("kupu-toolbox-tables");
toolbox += xHeight("kupu-toolbox-tables") + spacing;
xTop("kupu-toolbox-divs", toolbox);
- rePosition("kupu-toolbox-divs");
+ this.rePosition("kupu-toolbox-divs");
toolbox += xHeight("kupu-toolbox-divs") + spacing;
xTop("kupu-toolbox-debug", toolbox);
- rePosition("kupu-toolbox-debug");
+ this.rePosition("kupu-toolbox-debug");
}
-function adjustLayout() {
- var zoomTool = kupu.getTool("zoomtool");
- if (zoomTool && zoomTool.zoomed) return;
-
- var leftColumnWidth = 270;
- var maxHeight = xClientHeight() - 20;
- var maxWidth = xClientWidth() - leftColumnWidth - 4;
-
- // Assign maximum height to all columns
+Layouter.prototype.adjustMMBaseExtra = function() {
+ var maxHeight = this.maxHeight();
+ var leftWidth = this.leftWidth();
xHeight('mmbase-extra', maxHeight - 3);
- xHeight('centerColumn', maxHeight);
- xWidth('centerColumn', maxWidth);
var pattern = new RegExp("\\bmm_validate\\b");
var a = document.getElementById('mmbase-extra').getElementsByTagName('input');
for (i = 0; i < a.length; i++) {
if (pattern.test(a[i].className)) {
- xWidth(a[i], leftColumnWidth - 6);
+ xWidth(a[i], leftWidth - 6);
}
}
-
a = document.getElementById('mmbase-extra').getElementsByTagName('textarea');
for (i=0; i < a.length; i++) {
if (pattern.test(a[i].className)) {
- xWidth(a[i], leftColumnWidth - 6);
+ xWidth(a[i], leftWidth - 6);
}
}
+}
+Layouter.prototype.adjustMMBaseTools = function() {
+ var maxHeight = this.maxHeight();
+ var nodeHeight = xHeight('nodefields');
+ var toolsHeight = maxHeight - nodeHeight - 1;
+ if (toolsHeight < 100) {
+ toolsHeight = 100;
+ xHeight("nodefields", maxHeight - 100 - 1);
+ }
+ xHeight("mmbase-tools", toolsHeight);
+}
+Layouter.prototype.adjustKupu = function () {
+ var maxHeight = this.maxHeight();
var maxHeightArea = maxHeight - 27;
+ var maxWidth = this.maxWidth();
a = xGetElementsByClassName('kupu-editorframe');
- for (i=0; i < a.length; i++) {
+ for (i = 0; i < a.length; i++) {
xHeight(a[i], maxHeightArea);
xWidth(a[i], maxWidth);
}
-
-
xHeight("toolboxes", maxHeight);
xHeight("kupu-editor", maxHeightArea - 3);
xWidth("kupu-editor", maxWidth - 201);
+}
- var nodeHeight = xHeight('nodefields');
- var toolsHeight = maxHeight - nodeHeight - 1;
- if (toolsHeight < 100) {
- toolsHeight = 100;
- xHeight("nodefields", maxHeight - 100 - 1);
- }
+Layouter.prototype.adjust = function() {
+ var zoomTool = kupu.getTool("zoomtool");
+ if (zoomTool && zoomTool.zoomed) return;
- adjustToolBoxesLayout();
+ var maxHeight = this.maxHeight();
+ var maxWidth = this.maxWidth();
- xHeight("mmbase-tools", toolsHeight);
+ // Assign maximum height to all columns
+ xHeight('centerColumn', maxHeight);
+ xWidth('centerColumn', maxWidth);
+ this.adjustMMBaseExtra();
+ this.adjustKupu();
+ this.adjustMMBaseTools();
+ this.adjustToolBoxes();
}
Modified: kupu/trunk/kupu/mmbase/mmbase.js
==============================================================================
--- kupu/trunk/kupu/mmbase/mmbase.js (original)
+++ kupu/trunk/kupu/mmbase/mmbase.js Thu Aug 21 14:55:01 2008
@@ -31,6 +31,8 @@
var uncollapsedNodes = [];
var loadedNodeBodies = new Map();
+var layout = new Layouter();
+
function startKupu(language) {
// first let's load the message catalog
// if there's no global 'i18n_message_catalog' variable available, don't
@@ -86,7 +88,9 @@
var child = toolboxes.childNodes[i];
if (child.className == 'kupu-toolbox') {
var heading = child.getElementsByTagName('h1')[0];
- addEventHandler(heading, 'click', adjustToolBoxesLayout);
+ if (typeof(layout.adjustToolBoxesLayout) != "undefined") {
+ addEventHandler(heading, 'click', layout.adjustToolBoxesLayout);
+ }
};
};
if (kupu.getBrowserName() == 'IE') {
@@ -102,15 +106,18 @@
KupuZoomTool.prototype.origcommandfunc = KupuZoomTool.prototype.commandfunc;
KupuZoomTool.prototype.commandfunc = function(button, editor) {
this.origcommandfunc(button, editor);
+ var mmb = document.getElementById("mmbase-extra");
+ if (mmb.originalDisplay == null) mmb.originalDisplay = mmb.style.display;
if (this.zoomed == true) {
- document.getElementById("mmbase-extra").style.display = "none";
+ mmb.style.display = "none";
//document.getElementById("header").style.display = "none";
} else {
- document.getElementById("mmbase-extra").style.display = "block";
- adjustLayout();
+ mmb.style.display = mmb.originalDisplay;
+ layout.adjust();
}
}
- winOnLoad();
+ layout.winOnLoad();
+
trunkNumber = node;
loadNode(node);
@@ -325,7 +332,9 @@
currentA = document.getElementById('a_' + currentNode);
if (currentA != undefined) currentA.className = "current";
- adjustLayout();
+ if (typeof(adjustLayout) != "undefined") {
+ adjustLayout();
+ }
}
Modified: kupu/trunk/kupu/mmbase/mmbase.kupu
==============================================================================
--- kupu/trunk/kupu/mmbase/mmbase.kupu (original)
+++ kupu/trunk/kupu/mmbase/mmbase.kupu Thu Aug 21 14:55:01 2008
@@ -1,6 +1,7 @@
@@ -40,14 +41,14 @@
${header.referer}${mm:directory(header.referer)}
- ${mm:directory(header.referer)}
+ ${templates}
-
+
@@ -92,6 +93,8 @@
+
+
From mihxil at codespeak.net Thu Aug 21 15:45:45 2008
From: mihxil at codespeak.net (mihxil at codespeak.net)
Date: Thu, 21 Aug 2008 15:45:45 +0200 (CEST)
Subject: [kupu-checkins] r57555 - kupu/trunk/kupu/mmbase
Message-ID: <20080821134545.E5D7F169FDB@codespeak.net>
Author: mihxil
Date: Thu Aug 21 15:45:45 2008
New Revision: 57555
Modified:
kupu/trunk/kupu/mmbase/layout.js
kupu/trunk/kupu/mmbase/mmbase.js
Log:
various details and bugfixes
Modified: kupu/trunk/kupu/mmbase/layout.js
==============================================================================
--- kupu/trunk/kupu/mmbase/layout.js (original)
+++ kupu/trunk/kupu/mmbase/layout.js Thu Aug 21 15:45:45 2008
@@ -6,7 +6,8 @@
var ele = document.getElementById('mmbase-extra');
if (ele && xDef(ele.style, ele.offsetHeight)) { // another compatibility check
this.adjust();
- addEventHandler(window, 'resize', this.winOnResize, window);
+ var self = this;
+ addEventHandler(window, 'resize', function() {self.winOnResize()}, window);
}
}
Layouter.prototype.winOnResize = function() {
@@ -19,9 +20,12 @@
Layouter.prototype.leftWidth = function () {
return 270;
}
+Layouter.prototype.rightWidth = function () {
+ return 201;
+}
Layouter.prototype.maxWidth = function () {
- return xClientWidth() - this.leftWidth() - 4;
+ return xClientWidth() - this.leftWidth() - this.rightWidth() - 4;
}
Layouter.prototype.rePosition = function(id) {
@@ -53,22 +57,30 @@
}
Layouter.prototype.adjustMMBaseExtra = function() {
var maxHeight = this.maxHeight();
- var leftWidth = this.leftWidth();
xHeight('mmbase-extra', maxHeight - 3);
+ this.adjustMMBaseExtraElements();
+}
+
+Layouter.prototype.mmbaseExtraWidth = function() {
+ return this.leftWidth() - 6;
+}
+Layouter.prototype.adjustMMBaseExtraElements = function() {
+ var width = this.mmbaseExtraWidth();
var pattern = new RegExp("\\bmm_validate\\b");
var a = document.getElementById('mmbase-extra').getElementsByTagName('input');
for (i = 0; i < a.length; i++) {
if (pattern.test(a[i].className)) {
- xWidth(a[i], leftWidth - 6);
+ xWidth(a[i], width);
}
}
a = document.getElementById('mmbase-extra').getElementsByTagName('textarea');
for (i=0; i < a.length; i++) {
if (pattern.test(a[i].className)) {
- xWidth(a[i], leftWidth - 6);
+ xWidth(a[i], width);
}
}
}
+
Layouter.prototype.adjustMMBaseTools = function() {
var maxHeight = this.maxHeight();
var nodeHeight = xHeight('nodefields');
@@ -92,7 +104,7 @@
}
xHeight("toolboxes", maxHeight);
xHeight("kupu-editor", maxHeightArea - 3);
- xWidth("kupu-editor", maxWidth - 201);
+ xWidth("kupu-editor", maxWidth);
}
Layouter.prototype.adjust = function() {
Modified: kupu/trunk/kupu/mmbase/mmbase.js
==============================================================================
--- kupu/trunk/kupu/mmbase/mmbase.js (original)
+++ kupu/trunk/kupu/mmbase/mmbase.js Thu Aug 21 15:45:45 2008
@@ -88,9 +88,7 @@
var child = toolboxes.childNodes[i];
if (child.className == 'kupu-toolbox') {
var heading = child.getElementsByTagName('h1')[0];
- if (typeof(layout.adjustToolBoxesLayout) != "undefined") {
- addEventHandler(heading, 'click', layout.adjustToolBoxesLayout);
- }
+ addEventHandler(heading, 'click', function() { layout.adjustToolBoxes() });
};
};
if (kupu.getBrowserName() == 'IE') {
@@ -332,9 +330,7 @@
currentA = document.getElementById('a_' + currentNode);
if (currentA != undefined) currentA.className = "current";
- if (typeof(adjustLayout) != "undefined") {
- adjustLayout();
- }
+ layout.adjust();
}
From mihxil at codespeak.net Thu Aug 21 16:48:19 2008
From: mihxil at codespeak.net (mihxil at codespeak.net)
Date: Thu, 21 Aug 2008 16:48:19 +0200 (CEST)
Subject: [kupu-checkins] r57559 - kupu/trunk/kupu/mmbase
Message-ID: <20080821144819.F0D1D16A131@codespeak.net>
Author: mihxil
Date: Thu Aug 21 16:48:18 2008
New Revision: 57559
Modified:
kupu/trunk/kupu/mmbase/body.kupu
kupu/trunk/kupu/mmbase/mmbase.kupu
Log:
more details
Modified: kupu/trunk/kupu/mmbase/body.kupu
==============================================================================
--- kupu/trunk/kupu/mmbase/body.kupu (original)
+++ kupu/trunk/kupu/mmbase/body.kupu Thu Aug 21 16:48:18 2008
@@ -59,7 +59,7 @@
-
+
Modified: kupu/trunk/kupu/mmbase/mmbase.kupu
==============================================================================
--- kupu/trunk/kupu/mmbase/mmbase.kupu (original)
+++ kupu/trunk/kupu/mmbase/mmbase.kupu Thu Aug 21 16:48:18 2008
@@ -41,14 +41,15 @@
${header.referer}${mm:directory(header.referer)}
- ${templates}
+ ${templates}
+ ${style}
-
-
+
+
From mihxil at codespeak.net Thu Aug 21 16:54:55 2008
From: mihxil at codespeak.net (mihxil at codespeak.net)
Date: Thu, 21 Aug 2008 16:54:55 +0200 (CEST)
Subject: [kupu-checkins] r57560 - kupu/trunk/kupu/mmbase
Message-ID: <20080821145455.14C1516A164@codespeak.net>
Author: mihxil
Date: Thu Aug 21 16:54:54 2008
New Revision: 57560
Modified:
kupu/trunk/kupu/mmbase/mmbase.js
Log:
it's better to do the saveOnPart synchronously
Modified: kupu/trunk/kupu/mmbase/mmbase.js
==============================================================================
--- kupu/trunk/kupu/mmbase/mmbase.js (original)
+++ kupu/trunk/kupu/mmbase/mmbase.js Thu Aug 21 16:54:54 2008
@@ -160,7 +160,7 @@
/**
* Called by the save button.
*/
-function saveNode(button, editor) {
+function saveNode(button, editor, async) {
// hmm, i think editor == kupu
$("#ajax-loader").css("display", "block");
kupu.logMessage(_("Saving body (kupu)") + " " + currentNode);
@@ -185,8 +185,7 @@
content += "--" + boundary + "\x2D\x2D";
var request = getRequest();
-
- request.open("POST", "receive.jspx?fields=true", true);
+ request.open("POST", "receive.jspx?fields=true", async || async == null);
request.setRequestHeader("Content-Type", "multipart/form-data; boundary=" + boundary);
request.send(content);
request.onreadystatechange = function() {
@@ -446,6 +445,6 @@
if (kupu.content_changed &&
confirm(_('You have unsaved changes. Do you want to save before leaving the page?'))) {
kupu.config.reload_src = 0;
- saveNode(null, kupu);
+ saveNode(null, kupu, false);
};
};
From mihxil at codespeak.net Thu Aug 21 17:20:33 2008
From: mihxil at codespeak.net (mihxil at codespeak.net)
Date: Thu, 21 Aug 2008 17:20:33 +0200 (CEST)
Subject: [kupu-checkins] r57561 - kupu/trunk/kupu/mmbase
Message-ID: <20080821152033.D6A0016A112@codespeak.net>
Author: mihxil
Date: Thu Aug 21 17:20:32 2008
New Revision: 57561
Modified:
kupu/trunk/kupu/mmbase/layout.js
kupu/trunk/kupu/mmbase/mmbase.js
Log:
made it possible to do adjust layout for zoomed version
Modified: kupu/trunk/kupu/mmbase/layout.js
==============================================================================
--- kupu/trunk/kupu/mmbase/layout.js (original)
+++ kupu/trunk/kupu/mmbase/layout.js Thu Aug 21 17:20:32 2008
@@ -107,10 +107,18 @@
xWidth("kupu-editor", maxWidth);
}
-Layouter.prototype.adjust = function() {
- var zoomTool = kupu.getTool("zoomtool");
- if (zoomTool && zoomTool.zoomed) return;
+Layouter.prototype.adjustZoomed = function() {
+}
+Layouter.prototype.adjustUnzoomed = function() {
+}
+
+Layouter.prototype.adjust = function(zoom) {
+ if (zoom) {
+ Layouter.prototype.adjustZoomed();
+ return;
+ }
+ Layouter.prototype.adjustUnzoomed();
var maxHeight = this.maxHeight();
var maxWidth = this.maxWidth();
Modified: kupu/trunk/kupu/mmbase/mmbase.js
==============================================================================
--- kupu/trunk/kupu/mmbase/mmbase.js (original)
+++ kupu/trunk/kupu/mmbase/mmbase.js Thu Aug 21 17:20:32 2008
@@ -108,6 +108,7 @@
if (mmb.originalDisplay == null) mmb.originalDisplay = mmb.style.display;
if (this.zoomed == true) {
mmb.style.display = "none";
+ layout.adjust(true);
//document.getElementById("header").style.display = "none";
} else {
mmb.style.display = mmb.originalDisplay;
From mihxil at codespeak.net Thu Aug 21 17:26:57 2008
From: mihxil at codespeak.net (mihxil at codespeak.net)
Date: Thu, 21 Aug 2008 17:26:57 +0200 (CEST)
Subject: [kupu-checkins] r57562 - kupu/trunk/kupu/mmbase
Message-ID: <20080821152657.BAA1D16A0C7@codespeak.net>
Author: mihxil
Date: Thu Aug 21 17:26:50 2008
New Revision: 57562
Modified:
kupu/trunk/kupu/mmbase/toolbar.kupu
Log:
reported mmbase version was not actually correct
Modified: kupu/trunk/kupu/mmbase/toolbar.kupu
==============================================================================
--- kupu/trunk/kupu/mmbase/toolbar.kupu (original)
+++ kupu/trunk/kupu/mmbase/toolbar.kupu Thu Aug 21 17:26:50 2008
@@ -3,6 +3,7 @@
name="toolbar"
implementation="mmbase"
xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:mm="http://www.mmbase.org/mmbase-taglib-2.0"
xmlns:kupu="http://kupu.oscom.org/namespaces/dist"
xmlns:i18n="http://xml.zope.org/namespaces/i18n"
xmlns:fmt="http://java.sun.com/jsp/jstl/fmt"
@@ -39,13 +40,16 @@
-
-
+
+
+
+
From mihxil at codespeak.net Fri Aug 22 11:24:22 2008
From: mihxil at codespeak.net (mihxil at codespeak.net)
Date: Fri, 22 Aug 2008 11:24:22 +0200 (CEST)
Subject: [kupu-checkins] r57576 - in kupu/trunk/kupu/mmbase: . tools
Message-ID: <20080822092422.40E9116A189@codespeak.net>
Author: mihxil
Date: Fri Aug 22 11:24:20 2008
New Revision: 57576
Modified:
kupu/trunk/kupu/mmbase/mmbase.css
kupu/trunk/kupu/mmbase/tools/searchrelate.jspx
Log:
left-box is not very semantic
Modified: kupu/trunk/kupu/mmbase/mmbase.css
==============================================================================
--- kupu/trunk/kupu/mmbase/mmbase.css (original)
+++ kupu/trunk/kupu/mmbase/mmbase.css Fri Aug 22 11:24:20 2008
@@ -211,12 +211,12 @@
}
-div.kupu-toolbox.left-box {
+div.kupu-toolbox.extra-box {
width: 260px;
left: 0px;
}
-div.kupu-toolbox.left-box h1 {
+div.kupu-toolbox.extra-box h1 {
color: black;
}
Modified: kupu/trunk/kupu/mmbase/tools/searchrelate.jspx
==============================================================================
--- kupu/trunk/kupu/mmbase/tools/searchrelate.jspx (original)
+++ kupu/trunk/kupu/mmbase/tools/searchrelate.jspx Fri Aug 22 11:24:20 2008
@@ -25,7 +25,7 @@
-
+
${currentTitle}
Author: mihxil
Date: Fri Aug 22 13:33:07 2008
New Revision: 57584
Modified:
kupu/trunk/kupu/mmbase/node.jspx
Log:
added some css classes so that you can easier style it
Modified: kupu/trunk/kupu/mmbase/node.jspx
==============================================================================
--- kupu/trunk/kupu/mmbase/node.jspx (original)
+++ kupu/trunk/kupu/mmbase/node.jspx Fri Aug 22 13:33:07 2008
@@ -23,7 +23,9 @@
-