yuri
243 lines
8.7 KiB
JavaScript
243 lines
8.7 KiB
JavaScript
/************************************************************************
|
|
* This file is part of EspoCRM.
|
|
*
|
|
* EspoCRM - Open Source CRM application.
|
|
* Copyright (C) 2014-2015 Yuri Kuznetsov, Taras Machyshyn, Oleksiy Avramenko
|
|
* Website: http://www.espocrm.com
|
|
*
|
|
* EspoCRM is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* EspoCRM 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 General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with EspoCRM. If not, see http://www.gnu.org/licenses/.
|
|
*
|
|
* The interactive user interfaces in modified source and object code versions
|
|
* of this program must display Appropriate Legal Notices, as required under
|
|
* Section 5 of the GNU General Public License version 3.
|
|
*
|
|
* In accordance with Section 7(b) of the GNU General Public License version 3,
|
|
* these Appropriate Legal Notices must retain the display of the "EspoCRM" word.
|
|
************************************************************************/
|
|
|
|
Espo.define('views/import/step1', 'view', function (Dep) {
|
|
|
|
return Dep.extend({
|
|
|
|
template: 'import/step-1',
|
|
|
|
events: {
|
|
'change #import-file': function (e) {
|
|
var $file = $(e.currentTarget);
|
|
var files = e.currentTarget.files;
|
|
if (files.length) {
|
|
this.loadFile(files[0]);
|
|
}
|
|
},
|
|
|
|
'change #import-field-delimiter': function (e) {
|
|
this.formData.fieldDelimiter = e.currentTarget.value;
|
|
this.preview();
|
|
},
|
|
|
|
'change #import-text-qualifier': function (e) {
|
|
this.formData.textQualifier = e.currentTarget.value;
|
|
this.preview();
|
|
},
|
|
|
|
'click button[data-action="next"]': function () {
|
|
this.next();
|
|
}
|
|
},
|
|
|
|
getEntityList: function () {
|
|
var list = [];
|
|
var scopes = this.getMetadata().get('scopes');
|
|
for (var scopeName in scopes) {
|
|
if (scopes[scopeName].importable) {
|
|
list.push(scopeName);
|
|
}
|
|
}
|
|
list.sort(function (v1, v2) {
|
|
return this.translate(v1, 'scopeNamesPlural').localeCompare(this.translate(v2, 'scopeNamesPlural'));
|
|
}.bind(this));
|
|
return list;
|
|
},
|
|
|
|
data: function () {
|
|
return {
|
|
entityList: this.getEntityList(),
|
|
currencyList: this.getConfig().get('currencyList'),
|
|
};
|
|
},
|
|
|
|
setup: function () {
|
|
this.formData = this.options.formData || {
|
|
entityType: this.options.entityType || false,
|
|
headerRow: true,
|
|
fieldDelimiter: ',',
|
|
textQualifier: '"',
|
|
dateFormat: 'YYYY-MM-DD',
|
|
timeFormat: 'HH:mm',
|
|
decimalMark: '.',
|
|
personNameFormat: 'f l',
|
|
};
|
|
},
|
|
|
|
afterRender: function () {
|
|
this.setupFormData();
|
|
if (this.getParentView() && this.getParentView().fileContents) {
|
|
this.setFileIsLoaded();
|
|
this.preview();
|
|
}
|
|
},
|
|
|
|
next: function () {
|
|
this.formData.headerRow = $('#import-header-row').get(0).checked;
|
|
this.formData.entityType = $('#import-entity-type').val();
|
|
this.formData.action = $('#import-action').val();
|
|
this.formData.fieldDelimiter = $('#import-field-delimiter').val();
|
|
this.formData.textQualifier = $('#import-text-qualifier').val();
|
|
this.formData.dateFormat = $('#import-date-format').val();
|
|
this.formData.timeFormat = $('#import-time-format').val();
|
|
this.formData.decimalMark = $('#import-decimal-mark').val();
|
|
this.formData.currency = $('#import-currency').val();
|
|
this.formData.personNameFormat = $('#import-person-name-format').val();
|
|
this.formData.skipDuplicateChecking = $('#skip-duplicate-checking').get(0).checked;
|
|
|
|
this.getParentView().formData = this.formData;
|
|
this.getParentView().changeStep(2);
|
|
},
|
|
|
|
setupFormData: function () {
|
|
$('#import-header-row').get(0).checked = this.formData.headerRow || false;
|
|
|
|
$('#skip-duplicate-checking').get(0).checked = this.formData.skipDuplicateChecking || false;
|
|
|
|
if (this.formData.entityType) {
|
|
$('#import-entity-type').val(this.formData.entityType);
|
|
}
|
|
if (this.formData.action) {
|
|
$('#import-action').val(this.formData.action);
|
|
}
|
|
|
|
$('#import-field-delimiter').val(this.formData.fieldDelimiter);
|
|
$('#import-text-qualifier').val(this.formData.textQualifier);
|
|
$('#import-date-format').val(this.formData.dateFormat);
|
|
$('#import-time-format').val(this.formData.timeFormat);
|
|
$('#import-decimal-mark').val(this.formData.decimalMark);
|
|
$('#import-person-name-format').val(this.formData.personNameFormat);
|
|
|
|
if (this.formData.currency) {
|
|
$('#import-currency').val(this.formData.currency);
|
|
}
|
|
},
|
|
|
|
loadFile: function (file) {
|
|
var blob = file.slice(0, 1024 * 16);
|
|
|
|
var readerPreview = new FileReader();
|
|
readerPreview.onloadend = function (e) {
|
|
if (e.target.readyState == FileReader.DONE) {
|
|
this.formData.previewString = e.target.result;
|
|
this.preview();
|
|
}
|
|
}.bind(this);
|
|
readerPreview.readAsText(blob);
|
|
|
|
var reader = new FileReader();
|
|
reader.onloadend = function (e) {
|
|
if (e.target.readyState == FileReader.DONE) {
|
|
this.getParentView().fileContents = e.target.result;
|
|
this.setFileIsLoaded();
|
|
}
|
|
}.bind(this);
|
|
reader.readAsText(file);
|
|
},
|
|
|
|
setFileIsLoaded: function () {
|
|
this.$el.find('button[data-action="next"]').removeClass('hidden');
|
|
},
|
|
|
|
preview: function () {
|
|
if (!this.formData.previewString) {
|
|
return;
|
|
}
|
|
var arr = this.csvToArray(this.formData.previewString, this.formData.fieldDelimiter, this.formData.textQualifier);
|
|
|
|
this.formData.previewArray = arr;
|
|
|
|
var $table = $('<table>').addClass('table').addClass('table-bordered');
|
|
|
|
arr.forEach(function (row, i) {
|
|
if (i >= 3) {
|
|
return;
|
|
}
|
|
$row = $('<tr>');
|
|
row.forEach(function (value) {
|
|
$cell = $('<td>').html(value);
|
|
$row.append($cell);
|
|
});
|
|
|
|
$table.append($row);
|
|
});
|
|
|
|
var $container = $('#import-preview');
|
|
$container.empty().append($table);
|
|
},
|
|
|
|
csvToArray: function (strData, strDelimiter, strQualifier) {
|
|
strDelimiter = (strDelimiter || ',');
|
|
strQualifier = (strQualifier || '\"');
|
|
|
|
var objPattern = new RegExp(
|
|
(
|
|
// Delimiters.
|
|
"(\\" + strDelimiter + "|\\r?\\n|\\r|^)" +
|
|
|
|
// Quoted fields.
|
|
"(?:"+strQualifier+"([^"+strQualifier+"]*(?:"+strQualifier+""+strQualifier+"[^"+strQualifier+"]*)*)"+strQualifier+"|" +
|
|
|
|
// Standard fields.
|
|
"([^"+strQualifier+"\\" + strDelimiter + "\\r\\n]*))"
|
|
),
|
|
"gi"
|
|
);
|
|
|
|
var arrData = [[]];
|
|
var arrMatches = null;
|
|
|
|
while (arrMatches = objPattern.exec(strData)) {
|
|
var strMatchedDelimiter = arrMatches[1];
|
|
|
|
if (
|
|
strMatchedDelimiter.length &&
|
|
(strMatchedDelimiter != strDelimiter)
|
|
) {
|
|
arrData.push([]);
|
|
}
|
|
|
|
if (arrMatches[2]) {
|
|
var strMatchedValue = arrMatches[2].replace(
|
|
new RegExp( "\"\"", "g" ),
|
|
"\""
|
|
);
|
|
} else {
|
|
var strMatchedValue = arrMatches[3];
|
|
}
|
|
|
|
arrData[arrData.length - 1].push(strMatchedValue);
|
|
}
|
|
|
|
return arrData;
|
|
}
|
|
|
|
});
|
|
});
|