243 lines
9.0 KiB
JavaScript
243 lines
9.0 KiB
JavaScript
/*
|
|
|
|
Copyright 2008-2013 Clipperz Srl
|
|
|
|
This file is part of Clipperz, the online password manager.
|
|
For further information about its features and functionalities please
|
|
refer to http://www.clipperz.com.
|
|
|
|
* Clipperz 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.
|
|
|
|
* Clipperz 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 Clipperz. 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.CSVImportFields = function(anElement, args) {
|
|
args = args || {};
|
|
|
|
Clipperz.PM.Components.Import.CSVImport.CSVImportFields.superclass.constructor.call(this, anElement, args);
|
|
this._mainComponent = args.mainComponent;
|
|
|
|
return this;
|
|
}
|
|
|
|
//=============================================================================
|
|
|
|
YAHOO.extendX(Clipperz.PM.Components.Import.CSVImport.CSVImportFields, Clipperz.PM.Components.BaseComponent, {
|
|
|
|
'toString': function() {
|
|
return "Clipperz.PM.Components.Import.CSVImport.CSVImportFields component";
|
|
},
|
|
|
|
//-------------------------------------------------------------------------
|
|
|
|
'mainComponent': function() {
|
|
return this._mainComponent;
|
|
},
|
|
|
|
//-------------------------------------------------------------------------
|
|
|
|
'render': function() {
|
|
var fieldsHeaderCells;
|
|
var titleColumnIndex;
|
|
var notesColumnIndex;
|
|
var i,c;
|
|
|
|
Clipperz.NotificationCenter.unregister(this);
|
|
MochiKit.Signal.disconnectAllTo(this);
|
|
|
|
this.element().update("");
|
|
|
|
titleColumnIndex = this.mainComponent().titleColumnIndex()
|
|
notesColumnIndex = this.mainComponent().notesColumnIndex()
|
|
|
|
fieldsHeaderCells = [];
|
|
fieldsHeaderCells.push({tag:'td', valign:'top', cls:'title', html:this.mainComponent().labelForColumn(titleColumnIndex)});
|
|
|
|
c = this.mainComponent().parsedValues()[0].length;
|
|
for (i=0; i<c; i++) {
|
|
if ((i != titleColumnIndex) && (i != notesColumnIndex) && (this.mainComponent().isColumnSelected(i))) {
|
|
var trimmedLabel;
|
|
|
|
trimmedLabel = Clipperz.Base.trim(this.mainComponent().labelForColumn(i));
|
|
fieldsHeaderCells.push({tag:'td', valign:'top', id:this.getId('fieldHeaderTD_' + i), cls:((trimmedLabel == "") ? 'missingLabelWarning' : (this.isColumnSetup(i) ? 'configuredColumn': 'unconfiguredColumn')), children:[
|
|
{tag:'span', html:((trimmedLabel == "") ? Clipperz.PM.Strings['CSV_ImportWizard_Fields_MissingLabelWarning'] : trimmedLabel)/*, cls:((trimmedLabel == "") ? 'missingLabelWarning' : '')*/},
|
|
{tag:'select', id:this.getId('select_' + i), name:i, children:[
|
|
{tag:'option', value:'UNDEFINED', html:"select data type", cls:'disabledOption'},
|
|
{tag:'option', value:'TXT', htmlString:Clipperz.PM.Strings['recordFieldTypologies']['TXT']['shortDescription']},
|
|
{tag:'option', value:'PWD', htmlString:Clipperz.PM.Strings['recordFieldTypologies']['PWD']['shortDescription']},
|
|
{tag:'option', value:'URL', htmlString:Clipperz.PM.Strings['recordFieldTypologies']['URL']['shortDescription']},
|
|
{tag:'option', value:'DATE', htmlString:Clipperz.PM.Strings['recordFieldTypologies']['DATE']['shortDescription']},
|
|
{tag:'option', value:'ADDR', htmlString:Clipperz.PM.Strings['recordFieldTypologies']['ADDR']['shortDescription']}
|
|
]}
|
|
]})
|
|
}
|
|
}
|
|
|
|
if (notesColumnIndex != -1) {
|
|
fieldsHeaderCells.push({tag:'td', valign:'top', cls:'notes', html:this.mainComponent().labelForColumn(notesColumnIndex)});
|
|
}
|
|
|
|
this.domHelper().append(this.element(), {tag:'div', children:[
|
|
{tag:'div', cls:'importStepDescription', htmlString:Clipperz.PM.Strings['CSV_ImportWizard_Fields']},
|
|
{tag:'div', id:this.getId('dataDiv'), children:[
|
|
{tag:'div', children:[
|
|
]},
|
|
{tag:'div', cls:'csvImportPreview', children:[
|
|
{tag:'table', id:this.getId('previewDada'), cls:'csvImportPreview', cellspacing:'0', children:[
|
|
{tag:'thead', id:this.getId('previewData_thead'), children:[
|
|
{tag:'tr', cls:'CSV_previewData_header', children:fieldsHeaderCells}
|
|
]},
|
|
{tag:'tbody', id:this.getId('previewData_tbody'), children:[]}
|
|
]}
|
|
]}
|
|
]}
|
|
]});
|
|
|
|
for (i=0; i<c; i++) {
|
|
if ((i != titleColumnIndex) && (i != notesColumnIndex) && (this.mainComponent().isColumnSelected(i))) {
|
|
Clipperz.DOM.selectOptionMatchingValue(this.getDom('select_' + i), this.mainComponent().typeForColumn(i));
|
|
MochiKit.Signal.connect(this.getDom('select_' + i), 'onchange', this, 'renderDataRowsHandler');
|
|
}
|
|
}
|
|
|
|
this.renderDataRows(this.getElement('previewData_tbody'));
|
|
// Clipperz.NotificationCenter.register(null, 'updatedCSVImportColumnHeader', this, 'renderDataRowsHandler');
|
|
},
|
|
|
|
//-------------------------------------------------------------------------
|
|
|
|
'isColumnSetup': function(aColumnIndex) {
|
|
return ((Clipperz.Base.trim(this.mainComponent().labelForColumn(aColumnIndex)) != "") && (this.mainComponent().typeForColumn(aColumnIndex) != 'UNDEFINED'));
|
|
},
|
|
|
|
//-------------------------------------------------------------------------
|
|
|
|
'renderDataRowsHandler': function(anEvent) {
|
|
var columnIndex;
|
|
var tdElement;
|
|
|
|
//MochiKit.Logging.logDebug(">>> renderDataRowsHandler")
|
|
columnIndex = anEvent.src().name;
|
|
this.mainComponent().setTypeForColumn(anEvent.src().value, columnIndex);
|
|
|
|
tdElement = this.getElement('fieldHeaderTD_' + columnIndex);
|
|
|
|
if (this.isColumnSetup(columnIndex)) {
|
|
tdElement.removeClass('unconfiguredColumn');
|
|
tdElement.addClass('configuredColumn');
|
|
} else {
|
|
tdElement.addClass('unconfiguredColumn');
|
|
tdElement.removeClass('configuredColumn');
|
|
}
|
|
|
|
this.renderDataRows(this.getElement('previewData_tbody'));
|
|
},
|
|
|
|
//-------------------------------------------------------------------------
|
|
|
|
'renderDataRows': function(anElement) {
|
|
var titleColumnIndex;
|
|
var notesColumnIndex;
|
|
var data
|
|
var i,c;
|
|
|
|
//MochiKit.Logging.logDebug("#### >> renderDataRows");
|
|
// anElement.update("");
|
|
MochiKit.DOM.replaceChildNodes(anElement.dom);
|
|
|
|
if (this.mainComponent().isFirstRowHeader()) {
|
|
data = this.mainComponent().parsedValues().slice(1);
|
|
} else {
|
|
data = this.mainComponent().parsedValues();
|
|
}
|
|
|
|
|
|
titleColumnIndex = this.mainComponent().titleColumnIndex();
|
|
notesColumnIndex = this.mainComponent().notesColumnIndex();
|
|
|
|
c = data.length;
|
|
for (i=0; i<c; i++) {
|
|
var rowData;
|
|
var rowConfig;
|
|
var ii, cc;
|
|
|
|
rowData = data[i];
|
|
|
|
rowConfig = {tag:'tr', children:[
|
|
{tag:'td', valign:'top', cls:'title', html:(MochiKit.Base.isNotEmpty(rowData[titleColumnIndex]) ? rowData[titleColumnIndex].replace(/\n/g, '<br>') : ' ')}
|
|
]};
|
|
|
|
cc = rowData.length;
|
|
for (ii=0; ii<cc; ii++) {
|
|
// if ((ii != titleColumnIndex) && (ii != notesColumnIndex)) {
|
|
if ((ii != titleColumnIndex) && (ii != notesColumnIndex) && (this.mainComponent().isColumnSelected(ii))) {
|
|
rowConfig.children.push({
|
|
tag:'td',
|
|
valign:'top',
|
|
cls:(this.isColumnSetup(ii) ? 'configuredColumn' : 'unconfiguredColumn'),
|
|
html:(MochiKit.Base.isNotEmpty(rowData[ii]) ? rowData[ii].replace(/\n/g, '<br>') : ' ')
|
|
});
|
|
}
|
|
}
|
|
if (notesColumnIndex != -1) {
|
|
rowConfig.children.push({tag:'td', valign:'top', cls:'notes', html:(MochiKit.Base.isNotEmpty(rowData[notesColumnIndex]) ? rowData[notesColumnIndex].replace(/\n/g, '<br>') : ' ')});
|
|
}
|
|
|
|
this.domHelper().append(anElement, rowConfig);
|
|
}
|
|
|
|
Clipperz.Style.applyZebraStylesToTable(this.getId('previewDada'));
|
|
|
|
this.checkWetherToEnableNextButton();
|
|
//MochiKit.Logging.logDebug("#### << renderDataRows");
|
|
},
|
|
|
|
//-------------------------------------------------------------------------
|
|
|
|
'checkWetherToEnableNextButton': function() {
|
|
var result;
|
|
var titleColumnIndex;
|
|
var notesColumnIndex;
|
|
var i,c;
|
|
|
|
titleColumnIndex = this.mainComponent().titleColumnIndex()
|
|
notesColumnIndex = this.mainComponent().notesColumnIndex()
|
|
|
|
result = true;
|
|
c = this.mainComponent().parsedValues()[0].length;
|
|
for (i=0; i<c; i++) {
|
|
if ((i != titleColumnIndex) && (i != notesColumnIndex) && (this.mainComponent().isColumnSelected(i))) {
|
|
result = result && this.isColumnSetup(i);
|
|
}
|
|
}
|
|
|
|
if (result) {
|
|
this.mainComponent().nextButton().enable();
|
|
} else {
|
|
this.mainComponent().nextButton().disable();
|
|
}
|
|
},
|
|
|
|
//-------------------------------------------------------------------------
|
|
__syntaxFix__: "syntax fix"
|
|
});
|
|
|