450 lines
12 KiB
JavaScript
450 lines
12 KiB
JavaScript
/*
|
|
|
|
Copyright 2008-2015 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/.
|
|
|
|
*/
|
|
|
|
"use strict";
|
|
Clipperz.Base.module('Clipperz.PM.UI');
|
|
|
|
Clipperz.PM.UI.ImportContext = function(anInputComponent) {
|
|
this._importComponent = anInputComponent;
|
|
|
|
this._status = {
|
|
'inputString': '',
|
|
'isInputStringValid': false,
|
|
'inputFormat': 'UNDEFINED',
|
|
'currentStep': 'Input',
|
|
};
|
|
|
|
return this;
|
|
}
|
|
|
|
MochiKit.Base.update(Clipperz.PM.UI.ImportContext.prototype, {
|
|
|
|
toString: function() {
|
|
return "Clipperz.PM.UI.ImportContext";
|
|
},
|
|
|
|
release: function () {
|
|
this._importComponent = null;
|
|
},
|
|
|
|
//=============================================================================
|
|
|
|
ensureStateConsistency: function () {
|
|
var csvData;
|
|
|
|
csvData = this._status['csvData'];
|
|
if (csvData != null) {
|
|
if (csvData['titleIndex'] == csvData['notesIndex']) {
|
|
csvData['notesIndex'] = null;
|
|
}
|
|
|
|
csvData['hiddenFields'][csvData['titleIndex']] = false;
|
|
csvData['hiddenFields'][csvData['notesIndex']] = false;
|
|
}
|
|
},
|
|
|
|
updateImportComponent: function () {
|
|
this._importComponent.setState({'importContext': this});
|
|
},
|
|
|
|
//=============================================================================
|
|
|
|
state: function (aKeyPath) {
|
|
var result;
|
|
var keys;
|
|
var i, c;
|
|
|
|
result = this._status;
|
|
keys = aKeyPath.split('.');
|
|
c = keys.length;
|
|
|
|
for (i=0; i<c; i++) {
|
|
result = result[keys[i]];
|
|
}
|
|
|
|
return result;
|
|
},
|
|
|
|
setState: function (aKeyPath, aValue) {
|
|
var object;
|
|
var keys;
|
|
var i, c;
|
|
|
|
object = this._status;
|
|
keys = aKeyPath.split('.');
|
|
c = keys.length - 1;
|
|
|
|
for (i=0; i<c; i++) {
|
|
object = object[keys[i]];
|
|
}
|
|
object[keys[c]] = aValue;
|
|
|
|
this.ensureStateConsistency();
|
|
this.updateImportComponent();
|
|
},
|
|
|
|
//=============================================================================
|
|
|
|
stepStatus: function (aStep) {
|
|
var result;
|
|
|
|
if (aStep == this.currentStep()) {
|
|
result = 'active';
|
|
} else {
|
|
result = 'disabled';
|
|
}
|
|
|
|
return result;
|
|
},
|
|
|
|
currentStep: function () {
|
|
return this.state('currentStep');
|
|
},
|
|
|
|
setCurrentStep: function (aValue) {
|
|
this.setState('currentStep', aValue);
|
|
},
|
|
|
|
currentStepIndex: function () {
|
|
return MochiKit.Base.findValue(this.steps(), this.currentStep());
|
|
},
|
|
|
|
steps: function () {
|
|
var result;
|
|
|
|
if (this.inputFormat() == 'JSON') {
|
|
result = ['Input', 'Preview', 'Import'];
|
|
} else if (this.inputFormat() == 'CSV') {
|
|
result = ['Input', 'CSV.Columns', 'CSV.Labels', 'CSV.Titles', 'CSV.Notes', 'CSV.Hidden', 'Preview', 'Import'];
|
|
} else {
|
|
result = ['Input'];
|
|
}
|
|
|
|
return result;
|
|
},
|
|
|
|
//=============================================================================
|
|
|
|
inputFormat: function () {
|
|
return this.state('inputFormat');
|
|
},
|
|
|
|
setInputFormat: function (aValue) {
|
|
this.setState('inputFormat', aValue);
|
|
|
|
if (aValue == 'UNDEFINED') {
|
|
this.setIsInputStringValid(false);
|
|
} else {
|
|
this.setIsInputStringValid(true);
|
|
}
|
|
},
|
|
|
|
//-----------------------------------------------------------------------------
|
|
|
|
isInputStringValid: function () {
|
|
return this.state('isInputStringValid');
|
|
},
|
|
|
|
setIsInputStringValid: function (aValue) {
|
|
this.setState('isInputStringValid', aValue);
|
|
},
|
|
|
|
//=============================================================================
|
|
|
|
showJsonPreview: function (jsonData) {
|
|
MochiKit.Async.callLater(0.1, MochiKit.Base.method(this, 'setCurrentStep', 'Preview'));
|
|
},
|
|
|
|
setJsonData: function (someData) {
|
|
if (someData != null) {
|
|
this.setInputFormat('JSON');
|
|
}
|
|
this.setState('jsonData', someData);
|
|
// TODO: before setting 'recordsToImport', filter 'someData' to remove cards marked as ARCHIVED
|
|
this.setState('recordsToImport', someData);
|
|
},
|
|
|
|
enhanceJsonDataWithCardReferences: function (someJsonData) {
|
|
var now = new XDate();
|
|
var dateString = now.toString('yyyyMMdd');
|
|
|
|
return MochiKit.Base.map(function (item) {
|
|
item['reference'] = Clipperz.PM.Crypto.randomKey();
|
|
// item['label'] = "COPY - " + item['label'];
|
|
item['label'] = item['label'] + ' ' + Clipperz.PM.DataModel.Record.tagChar + "Import_" + dateString;
|
|
return item;
|
|
}, someJsonData);
|
|
},
|
|
|
|
//-----------------------------------------------------------------------------
|
|
|
|
startCsvWizard: function (csvData) {
|
|
MochiKit.Async.callLater(0.1, MochiKit.Base.method(this, 'setCurrentStep', 'CSV.Columns'));
|
|
},
|
|
|
|
setCsvData: function (someData) {
|
|
if (someData != null) {
|
|
this.setInputFormat('CSV');
|
|
|
|
this.setState('csvData', {
|
|
'data': someData,
|
|
'selectedColumns': MochiKit.Base.map(function () { return true; }, someData[0]),
|
|
'labels': MochiKit.Base.map(function () { return ""; }, someData[0]),
|
|
'useFirstRowAsLabels': false,
|
|
'titleIndex': null,
|
|
'notesIndex': null,
|
|
'hiddenFields': MochiKit.Base.map(function () { return false; }, someData[0]),
|
|
});
|
|
} else {
|
|
this.setState('csvData', null);
|
|
}
|
|
},
|
|
|
|
csvFillEmptyCells: function(table) {
|
|
var result = [];
|
|
var i,j;
|
|
|
|
var maxColumns = MochiKit.Iter.reduce(function(prev,next) {
|
|
return Math.max(prev,next)
|
|
}, MochiKit.Base.map(function(row) {return row.length;}, table) );
|
|
|
|
for (i=0; i<table.length; i++) {
|
|
result[i] = [];
|
|
for (j=0; j<maxColumns; j++) {
|
|
result[i][j] = (typeof(table[i][j]) != "undefined") ? table[i][j] : "";
|
|
}
|
|
}
|
|
|
|
return result;
|
|
},
|
|
|
|
//............................................................................
|
|
|
|
'createJsonDataFromCSV': function(csvData) {
|
|
return MochiKit.Base.map(function (row) {
|
|
var fields;
|
|
|
|
fields = MochiKit.Base.map(function (cellInfo) {
|
|
return {
|
|
'label': csvData['labels'][cellInfo[0]],
|
|
'value': cellInfo[1],
|
|
'hidden': csvData['hiddenFields'][cellInfo[0]],
|
|
}
|
|
}, MochiKit.Base.filter(function (cellInfo) {
|
|
return ((csvData['titleIndex'] != cellInfo[0]) && (csvData['notesIndex'] != cellInfo[0]) && (csvData['selectedColumns'][cellInfo[0]]));
|
|
}, Clipperz.Base.zipWithRange(row))
|
|
);
|
|
|
|
return {
|
|
'reference': Clipperz.PM.Crypto.randomKey(),
|
|
'label': row[csvData['titleIndex']],
|
|
'data': {
|
|
'notes': ((csvData['notesIndex'] != null) ? row[csvData['notesIndex']] : "")
|
|
},
|
|
'currentVersion': {
|
|
'fields': MochiKit.Iter.reduce(function (accumulator, field) {
|
|
accumulator[Clipperz.PM.Crypto.randomKey()] = field; return accumulator;
|
|
}, fields, {})
|
|
}
|
|
};
|
|
}, (csvData['useFirstRowAsLabels']) ? csvData['data'].slice(1) : csvData['data']);
|
|
},
|
|
|
|
//=============================================================================
|
|
|
|
inputString: function () {
|
|
return this.state('inputString');
|
|
},
|
|
|
|
setInputString: function (aValue, isUploadingFile) {
|
|
var textarea;
|
|
var result;
|
|
|
|
result = aValue;
|
|
this.setInputFormat('UNDEFINED');
|
|
this.setJsonData(null);
|
|
this.setCsvData(null);
|
|
|
|
if (isUploadingFile) {
|
|
var isExportContent;
|
|
|
|
isExportContent = new RegExp('.*<textarea>(.*)<\/textarea>.*', 'g');
|
|
if (isExportContent.test(aValue)) {
|
|
textarea = MochiKit.DOM.TEXTAREA();
|
|
textarea.innerHTML = aValue.replace(isExportContent, '$1');
|
|
result = textarea.innerHTML;
|
|
}
|
|
}
|
|
|
|
try {
|
|
var jsonData;
|
|
|
|
jsonData = JSON.parse(result);
|
|
jsonData = this.enhanceJsonDataWithCardReferences(jsonData);
|
|
|
|
this.setJsonData(jsonData);
|
|
if (isUploadingFile == true) {
|
|
this.showJsonPreview();
|
|
}
|
|
} catch(e) {
|
|
var parsedCsv;
|
|
|
|
parsedCsv = Papa.parse(result);
|
|
if (parsedCsv.errors.length == 0) {
|
|
var csvData;
|
|
csvData = this.csvFillEmptyCells(parsedCsv.data);
|
|
|
|
this.setCsvData(csvData);
|
|
if (isUploadingFile == true) {
|
|
this.startCsvWizard(csvData);
|
|
}
|
|
}
|
|
}
|
|
|
|
this.setState('inputString', result);
|
|
return result;
|
|
},
|
|
|
|
//=============================================================================
|
|
|
|
backButtonStatus: function () {
|
|
var result;
|
|
|
|
result = 'DISABLED';
|
|
if (this.currentStepIndex() > 0) {
|
|
result = 'ENABLED';
|
|
}
|
|
|
|
return result;
|
|
},
|
|
|
|
//.............................................................................
|
|
|
|
forwardButtonStatus: function () {
|
|
var result;
|
|
|
|
result = 'DISABLED';
|
|
|
|
if (this.currentStep() == 'Input') {
|
|
if (this.isInputStringValid()) {
|
|
result = 'ENABLED';
|
|
}
|
|
} else if (this.currentStep() == 'Preview') {
|
|
if (this.state('recordsToImport').length > 0) {
|
|
result = 'ENABLED';
|
|
}
|
|
} else if (this.currentStep() == 'CSV.Columns') {
|
|
if (MochiKit.Iter.some(this.state('csvData.selectedColumns'), MochiKit.Base.operator.identity)) {
|
|
result = 'ENABLED';
|
|
}
|
|
} else if (this.currentStep() == 'CSV.Labels') {
|
|
var selectedColumns = this.state('csvData.selectedColumns');
|
|
if (MochiKit.Iter.every(Clipperz.Base.zipWithRange(this.state('csvData.labels')), function (labelInfo) { return (Clipperz.Base.trim(labelInfo[1]).length > 0) || (selectedColumns[labelInfo[0]] == false)})) {
|
|
result = 'ENABLED';
|
|
}
|
|
} else if (this.currentStep() == 'CSV.Titles') {
|
|
if ((this.state('csvData.titleIndex') != null) && (this.state('csvData.selectedColumns')[this.state('csvData.titleIndex')] == true)) {
|
|
result = 'ENABLED';
|
|
}
|
|
} else if (this.currentStep() == 'CSV.Notes') {
|
|
result = 'ENABLED';
|
|
} else if (this.currentStep() == 'CSV.Hidden') {
|
|
result = 'ENABLED';
|
|
}
|
|
|
|
return result;
|
|
},
|
|
|
|
//=============================================================================
|
|
|
|
goBackHandler: function () {
|
|
return MochiKit.Base.bind(function (anEvent) {
|
|
if (this.backButtonStatus() == 'ENABLED') {
|
|
this.goBack();
|
|
}
|
|
}, this);
|
|
},
|
|
|
|
goForwardHandler: function () {
|
|
return MochiKit.Base.bind(function (anEvent) {
|
|
if (this.forwardButtonStatus() == 'ENABLED') {
|
|
this.goForward();
|
|
}
|
|
}, this);
|
|
},
|
|
|
|
//=============================================================================
|
|
|
|
goBack: function () {
|
|
this.setCurrentStep(this.steps()[this.currentStepIndex() - 1]);
|
|
},
|
|
|
|
goForward: function () {
|
|
if (this.currentStep() == 'CSV.Hidden') {
|
|
var jsonData;
|
|
|
|
jsonData = this.createJsonDataFromCSV(this.state('csvData'));
|
|
this.setState('jsonData', jsonData);
|
|
this.setState('recordsToImport', jsonData);
|
|
}
|
|
|
|
this.setCurrentStep(this.steps()[this.currentStepIndex() + 1]);
|
|
},
|
|
|
|
//=============================================================================
|
|
|
|
renderCsvTableBody: function (hideDeselectedColumns) {
|
|
var importContext = this;
|
|
|
|
return React.DOM.tbody({}, MochiKit.Base.map(function (rowInfo) {
|
|
var result;
|
|
var rowIndex = rowInfo[0];
|
|
var row = rowInfo[1]
|
|
|
|
result = React.DOM.tr({'key': 'csv-row-' + rowIndex},
|
|
MochiKit.Base.map(function (cellInfo) {
|
|
var result;
|
|
var columnIndex = cellInfo[0];
|
|
var columnValue = cellInfo[1];
|
|
|
|
if (importContext.state('csvData.selectedColumns')[columnIndex] || !hideDeselectedColumns) {
|
|
result = React.DOM.td({
|
|
'key':'csv-cell-' + rowIndex + '-' + columnIndex,
|
|
'className':(importContext.state('csvData.hiddenFields')[columnIndex]) ? 'PASSWORD' : null
|
|
}, columnValue);
|
|
} else{
|
|
result = null;
|
|
}
|
|
|
|
return result;
|
|
}, Clipperz.Base.zipWithRange(row))
|
|
);
|
|
|
|
return result;
|
|
}, Clipperz.Base.zipWithRange((importContext.state('csvData.useFirstRowAsLabels')) ? importContext.state('csvData.data').slice(1) : importContext.state('csvData.data'))))
|
|
},
|
|
|
|
//=============================================================================
|
|
__syntaxFix__: "syntax fix"
|
|
});
|