X-Git-Url: https://scm.cri.ensmp.fr/git/Plinn.git/blobdiff_plain/3c4367d8e03450e9a73e61f4247145d2b6c86a33..959d888c17d1403d2eeecc19bc4b5e2c8d1debf6:/Products/Plinn/skins/ajax_scripts/growable_table.js

diff --git a/Products/Plinn/skins/ajax_scripts/growable_table.js b/Products/Plinn/skins/ajax_scripts/growable_table.js
new file mode 100644
index 0000000..b7fcf1f
--- /dev/null
+++ b/Products/Plinn/skins/ajax_scripts/growable_table.js
@@ -0,0 +1,302 @@
+// © Benoît PIN 2006-2008
+// http://plinn.org
+// Licence GPL
+// 
+// 
+// GrowableTable: functions to edit quickly table form entries.
+
+function GrowableTable(tbody, fieldsDescription, submitExtName, skipFormManagerInit) {
+	this.fieldsDescription = fieldsDescription;
+	this.tbody = tbody;
+	this.length = tbody.getElementsByTagName('tr').length;
+	this.submitExtName = submitExtName;
+
+	var form = this.tbody.parentNode;
+	while (form.tagName != 'FORM') 
+		form = form.parentNode;
+
+	var thisManager = this;
+
+	if (!skipFormManagerInit) {
+		var formManager = new FormManager(form);
+		formManager.onBeforeSubmit = function(m, e){return thisManager.onBeforeSubmit(m, e)};
+		formManager.onResponseLoad = function(req){thisManager.loadResponse(req);};
+	}
+	
+	addListener(this.tbody.parentNode, 'click', function(evt){thisManager.tbodyClick(evt);});
+	
+	var addButton;
+	var links = tbody.parentNode.getElementsByTagName('a');
+	for (var i=0 ; i<links.length ; i++) {
+		addButton = links[i];
+		if (addButton.name == 'addrow')
+			break;
+	}
+	this.addButton = addButton;
+	this.submittedRow = null;
+	this.editedRowInitialValues = null;
+	
+	
+}
+
+GrowableTable.prototype.tbodyClick = function(evt) {
+	var ob = getTargetedObject(evt);
+	if (ob.tagName == 'IMG') {
+		disablePropagation(evt);
+		disableDefault(evt);
+		
+		var link = ob.parentNode;
+		var name = link.getAttribute('name');
+		
+		if (name == 'addrow')
+				this.addRow();
+		else if (name)
+			this.removeRow(ob, name);
+	}
+	else {
+		while (ob.tagName != 'TBODY') {
+			if (ob.tagName == 'SPAN')
+				break;
+			else
+				ob = ob.parentNode;
+		}
+		
+		if (ob.tagName == 'SPAN') {
+			disablePropagation(evt);
+			disableDefault(evt);
+			this.replaceRowByFields(ob);
+		}
+	}
+};
+
+GrowableTable.prototype.replaceRowByFields = function(ob) {
+	if (this.editedRowInitialValues)
+		return;
+	this.addButton.className = 'hidden';
+	var tr = ob;
+	while (tr.tagName != 'TR')
+		tr = tr.parentNode;
+			
+	var span, cell, input, elementName, text;
+	var cells = tr.getElementsByTagName('td');
+	elementName = cells[0].getElementsByTagName('a')[0].getAttribute('name');
+	
+	this.editedRowInitialValues = new Array();
+
+	for (var i=1; i < cells.length ; i++) {
+		cell = cells[i];
+		span = cell.getElementsByTagName('span')[0];
+		this.editedRowInitialValues[i-1] = span.innerHTML;
+		
+		if (span.firstChild && span.firstChild.className == 'hidden_value')
+		    text = span.firstChild.innerHTML;
+		else
+		    text = span.innerHTML;
+		
+		input = document.createElement('input');
+		with(input) {
+			type='text';
+			name=this.fieldsDescription[i-1][0];
+			size=this.fieldsDescription[i-1][1];
+			value=text;
+		}
+		cell.replaceChild(input, span);
+		
+		if (i == cells.length - 1) {
+			var hiddenNameInput = document.createElement('input');
+			with (hiddenNameInput){
+				type='hidden';
+				name='row_edit' + this.submitExtName;
+				value=elementName;
+			}
+			
+			var validButton = document.createElement('input');
+			with (validButton) {type = 'image'; name = 'row_edit_valid'; src = portal_url() + '/validate.gif'; alt = 'Validate'; height='16'; width='16'}
+
+			var cancelButton = document.createElement('input');
+			with (cancelButton) {type = 'image'; name = 'row_edit_cancel'; src = portal_url() + '/cancel.gif'; alt = 'Cancel';}
+			
+			cell.appendChild(hiddenNameInput)
+			cell.appendChild(validButton);
+			cell.appendChild(cancelButton);
+		}
+	}
+	return tr;
+};
+
+GrowableTable.prototype.cancelEditRow = function(ob) {
+	var tr = ob;
+	while(tr.tagName != 'TR')
+		tr = tr.parentNode;
+	
+	var cells = tr.getElementsByTagName('td');
+	var td, span, text;
+	for (var i=1 ; i < cells.length ; i++) {
+		td = cells[i];
+		while (td.firstChild)
+			td.removeChild(td.firstChild);
+
+		span = document.createElement('span');
+		td.appendChild(span);
+		span.innerHTML = this.editedRowInitialValues[i-1];
+	}
+	
+	this.editedRowInitialValues = null;
+	this.addButton.className = '';
+}
+
+GrowableTable.prototype.onBeforeSubmit = function(m, evt) {
+	var target = getTargetedObject(evt);
+	var submitElement, form;
+	
+	switch (target.tagName) {
+		case 'INPUT' :
+			submitElement = target;
+			form = target.form;
+			break;
+		case 'FORM' :
+			submitElement = m.submitButton;
+			form = target;
+			break;
+	}
+	
+	switch(submitElement.name) {
+		case 'row_cancel':
+			this.cancelRow(submitElement);
+			break;
+		case 'row_edit_cancel':
+			this.cancelEditRow(submitElement);
+			return 'cancelSubmit';
+			break;
+		default :
+			var submittedRow = submitElement;
+			while(submittedRow.tagName != 'TR')
+				submittedRow = submittedRow.parentNode;
+			this.submittedRow = submittedRow;
+			return;
+			break;
+	}
+	
+	return 'cancelSubmit';
+}
+
+GrowableTable.prototype.loadResponse = function(req) {
+	var doc = req.responseXML.documentElement;
+	switch (doc.nodeName) {
+		case 'computedField':
+			var copy = getCopyOfNode(doc.firstChild);
+			this.tbody.replaceChild(copy, this.submittedRow);
+			this.addButton.className = '';
+			this.submittedRow = null;
+			this.editedRowInitialValues = null;
+			break;
+		case 'error':
+			alert(doc.firstChild.nodeValue);
+			break;
+	}
+}
+
+GrowableTable.prototype.addRow = function(evt) {
+	var fieldDescription, input, fieldName, fieldSize;
+	var firstField;
+	var tr = document.createElement('tr');
+	var td = document.createElement('td');
+	var hiddenInputAddRowFlag = document.createElement('input');
+	with (hiddenInputAddRowFlag){
+		type='hidden';
+		name='row_add' + this.submitExtName;
+		value='add';
+	}
+	td.appendChild(hiddenInputAddRowFlag);
+	tr.appendChild(td);
+	
+	for (var i=0 ; i < this.fieldsDescription.length ; i++) {
+		fieldDescription = this.fieldsDescription[i];
+		fieldName = fieldDescription[0];
+		fieldSize = fieldDescription[1];
+		
+		td = document.createElement('td');
+		input = document.createElement('input')
+		with(input){type='text'; name=fieldName; size=fieldSize; }
+		td.appendChild(input);
+		tr.appendChild(td);
+		if (i == 0)
+			firstField = input;
+		if (i == this.fieldsDescription.length -1) {
+			var validButton = document.createElement('input');
+			with (validButton) {type = 'image'; name = 'row_valid'; src = portal_url() + '/validate.gif'; alt = 'Validate'; height='16'; width='16'}
+
+			var cancelButton = document.createElement('input');
+			with (cancelButton) {type = 'image'; name = 'row_cancel'; src = portal_url() + '/cancel.gif'; alt = 'Cancel';}
+			
+			td.appendChild(validButton);
+			td.appendChild(cancelButton);
+		}
+	}
+	
+	this.tbody.appendChild(tr);
+	this.length += 1;
+	firstField.focus();
+	this.addButton.className = 'hidden';
+	return tr;
+};
+
+GrowableTable.prototype.removeRow = function(ob, name) {
+	var tr = ob;
+	while (tr.tagName != 'TR')
+		tr = tr.parentNode;
+	
+	var form = tr;
+	while (form.tagName != 'FORM')
+		form = form.parentNode;
+
+	var req = new XMLHttpRequest();
+	var thisManager = this;
+	req.onreadystatechange = function() {
+		switch (req.readyState) {
+			case 1 :
+				showProgressImage();
+				break;
+			case 4 :
+				hideProgressImage();
+				if (req.status == '200') {
+					if (req.responseXML.documentElement.tagName == 'done')
+						thisManager.tbody.removeChild(tr);
+						thisManager.onAfterRemove(name);
+				}
+				else
+					alert('Error: ' + req.status);
+		}
+	};
+	
+	var url = form.action;
+	req.open("POST", url, true);
+	req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8");
+	req.send('name=' + name + '&rm=rm');
+}
+
+GrowableTable.prototype.onAfterRemove = function(name) { }
+
+GrowableTable.prototype.cancelRow = function(element) {
+	/* element must be on the "descendant-or-self" axis of the row to remove */
+	while (element.tagName != 'TR')
+		element = element.parentNode;
+	this.tbody.removeChild(element);
+	this.addButton.className= undefined;
+}
+
+
+/* 
+* http://www.sitepoint.com/blogs/2006/01/17/javascript-inheritance/
+*/
+
+// déplacé dans javascript_events_api.js
+
+// function copyPrototype(descendant, parent) { 
+// 	var sConstructor = parent.toString(); 
+// 	var aMatch = sConstructor.match( /\s*function (.*)\(/ );
+// 	if ( aMatch != null ) { descendant.prototype[aMatch[1]] = parent; } 
+// 	for (var m in parent.prototype) { 
+// 		descendant.prototype[m] = parent.prototype[m]; 
+// 	}
+// }