Diffstat (limited to 'frontend/beta/js/Clipperz/PM/Components/Import/CSVImport/CSVImportColumns.js') (more/less context) (ignore whitespace changes)
-rw-r--r-- | frontend/beta/js/Clipperz/PM/Components/Import/CSVImport/CSVImportColumns.js | 174 |
1 files changed, 174 insertions, 0 deletions
diff --git a/frontend/beta/js/Clipperz/PM/Components/Import/CSVImport/CSVImportColumns.js b/frontend/beta/js/Clipperz/PM/Components/Import/CSVImport/CSVImportColumns.js new file mode 100644 index 0000000..18b36da --- a/dev/null +++ b/frontend/beta/js/Clipperz/PM/Components/Import/CSVImport/CSVImportColumns.js @@ -0,0 +1,174 @@ +/* + +Copyright 2008-2011 Clipperz Srl + +This file is part of Clipperz's Javascript Crypto Library. +Javascript Crypto Library provides web developers with an extensive +and efficient set of cryptographic functions. The library aims to +obtain maximum execution speed while preserving modularity and +reusability. +For further information about its features and functionalities please +refer to http://www.clipperz.com + +* Javascript Crypto Library is free software: you can redistribute + it and/or modify it under the terms of the GNU Affero General Public + License as published by the Free Software Foundation, either version + 3 of the License, or (at your option) any later version. + +* Javascript Crypto Library is distributed in the hope that it will + be useful, but WITHOUT ANY WARRANTY; without even the implied + warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. + See the GNU Affero General Public License for more details. + +* You should have received a copy of the GNU Affero General Public + License along with Javascript Crypto Library. If not, see + <http://www.gnu.org/licenses/>. + +*/ + +if (typeof(Clipperz) == 'undefined') { Clipperz = {}; } +if (typeof(Clipperz.PM) == 'undefined') { Clipperz.PM = {}; } +if (typeof(Clipperz.PM.Components) == 'undefined') { Clipperz.PM.Components = {}; } +if (typeof(Clipperz.PM.Components.Import) == 'undefined') { Clipperz.PM.Components.Import = {}; } +if (typeof(Clipperz.PM.Components.Import.CSVImport) == 'undefined') { Clipperz.PM.Components.Import.CSVImport = {}; } + +//############################################################################# + +Clipperz.PM.Components.Import.CSVImport.CSVImportColumns = function(anElement, args) { + args = args || {}; + + Clipperz.PM.Components.Import.CSVImport.CSVImportColumns.superclass.constructor.call(this, anElement, args); + this._mainComponent = args.mainComponent; + + return this; +} + +//============================================================================= + +YAHOO.extendX(Clipperz.PM.Components.Import.CSVImport.CSVImportColumns, Clipperz.PM.Components.BaseComponent, { + + 'toString': function() { + return "Clipperz.PM.Components.Import.CSVImport.CSVImportColumns component"; + }, + + //------------------------------------------------------------------------- + + 'mainComponent': function() { + return this._mainComponent; + }, + + //------------------------------------------------------------------------- + + 'render': function() { + var i,c; + var columnSelectorCheckboxCells; + var checkboxes; + var data; + +//MochiKit.Logging.logDebug(">>> CSVImportColumns.render"); + Clipperz.NotificationCenter.unregister(this); + MochiKit.Signal.disconnectAllTo(this); + + this.element().update(""); + + data = this.mainComponent().parsedValues(); + columnSelectorCheckboxCells = []; + + c = data[0].length; + for (i=0; i<c; i++) { + columnSelectorCheckboxCells.push({tag:'th', valign:'top', cls:(this.mainComponent().isColumnSelected(i) ? 'selectedColumn': 'skippedColumn'), children:[ + {tag:'input', type:'checkbox', id:this.getId('columnCheckbox_' + i), value:i} + ]}) + } + + this.domHelper().append(this.element(), {tag:'div', children:[ + {tag:'div', cls:'importStepDescription', htmlString:Clipperz.PM.Strings['CSV_ImportWizard_Columns']}, + {tag:'div', id:this.getId('dataDiv'), cls:'csvImportPreview', children:[ + {tag:'table', id:this.getId('previewDada'), cls:'csvImportPreview columns', cellspacing:'0', children:[ + {tag:'thead', id:this.getId('previewData_thead'), children:[ + {tag:'tr', children:columnSelectorCheckboxCells} + ]}, + {tag:'tbody', id:this.getId('previewData_tbody'), children:[]} + ]} + ]} + ]}); + + c = data[0].length; + for (i=0; i<c; i++) { + if (this.mainComponent().isColumnSelected(i)) { + this.getDom('columnCheckbox_' + i).checked = true; + } + } + + this.renderData(this.getElement('previewData_tbody'), data); + + checkboxes = MochiKit.DOM.getElementsByTagAndClassName('input', null, this.getDom('previewData_thead')); + c = checkboxes.length; + for (i=0; i<c; i++) { + MochiKit.Signal.connect(checkboxes[i], 'onclick', this, 'renderDataHandler'); + } +//MochiKit.Logging.logDebug("<<< CSVImportColumns.render"); + }, + + //------------------------------------------------------------------------- + + 'renderData': function(anElement, someData) { + var config; + var i,c; + +//MochiKit.Logging.logDebug(">>> CSVImportColumns.renderData"); +// anElement.update(""); + MochiKit.DOM.replaceChildNodes(anElement.dom); + + config = MochiKit.Base.map(MochiKit.Base.bind(function(aRowData) { + var result; + var i,c; + + result = {tag:'tr', children:[]}; + c = aRowData.length; + for (i=0; i<c; i++) { + var field; + + field = aRowData[i]; + result.children.push({tag:'td', valign:'top', cls:(this.mainComponent().isColumnSelected(i) ? 'selectedColumn': 'skippedColumn'), html:(MochiKit.Base.isNotEmpty(field) ? field.replace(/\n/g, '<br>') : ' ')}); + } + + return result; + }, this), someData); + + MochiKit.Base.map(function(aRowConfig) {Clipperz.YUI.DomHelper.append(anElement, aRowConfig);}, config); + + Clipperz.Style.applyZebraStylesToTable(this.getId('previewDada')); +//MochiKit.Logging.logDebug("<<< CSVImportColumns.renderData"); + }, + + //------------------------------------------------------------------------- + + 'renderDataHandler': function(anEvent) { + var thElement; + + thElement = YAHOO.ext.Element.get(anEvent.src().parentNode); + + if (anEvent.src().checked == true) { + this.mainComponent().skippedColumns().remove(anEvent.src().value); + thElement.addClass('selectedColumn'); + thElement.removeClass('skippedColumn'); + } else { + this.mainComponent().skippedColumns().add(anEvent.src().value); + thElement.removeClass('selectedColumn'); + thElement.addClass('skippedColumn'); + } + + if (this.mainComponent().skippedColumns().allItems().length == this.mainComponent().parsedValues()[0].length) { + this.mainComponent().nextButton().disable(); + } else { + this.mainComponent().nextButton().enable(); + } + + this.renderData(this.getElement('previewData_tbody'), this.mainComponent().parsedValues()); + }, + + //------------------------------------------------------------------------- + __syntaxFix__: "syntax fix" +}); + |