Déplacement des scripts des pages de démonstration + nouvelles compilations.
This commit is contained in:
parent
260c3d8499
commit
584e2d91df
@ -19,8 +19,7 @@ module.exports = function(config) {
|
||||
proxies: { "/datas/": "http://localhost:9876/base/tests/datas/" },
|
||||
|
||||
// list of files / patterns to exclude
|
||||
exclude: [
|
||||
],
|
||||
exclude: [ "src/example*" ],
|
||||
|
||||
// preprocess matching files before serving them to the browser
|
||||
// available preprocessors: https://www.npmjs.com/search?q=keywords:karma-preprocessor
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "freedatas2html",
|
||||
"version": "0.9.8",
|
||||
"version": "0.9.9",
|
||||
"description": "Conversion and display of data in different formats (CSV, JSON, HTML) with the possibility of filtering, classifying and paginating the results.",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
|
File diff suppressed because one or more lines are too long
6
public/JS/exampleWithCSV.app.js.LICENSE.txt
Normal file
6
public/JS/exampleWithCSV.app.js.LICENSE.txt
Normal file
@ -0,0 +1,6 @@
|
||||
/* @license
|
||||
Papa Parse
|
||||
v5.3.1
|
||||
https://github.com/mholt/PapaParse
|
||||
License: MIT
|
||||
*/
|
File diff suppressed because one or more lines are too long
6
public/JS/exampleWithHTML.app.js.LICENSE.txt
Normal file
6
public/JS/exampleWithHTML.app.js.LICENSE.txt
Normal file
@ -0,0 +1,6 @@
|
||||
/* @license
|
||||
Papa Parse
|
||||
v5.3.1
|
||||
https://github.com/mholt/PapaParse
|
||||
License: MIT
|
||||
*/
|
File diff suppressed because one or more lines are too long
6
public/JS/exampleWithJSON.app.js.LICENSE.txt
Normal file
6
public/JS/exampleWithJSON.app.js.LICENSE.txt
Normal file
@ -0,0 +1,6 @@
|
||||
/* @license
|
||||
Papa Parse
|
||||
v5.3.1
|
||||
https://github.com/mholt/PapaParse
|
||||
License: MIT
|
||||
*/
|
2
public/JS/exampleWithUserFile.app.js
Normal file
2
public/JS/exampleWithUserFile.app.js
Normal file
File diff suppressed because one or more lines are too long
6
public/JS/exampleWithUserFile.app.js.LICENSE.txt
Normal file
6
public/JS/exampleWithUserFile.app.js.LICENSE.txt
Normal file
@ -0,0 +1,6 @@
|
||||
/* @license
|
||||
Papa Parse
|
||||
v5.3.1
|
||||
https://github.com/mholt/PapaParse
|
||||
License: MIT
|
||||
*/
|
@ -45,11 +45,11 @@ var FreeDatas2HTML = (function () {
|
||||
if (datas2Parse === void 0) { datas2Parse = ""; }
|
||||
this._datasViewElt = undefined;
|
||||
this.stopIfParseErrors = false;
|
||||
this._datasCounterElt = undefined;
|
||||
this._datasSortingFunctions = [];
|
||||
this._fields2Rend = [];
|
||||
this.datasFilters = [];
|
||||
this.datasSortingFields = [];
|
||||
this._fields2Rend = [];
|
||||
this.datasCounterElt = undefined;
|
||||
this._fields = [];
|
||||
this._datas = [];
|
||||
this._datas2Rend = [];
|
||||
@ -87,13 +87,6 @@ var FreeDatas2HTML = (function () {
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
Object.defineProperty(FreeDatas2HTML.prototype, "datasCounterElt", {
|
||||
set: function (counterDisplayElement) {
|
||||
this._datasCounterElt = FreeDatas2HTML.checkInDOMById(counterDisplayElement);
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
Object.defineProperty(FreeDatas2HTML.prototype, "datas", {
|
||||
get: function () {
|
||||
return this._datas;
|
||||
@ -108,13 +101,6 @@ var FreeDatas2HTML = (function () {
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
Object.defineProperty(FreeDatas2HTML.prototype, "datas2Rend", {
|
||||
get: function () {
|
||||
return this._datas2Rend;
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
Object.defineProperty(FreeDatas2HTML.prototype, "nbDatasValid", {
|
||||
get: function () {
|
||||
return this._nbDatasValid;
|
||||
@ -130,6 +116,7 @@ var FreeDatas2HTML = (function () {
|
||||
if (fields.length === 0)
|
||||
this._fields2Rend = fields;
|
||||
else {
|
||||
this._fields2Rend = [];
|
||||
for (var _i = 0, fields_1 = fields; _i < fields_1.length; _i++) {
|
||||
var field = fields_1[_i];
|
||||
if (!this.checkFieldExist(field))
|
||||
@ -142,40 +129,9 @@ var FreeDatas2HTML = (function () {
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
FreeDatas2HTML.prototype.checkFieldExist = function (nb) {
|
||||
if (this.parser.parseResults === undefined || this.parser.parseResults.fields[nb] === undefined)
|
||||
return false;
|
||||
else
|
||||
return true;
|
||||
};
|
||||
FreeDatas2HTML.prototype.realFields2Rend = function () {
|
||||
if (this._fields2Rend.length === 0)
|
||||
return this._fields;
|
||||
else {
|
||||
var realFields = [];
|
||||
for (var i = 0; i < this._fields.length; i++) {
|
||||
if (this._fields2Rend.indexOf(i) !== -1)
|
||||
realFields.push(this._fields[i]);
|
||||
}
|
||||
return realFields;
|
||||
}
|
||||
};
|
||||
FreeDatas2HTML.prototype.checkField2Rend = function (nb) {
|
||||
if (this.realFields2Rend()[nb] === undefined)
|
||||
return false;
|
||||
else
|
||||
return true;
|
||||
};
|
||||
Object.defineProperty(FreeDatas2HTML.prototype, "datasSortingFunctions", {
|
||||
set: function (SortingFunctions) {
|
||||
this._datasSortingFunctions = [];
|
||||
for (var _i = 0, SortingFunctions_1 = SortingFunctions; _i < SortingFunctions_1.length; _i++) {
|
||||
var checkedFunction = SortingFunctions_1[_i];
|
||||
if (!this.checkFieldExist(checkedFunction.datasFieldNb))
|
||||
throw new Error(errors.converterFieldNotFound);
|
||||
else
|
||||
this._datasSortingFunctions.push(checkedFunction);
|
||||
}
|
||||
Object.defineProperty(FreeDatas2HTML.prototype, "datas2Rend", {
|
||||
get: function () {
|
||||
return this._datas2Rend;
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
@ -203,10 +159,6 @@ var FreeDatas2HTML = (function () {
|
||||
else {
|
||||
this._fields = this.parser.parseResults.fields;
|
||||
this._datas = this.parser.parseResults.datas;
|
||||
if (this._fields2Rend.length === 0)
|
||||
this.datasRender.fields = this._fields;
|
||||
else
|
||||
this.datasRender.fields = this.realFields2Rend();
|
||||
if (this._datasViewElt !== undefined)
|
||||
this.refreshView();
|
||||
return [2, true];
|
||||
@ -217,15 +169,74 @@ var FreeDatas2HTML = (function () {
|
||||
});
|
||||
});
|
||||
};
|
||||
FreeDatas2HTML.prototype.checkFieldExist = function (nb) {
|
||||
if (this.parser.parseResults === undefined || this.parser.parseResults.fields[nb] === undefined)
|
||||
return false;
|
||||
else
|
||||
return true;
|
||||
};
|
||||
FreeDatas2HTML.prototype.checkField2Rend = function (nb) {
|
||||
if (this._fields2Rend.length === 0)
|
||||
return this.checkFieldExist(nb);
|
||||
else {
|
||||
if (this._fields2Rend.indexOf(nb) === -1)
|
||||
return false;
|
||||
else
|
||||
return true;
|
||||
}
|
||||
};
|
||||
FreeDatas2HTML.prototype.getFieldDisplayRank = function (nb) {
|
||||
if (this.checkField2Rend(nb) === false)
|
||||
return -1;
|
||||
if (this._fields2Rend.length === 0)
|
||||
return nb;
|
||||
else
|
||||
return this._fields2Rend.indexOf(nb);
|
||||
};
|
||||
FreeDatas2HTML.prototype.realFields2Rend = function () {
|
||||
if (this._fields2Rend.length === 0)
|
||||
return this._fields;
|
||||
else {
|
||||
var realFields = [];
|
||||
for (var i = 0; i < this._fields.length; i++) {
|
||||
if (this._fields2Rend.indexOf(i) !== -1)
|
||||
realFields.push(this._fields[i]);
|
||||
}
|
||||
return realFields;
|
||||
}
|
||||
};
|
||||
Object.defineProperty(FreeDatas2HTML.prototype, "datasSortingFunctions", {
|
||||
set: function (SortingFunctions) {
|
||||
this._datasSortingFunctions = [];
|
||||
for (var _i = 0, SortingFunctions_1 = SortingFunctions; _i < SortingFunctions_1.length; _i++) {
|
||||
var checkedFunction = SortingFunctions_1[_i];
|
||||
if (!this.checkFieldExist(checkedFunction.datasFieldNb))
|
||||
throw new Error(errors.converterFieldNotFound);
|
||||
else
|
||||
this._datasSortingFunctions.push(checkedFunction);
|
||||
}
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
FreeDatas2HTML.prototype.datasCounter2HTML = function () {
|
||||
if (this.datasCounterElt !== undefined) {
|
||||
this.datasCounterElt = FreeDatas2HTML.checkInDOMById(this.datasCounterElt);
|
||||
this.datasCounterElt.eltDOM.textContent = "" + this._nbDatasValid;
|
||||
}
|
||||
};
|
||||
FreeDatas2HTML.prototype.refreshView = function () {
|
||||
if (this._fields.length === 0 || this._datasViewElt === undefined)
|
||||
throw new Error(errors.converterRefreshFail);
|
||||
else {
|
||||
if (this._fields2Rend.length === 0)
|
||||
this.datasRender.fields = this._fields;
|
||||
else
|
||||
this.datasRender.fields = this.realFields2Rend();
|
||||
this._datas2Rend = this.datas2HTML();
|
||||
this.datasRender.datas = this._datas2Rend;
|
||||
this._datasViewElt.eltDOM.innerHTML = this.datasRender.rend2HTML();
|
||||
if (this._datasCounterElt !== undefined)
|
||||
this._datasCounterElt.eltDOM.innerHTML = "" + this._nbDatasValid;
|
||||
this.datasCounter2HTML();
|
||||
for (var _i = 0, _a = this.datasSortingFields; _i < _a.length; _i++) {
|
||||
var field = _a[_i];
|
||||
field.field2HTML();
|
||||
|
@ -9,16 +9,9 @@ var SortingField = (function () {
|
||||
else if (!converter.checkField2Rend(datasFieldNb))
|
||||
throw new Error(errors.sortingFieldNotFound);
|
||||
else {
|
||||
var fields = document.querySelectorAll(fieldsDOMSelector);
|
||||
if (fields === undefined)
|
||||
throw new Error(errors.sortingFieldsNotInHTML);
|
||||
else if (fields.length !== converter.realFields2Rend().length)
|
||||
throw new Error(errors.sortingFieldsNbFail);
|
||||
else {
|
||||
this._converter = converter;
|
||||
this._datasFieldNb = datasFieldNb;
|
||||
this._fieldsDOMSelector = fieldsDOMSelector;
|
||||
}
|
||||
this._converter = converter;
|
||||
this._datasFieldNb = datasFieldNb;
|
||||
this._fieldsDOMSelector = fieldsDOMSelector;
|
||||
}
|
||||
}
|
||||
Object.defineProperty(SortingField.prototype, "converter", {
|
||||
@ -50,21 +43,29 @@ var SortingField = (function () {
|
||||
configurable: true
|
||||
});
|
||||
SortingField.prototype.field2HTML = function () {
|
||||
var fields = document.querySelectorAll(this._fieldsDOMSelector);
|
||||
var htmlContent = fields[this._datasFieldNb].innerHTML;
|
||||
htmlContent = "<a href='#freeDatas2HTMLSorting" + this._datasFieldNb + "' id='freeDatas2HTMLSorting" + this._datasFieldNb + "'>" + htmlContent + "</a>";
|
||||
fields[this._datasFieldNb].innerHTML = htmlContent;
|
||||
var sortingElement = document.getElementById("freeDatas2HTMLSorting" + this._datasFieldNb), field = this;
|
||||
sortingElement.addEventListener("click", function (e) {
|
||||
e.preventDefault();
|
||||
var order = field._order;
|
||||
if (order === undefined || order === "desc")
|
||||
field._order = "asc";
|
||||
else
|
||||
field._order = "desc";
|
||||
field._converter.datasSortedField = field;
|
||||
field._converter.refreshView();
|
||||
});
|
||||
var fields = document.querySelectorAll(this.fieldsDOMSelector);
|
||||
if (fields === undefined)
|
||||
throw new Error(errors.sortingFieldsNotInHTML);
|
||||
else if (fields.length !== this._converter.realFields2Rend().length)
|
||||
throw new Error(errors.sortingFieldsNbFail);
|
||||
else {
|
||||
var index = this._converter.getFieldDisplayRank(this._datasFieldNb);
|
||||
var htmlContent = void 0;
|
||||
htmlContent = fields[index].innerHTML;
|
||||
htmlContent = "<a href='#freeDatas2HTMLSorting" + this._datasFieldNb + "' id='freeDatas2HTMLSorting" + this._datasFieldNb + "'>" + htmlContent + "</a>";
|
||||
fields[index].innerHTML = htmlContent;
|
||||
var sortingElement = document.getElementById("freeDatas2HTMLSorting" + this._datasFieldNb), field_1 = this;
|
||||
sortingElement.addEventListener("click", function (e) {
|
||||
e.preventDefault();
|
||||
var order = field_1._order;
|
||||
if (order === undefined || order === "desc")
|
||||
field_1._order = "asc";
|
||||
else
|
||||
field_1._order = "desc";
|
||||
field_1._converter.datasSortedField = field_1;
|
||||
field_1._converter.refreshView();
|
||||
});
|
||||
}
|
||||
};
|
||||
return SortingField;
|
||||
}());
|
||||
|
@ -34,13 +34,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
||||
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
||||
}
|
||||
};
|
||||
import { FreeDatas2HTML, Pagination, Render, SearchEngine, Selector, SortingField } from "./FreeDatas2HTML";
|
||||
import { FreeDatas2HTML, Pagination, Render, SearchEngine, Selector, SortingField } from "../FreeDatas2HTML";
|
||||
var initialise = function () { return __awaiter(void 0, void 0, void 0, function () {
|
||||
var mySort, converter, myRender, pagination, filtre1, filtre2, filtre3, mySearch, sortingField1, sortingField2, sortingField3, sortingField4, e_1;
|
||||
return __generator(this, function (_a) {
|
||||
switch (_a.label) {
|
||||
case 0:
|
||||
_a.trys.push([0, 3, , 4]);
|
||||
_a.trys.push([0, 2, , 3]);
|
||||
mySort = function (a, b, order) {
|
||||
if (order === void 0) { order = "asc"; }
|
||||
var values = ["> 100000", "> 1 et < 100 000", "≤ 1", "Traces", "Inexistant"];
|
||||
@ -55,7 +55,6 @@ var initialise = function () { return __awaiter(void 0, void 0, void 0, function
|
||||
};
|
||||
converter = new FreeDatas2HTML("CSV");
|
||||
converter.parser.setRemoteSource({ url: "http://localhost:8080/datas/elements-chimiques.csv" });
|
||||
converter.datasViewElt = { id: "datas" };
|
||||
return [4, converter.run()];
|
||||
case 1:
|
||||
_a.sent();
|
||||
@ -83,10 +82,6 @@ var initialise = function () { return __awaiter(void 0, void 0, void 0, function
|
||||
pagination.selectedValue = 10;
|
||||
converter.pagination = pagination;
|
||||
pagination.options2HTML();
|
||||
converter.datasCounterElt = { id: "compteur" };
|
||||
return [4, converter.run()];
|
||||
case 2:
|
||||
_a.sent();
|
||||
filtre1 = new Selector(converter, 3, { id: "filtre1" });
|
||||
filtre1.filter2HTML();
|
||||
filtre2 = new Selector(converter, 4, { id: "filtre2" });
|
||||
@ -94,7 +89,6 @@ var initialise = function () { return __awaiter(void 0, void 0, void 0, function
|
||||
filtre3 = new Selector(converter, 5, { id: "filtre3" }, ",");
|
||||
filtre3.filter2HTML();
|
||||
mySearch = new SearchEngine(converter, { id: "search" }, [1, 3, 5]);
|
||||
mySearch.btnTxt = "Chercher";
|
||||
mySearch.label = "Qui cherche trouve ?";
|
||||
mySearch.btnTxt = "Va chercher !";
|
||||
mySearch.automaticSearch = true;
|
||||
@ -104,23 +98,22 @@ var initialise = function () { return __awaiter(void 0, void 0, void 0, function
|
||||
converter.datasFilters = [filtre1, filtre2, filtre3, mySearch];
|
||||
if (window.innerWidth >= 800) {
|
||||
sortingField1 = new SortingField(converter, 0);
|
||||
sortingField1.field2HTML();
|
||||
sortingField2 = new SortingField(converter, 1);
|
||||
sortingField2.field2HTML();
|
||||
sortingField3 = new SortingField(converter, 2);
|
||||
sortingField3.field2HTML();
|
||||
sortingField4 = new SortingField(converter, 4);
|
||||
sortingField4.field2HTML();
|
||||
converter.datasSortingFields = [sortingField1, sortingField2, sortingField3, sortingField4];
|
||||
}
|
||||
return [3, 4];
|
||||
case 3:
|
||||
converter.datasViewElt = { id: "datas" };
|
||||
converter.datasCounterElt = { id: "compteur" };
|
||||
converter.refreshView();
|
||||
return [3, 3];
|
||||
case 2:
|
||||
e_1 = _a.sent();
|
||||
console.error(e_1);
|
||||
if (document.getElementById("datas") !== null)
|
||||
document.getElementById("datas").innerHTML = "<strong>Désolé, mais un problème technique empêche l'affichage des données.</strong>";
|
||||
return [3, 4];
|
||||
case 4: return [2];
|
||||
return [3, 3];
|
||||
case 3: return [2];
|
||||
}
|
||||
});
|
||||
}); };
|
@ -34,15 +34,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
||||
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
||||
}
|
||||
};
|
||||
import { FreeDatas2HTML, Pagination, Render, Selector, SortingField } from "./FreeDatas2HTML";
|
||||
import { FreeDatas2HTML, Pagination, Render, Selector, SortingField } from "../FreeDatas2HTML";
|
||||
var initialise = function () { return __awaiter(void 0, void 0, void 0, function () {
|
||||
var converter, myRender, pagination, filtre1, sortingField1, sortingField2, e_1;
|
||||
return __generator(this, function (_a) {
|
||||
switch (_a.label) {
|
||||
case 0:
|
||||
_a.trys.push([0, 3, , 4]);
|
||||
_a.trys.push([0, 2, , 3]);
|
||||
converter = new FreeDatas2HTML("HTML");
|
||||
converter.datasViewElt = { id: "datas" };
|
||||
return [4, converter.run()];
|
||||
case 1:
|
||||
_a.sent();
|
||||
@ -69,28 +68,25 @@ var initialise = function () { return __awaiter(void 0, void 0, void 0, function
|
||||
pagination.selectedValue = 30;
|
||||
converter.pagination = pagination;
|
||||
pagination.options2HTML();
|
||||
converter.datasCounterElt = { id: "compteur" };
|
||||
return [4, converter.run()];
|
||||
case 2:
|
||||
_a.sent();
|
||||
filtre1 = new Selector(converter, 3, { id: "filtre1" });
|
||||
filtre1.filter2HTML();
|
||||
converter.datasFilters = [filtre1];
|
||||
if (window.innerWidth >= 800) {
|
||||
sortingField1 = new SortingField(converter, 2);
|
||||
sortingField1.field2HTML();
|
||||
sortingField2 = new SortingField(converter, 3);
|
||||
sortingField2.field2HTML();
|
||||
converter.datasSortingFields = [sortingField1, sortingField2];
|
||||
}
|
||||
return [3, 4];
|
||||
case 3:
|
||||
converter.datasViewElt = { id: "datas" };
|
||||
converter.datasCounterElt = { id: "compteur" };
|
||||
converter.refreshView();
|
||||
return [3, 3];
|
||||
case 2:
|
||||
e_1 = _a.sent();
|
||||
console.error(e_1);
|
||||
if (document.getElementById("datas") !== null)
|
||||
document.getElementById("datas").innerHTML = "<strong>Désolé, mais un problème technique empêche l'affichage des données.</strong>";
|
||||
return [3, 4];
|
||||
case 4: return [2];
|
||||
return [3, 3];
|
||||
case 3: return [2];
|
||||
}
|
||||
});
|
||||
}); };
|
@ -34,16 +34,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
||||
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
||||
}
|
||||
};
|
||||
import { FreeDatas2HTML, Pagination, Render, Selector, SortingField } from "./FreeDatas2HTML";
|
||||
import { FreeDatas2HTML, Pagination, Render, Selector, SortingField } from "../FreeDatas2HTML";
|
||||
var initialise = function () { return __awaiter(void 0, void 0, void 0, function () {
|
||||
var converter, myRender, pagination, filtre1, sortingField1, sortingField2, sortingField3, e_1;
|
||||
var converter, myRender, pagination, sortingField1, sortingField2, sortingField3, filtre1, e_1;
|
||||
return __generator(this, function (_a) {
|
||||
switch (_a.label) {
|
||||
case 0:
|
||||
_a.trys.push([0, 3, , 4]);
|
||||
_a.trys.push([0, 2, , 3]);
|
||||
converter = new FreeDatas2HTML("JSON");
|
||||
converter.parser.setRemoteSource({ url: "http://localhost:8080/datas/posts.json", withCredentials: true, headers: [{ key: "Authorization", value: "Token YWxhZGRpbjpvcGVuc2VzYW1l" }] });
|
||||
converter.datasViewElt = { id: "datas" };
|
||||
return [4, converter.run()];
|
||||
case 1:
|
||||
_a.sent();
|
||||
@ -70,30 +69,26 @@ var initialise = function () { return __awaiter(void 0, void 0, void 0, function
|
||||
pagination.selectedValue = 15;
|
||||
converter.pagination = pagination;
|
||||
pagination.options2HTML();
|
||||
converter.datasCounterElt = { id: "compteur" };
|
||||
return [4, converter.run()];
|
||||
case 2:
|
||||
_a.sent();
|
||||
if (window.innerWidth >= 800) {
|
||||
sortingField1 = new SortingField(converter, 0);
|
||||
sortingField2 = new SortingField(converter, 1);
|
||||
sortingField3 = new SortingField(converter, 2);
|
||||
converter.datasSortingFields = [sortingField1, sortingField2, sortingField3];
|
||||
}
|
||||
filtre1 = new Selector(converter, 0, { id: "filtre1" });
|
||||
filtre1.filter2HTML();
|
||||
converter.datasFilters = [filtre1];
|
||||
if (window.innerWidth >= 800) {
|
||||
sortingField1 = new SortingField(converter, 0);
|
||||
sortingField1.field2HTML();
|
||||
sortingField2 = new SortingField(converter, 1);
|
||||
sortingField2.field2HTML();
|
||||
sortingField3 = new SortingField(converter, 2);
|
||||
sortingField3.field2HTML();
|
||||
converter.datasSortingFields = [sortingField1, sortingField2, sortingField3];
|
||||
}
|
||||
return [3, 4];
|
||||
case 3:
|
||||
converter.datasViewElt = { id: "datas" };
|
||||
converter.datasCounterElt = { id: "compteur" };
|
||||
converter.refreshView();
|
||||
return [3, 3];
|
||||
case 2:
|
||||
e_1 = _a.sent();
|
||||
console.error(e_1);
|
||||
if (document.getElementById("datas") !== null)
|
||||
document.getElementById("datas").innerHTML = "<strong>Désolé, mais un problème technique empêche l'affichage des données.</strong>";
|
||||
return [3, 4];
|
||||
case 4: return [2];
|
||||
return [3, 3];
|
||||
case 3: return [2];
|
||||
}
|
||||
});
|
||||
}); };
|
139
src/build/demo/exampleWithUserFile.js
Normal file
139
src/build/demo/exampleWithUserFile.js
Normal file
@ -0,0 +1,139 @@
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
var __generator = (this && this.__generator) || function (thisArg, body) {
|
||||
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
||||
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
||||
function verb(n) { return function (v) { return step([n, v]); }; }
|
||||
function step(op) {
|
||||
if (f) throw new TypeError("Generator is already executing.");
|
||||
while (_) try {
|
||||
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
||||
if (y = 0, t) op = [op[0] & 2, t.value];
|
||||
switch (op[0]) {
|
||||
case 0: case 1: t = op; break;
|
||||
case 4: _.label++; return { value: op[1], done: false };
|
||||
case 5: _.label++; y = op[1]; op = [0]; continue;
|
||||
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
||||
default:
|
||||
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
||||
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
||||
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
||||
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
||||
if (t[2]) _.ops.pop();
|
||||
_.trys.pop(); continue;
|
||||
}
|
||||
op = body.call(thisArg, _);
|
||||
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
||||
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
||||
}
|
||||
};
|
||||
import { FreeDatas2HTML, Pagination, Render, SearchEngine, SortingField } from "../FreeDatas2HTML";
|
||||
var initialise = function () {
|
||||
try {
|
||||
var dataDisplayElt_1 = document.getElementById("datas");
|
||||
var dataDisplayOptionsElt_1 = document.getElementById("displayOptions");
|
||||
var myFile_1 = document.getElementById("myFile");
|
||||
var myForm = document.getElementById("userSettings");
|
||||
var pagesElt_1 = document.getElementById("pages");
|
||||
var paginationElt_1 = document.getElementById("paginationOptions");
|
||||
var searchElt_1 = document.getElementById("search");
|
||||
if (dataDisplayElt_1 === null || dataDisplayOptionsElt_1 === null || myFile_1 === null || myForm === null || pagesElt_1 === null || paginationElt_1 === null || searchElt_1 === null)
|
||||
throw new Error("Tous les éléments HTML nécessaires au fonctionnement n'ont pas été trouvés dans la page;");
|
||||
var reInitialise_1 = function () {
|
||||
dataDisplayElt_1.innerHTML = "";
|
||||
dataDisplayOptionsElt_1.innerHTML = "";
|
||||
pagesElt_1.innerHTML = "";
|
||||
paginationElt_1.innerHTML = "";
|
||||
searchElt_1.innerHTML = "";
|
||||
};
|
||||
var converter_1;
|
||||
var myRender_1 = new Render();
|
||||
myRender_1.settings.allBegining = "<table class='table-hover'><caption>Nombre de résultats : <span id='counter'></span></caption>";
|
||||
myFile_1.addEventListener("change", function (e) {
|
||||
reInitialise_1();
|
||||
converter_1 = new FreeDatas2HTML("CSV");
|
||||
converter_1.datasRender = myRender_1;
|
||||
var selectedFiles = myFile_1.files;
|
||||
if (selectedFiles !== null && selectedFiles.length === 1) {
|
||||
if (selectedFiles[0].type !== "text/csv")
|
||||
dataDisplayOptionsElt_1.innerHTML = "<p class='text-danger'>Le document que vous avez s\u00E9lectionn\u00E9 ne semble pas \u00EAtre un fichier CSV valide.</p>";
|
||||
else {
|
||||
var reader_1 = new FileReader();
|
||||
reader_1.onload = function (e) {
|
||||
return __awaiter(this, void 0, void 0, function () {
|
||||
var fieldsSelectorHTML, i;
|
||||
return __generator(this, function (_a) {
|
||||
switch (_a.label) {
|
||||
case 0:
|
||||
converter_1.parser.datas2Parse = reader_1.result;
|
||||
return [4, converter_1.run()];
|
||||
case 1:
|
||||
_a.sent();
|
||||
fieldsSelectorHTML = "<fieldset class=\"form-group\"><legend>Quels champs souhaitez-vous afficher ?</legend>";
|
||||
for (i = 0; i < converter_1.fields.length; i++)
|
||||
fieldsSelectorHTML += "<label for=\"selectedField_" + i + "\" class=\"paper-check\"> <input type=\"checkbox\" class=\"selectedFields\" id=\"selectedField_" + i + "\" name=\"selectedField_" + i + "\" value=" + i + " checked> <span>" + converter_1.fields[i] + "</span></label>";
|
||||
fieldsSelectorHTML += "</fieldset>";
|
||||
dataDisplayOptionsElt_1.innerHTML = fieldsSelectorHTML + "<button type=\"submit\" class=\"btn-success\">Valider</button>";
|
||||
return [2];
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
reader_1.readAsText(selectedFiles[0]);
|
||||
}
|
||||
}
|
||||
});
|
||||
myForm.addEventListener("submit", function (e) {
|
||||
e.preventDefault();
|
||||
dataDisplayElt_1.innerHTML = "";
|
||||
var fields2Rend = [];
|
||||
var checkBox;
|
||||
for (var i = 0; i < converter_1.fields.length; i++) {
|
||||
checkBox = document.getElementById("selectedField_" + i);
|
||||
if (checkBox !== null) {
|
||||
if (checkBox.checked)
|
||||
fields2Rend.push(i);
|
||||
}
|
||||
}
|
||||
if (fields2Rend.length === 0)
|
||||
dataDisplayElt_1.innerHTML = "<p class='text-danger'>Vous n'avez s\u00E9lectionn\u00E9 aucun champ \u00E0 afficher !</p>";
|
||||
else {
|
||||
converter_1.fields2Rend = fields2Rend;
|
||||
converter_1.datasViewElt = { id: "datas" };
|
||||
var mySearch = new SearchEngine(converter_1, { id: "search" });
|
||||
mySearch.label = "Qui cherche trouve ?";
|
||||
mySearch.btnTxt = "Va chercher !";
|
||||
mySearch.automaticSearch = true;
|
||||
mySearch.nbCharsForSearch = 2;
|
||||
mySearch.placeholder = "Saisir un moins 2 caractères";
|
||||
mySearch.filter2HTML();
|
||||
converter_1.datasFilters = [mySearch];
|
||||
var pagination = new Pagination(converter_1, { id: "pages" }, "Page à afficher :");
|
||||
pagination.options = { displayElement: { id: "paginationOptions" }, values: [10, 20, 50, 500], name: "Choix de pagination :" };
|
||||
pagination.selectedValue = 10;
|
||||
converter_1.pagination = pagination;
|
||||
pagination.options2HTML();
|
||||
converter_1.datasCounterElt = { id: "counter" };
|
||||
var sortingField = void 0;
|
||||
converter_1.datasSortingFields = [];
|
||||
for (var i = 0; i < converter_1.fields2Rend.length; i++) {
|
||||
sortingField = new SortingField(converter_1, converter_1.fields2Rend[i]);
|
||||
converter_1.datasSortingFields.push(sortingField);
|
||||
}
|
||||
converter_1.refreshView();
|
||||
}
|
||||
});
|
||||
}
|
||||
catch (e) {
|
||||
console.error(e);
|
||||
document.getElementById("datas").innerHTML = "<strong>D\u00E9sol\u00E9, mais un probl\u00E8me impr\u00E9vu emp\u00EAche l'affichage des donn\u00E9es.</strong>";
|
||||
}
|
||||
};
|
||||
initialise();
|
42
src/build/errors.js
Normal file
42
src/build/errors.js
Normal file
@ -0,0 +1,42 @@
|
||||
"use strict";
|
||||
module.exports =
|
||||
{
|
||||
converterElementNotFound: "Aucun élément HTML n'a été trouvé ayant comme \"id\" : ",
|
||||
converterFieldNotFound: "Le champ n'existe pas dans les données ou les données n'ont pas encore été chargées.",
|
||||
converterNeedDatasElt: "Merci de fournir un id valide pour l'élément où afficher les données.",
|
||||
converterRefreshFail: "Le nom des champs et l'élement du DOM receveur sont nécessaires à l'affichage des données.",
|
||||
filterCheckIsOkFail: "Le test est lancé sur un filtre incorrectement initialisé ou sur un attribut absent de la donnée à tester.",
|
||||
filterNeedDatas: "Le création d'un filtre nécessite la présence des données à filtrer.",
|
||||
pagination2HTMLFail: "Toutes les donnée nécessaires à la création des sélecteurs de pagination n'ont pas été fournies.",
|
||||
paginationNeedByfaultValueBeInOptions: "La valeur de pagination par défaut doit faire partie des options proposées.",
|
||||
paginationNeedDatas: "Il ne peut y avoir de pagination, si les données n'ont pas été récupérées.",
|
||||
paginationNeedOptionsValues: "Vous n'avez fourni aucune options possibles pour la pagination.",
|
||||
paginationOptionsDuplicatedValues: "Une valeur en doublon a été trouvée dans les options de pagination.",
|
||||
paginationNeedPositiveInteger: "Merci de fournir un nombre entier supérieur à zéro pour désigner chaque option de pagination.",
|
||||
parserDatasNotFound: "Aucune donnée n'a été trouvée.",
|
||||
parserElementsNotFound: "Aucun élément trouvé dans le document pour le sélecteur fourni : ",
|
||||
parserFail: "La lecture des données a échoué.",
|
||||
parserFieldNameFail: "Les noms de champs fournis doivent être uniques et ne peuvent être vides.",
|
||||
parserFieldsNotFound: "Aucun nom de champs n'a été trouvé par le parseur.",
|
||||
parserLineWithoutDatas: "Une ligne ne contenant aucune donnée valide a été trouvée.",
|
||||
parserMeetErrors: "Au moins une erreur a été rencontrée durant le traitement des données.",
|
||||
parserNeedDatas: "Merci de fournir une chaîne de caractères valide à parser.",
|
||||
parserNeedSource: "Merci de fournir une chaîne de caractères où une url pour les données à parser.",
|
||||
parserNumberOfFieldsFail: "Il n'y a pas le nombre de champs attendu pour cet enregistrement.",
|
||||
parserRemoteFail: "Erreur rencontrée durant l'accès aux données distantes.",
|
||||
parserSelectorsIsEmpty: "Les sélecteurs CSS ne peuvent pas être une chaîne vide.",
|
||||
parserTypeError: "Une donnée a été trouvée avec un type imprévu : ",
|
||||
remoteSourceHeaderUnallowed: "Le nom d'une des entêtes passées n'est pas autorisé.",
|
||||
remoteSourceNeedUrl: "Merci de fournir une url valide pour la source distante de données.",
|
||||
remoteSourceUrlFail: "L'url fournie ne semble pas valide.",
|
||||
renderNeedFields: "Les noms de champs doivent être fournis avant de demander l'affichage des données.",
|
||||
searchFieldNotFound: "Au moins un des champs devant être utilisés par le moteur de recherche n'existe pas dans les données.",
|
||||
selector2HTMLFail: "Le création d'un filtre dans le DOM nécessite l'initialisation de l'élément HTML et du numéro du champs à filter.",
|
||||
selectorFieldIsEmpty: "Aucune donnée trouvée pour le champ du filtre",
|
||||
selectorFieldNotFound: "Au moins un des champs devant servir à filtrer les données n'existe pas dans le fichier.",
|
||||
selectorSelectedIndexNotFound: "La valeur sélectionnée n'a pas été trouvée dans la liste des champs.",
|
||||
sortingFieldNeedDatas: "La création d'un champ de classement nécessite la transmission de la liste des champs.",
|
||||
sortingFieldNotFound: "Au moins un des champs devant permettre de classer les données n'existe pas dans ceux à afficher.",
|
||||
sortingFieldsNbFail: "Le nombre de champs trouvés dans le DOM ne correspond pas à celui des données à classer.",
|
||||
sortingFieldsNotInHTML: "Les champs pouvant servir à classer les données n'ont pas été trouvés dans le DOM.",
|
||||
};
|
@ -1,215 +0,0 @@
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
var __generator = (this && this.__generator) || function (thisArg, body) {
|
||||
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
||||
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
||||
function verb(n) { return function (v) { return step([n, v]); }; }
|
||||
function step(op) {
|
||||
if (f) throw new TypeError("Generator is already executing.");
|
||||
while (_) try {
|
||||
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
||||
if (y = 0, t) op = [op[0] & 2, t.value];
|
||||
switch (op[0]) {
|
||||
case 0: case 1: t = op; break;
|
||||
case 4: _.label++; return { value: op[1], done: false };
|
||||
case 5: _.label++; y = op[1]; op = [0]; continue;
|
||||
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
||||
default:
|
||||
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
||||
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
||||
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
||||
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
||||
if (t[2]) _.ops.pop();
|
||||
_.trys.pop(); continue;
|
||||
}
|
||||
op = body.call(thisArg, _);
|
||||
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
||||
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
||||
}
|
||||
};
|
||||
var compare = require('natural-orderby').compare;
|
||||
var errors = require("./errors.js");
|
||||
import { ParserForCSV } from "./freeDatas2HTMLParserForCSV";
|
||||
import { ParserForHTML } from "./freeDatas2HTMLParserForHTML";
|
||||
import { ParserForJSON } from "./freeDatas2HTMLParserForJSON";
|
||||
import { Render } from "./freeDatas2HTMLRender";
|
||||
var FreeDatas2HTML = (function () {
|
||||
function FreeDatas2HTML(datasType, datas2Parse, datasRemoteSource) {
|
||||
if (datas2Parse === void 0) { datas2Parse = ""; }
|
||||
this._datasViewElt = undefined;
|
||||
this.datasHTML = "";
|
||||
this.fields = undefined;
|
||||
this.datas = [];
|
||||
this.stopIfParseErrors = false;
|
||||
this._datasSortingFunctions = [];
|
||||
this.datasSelectors = [];
|
||||
this.datasSortingFields = [];
|
||||
this._datasCounter = {};
|
||||
this.datasRender = new Render(this);
|
||||
switch (datasType) {
|
||||
case "CSV":
|
||||
this.parser = new ParserForCSV(datasRemoteSource);
|
||||
break;
|
||||
case "HTML":
|
||||
this.parser = new ParserForHTML(datasRemoteSource);
|
||||
break;
|
||||
case "JSON":
|
||||
this.parser = new ParserForJSON(datasRemoteSource);
|
||||
break;
|
||||
}
|
||||
if (datas2Parse !== "")
|
||||
this.parser.datas2Parse = datas2Parse;
|
||||
}
|
||||
FreeDatas2HTML.checkInDOMById = function (checkedElt) {
|
||||
var searchEltInDOM = document.getElementById(checkedElt.id);
|
||||
if (searchEltInDOM === null)
|
||||
throw new Error(errors.converterElementNotFound + checkedElt.id);
|
||||
else {
|
||||
checkedElt.eltDOM = searchEltInDOM;
|
||||
return checkedElt;
|
||||
}
|
||||
};
|
||||
FreeDatas2HTML.prototype.checkFieldExist = function (nb) {
|
||||
if (this.fields === undefined || this.fields[nb] === undefined)
|
||||
return false;
|
||||
else
|
||||
return true;
|
||||
};
|
||||
Object.defineProperty(FreeDatas2HTML.prototype, "datasViewElt", {
|
||||
set: function (elt) {
|
||||
this._datasViewElt = FreeDatas2HTML.checkInDOMById(elt);
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
Object.defineProperty(FreeDatas2HTML.prototype, "datasSortingFunctions", {
|
||||
set: function (SortingFunctions) {
|
||||
this._datasSortingFunctions = [];
|
||||
for (var _i = 0, SortingFunctions_1 = SortingFunctions; _i < SortingFunctions_1.length; _i++) {
|
||||
var checkedFunction = SortingFunctions_1[_i];
|
||||
if (!this.checkFieldExist(checkedFunction.datasFieldNb))
|
||||
throw new Error(errors.converterFieldNotFound);
|
||||
else
|
||||
this._datasSortingFunctions.push(checkedFunction);
|
||||
}
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
Object.defineProperty(FreeDatas2HTML.prototype, "datasCounter", {
|
||||
set: function (counterDisplayElement) {
|
||||
this._datasCounter = { displayElement: FreeDatas2HTML.checkInDOMById(counterDisplayElement), value: undefined };
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
FreeDatas2HTML.prototype.getDatasCounterValue = function () {
|
||||
if (this._datasCounter !== undefined && this._datasCounter.value != undefined)
|
||||
return this._datasCounter.value;
|
||||
else
|
||||
return undefined;
|
||||
};
|
||||
FreeDatas2HTML.prototype.getSortingFunctionForField = function (datasFieldNb) {
|
||||
for (var _i = 0, _a = this._datasSortingFunctions; _i < _a.length; _i++) {
|
||||
var checkedFunction = _a[_i];
|
||||
if (checkedFunction.datasFieldNb === datasFieldNb)
|
||||
return checkedFunction;
|
||||
}
|
||||
return undefined;
|
||||
};
|
||||
FreeDatas2HTML.prototype.run = function () {
|
||||
return __awaiter(this, void 0, void 0, function () {
|
||||
return __generator(this, function (_a) {
|
||||
switch (_a.label) {
|
||||
case 0: return [4, this.parser.parse()];
|
||||
case 1:
|
||||
_a.sent();
|
||||
if (this.parser.parseResults === undefined)
|
||||
throw new Error(errors.parserFail);
|
||||
else {
|
||||
if (this.parser.parseResults.fields === undefined)
|
||||
throw new Error(errors.parserDatasNotFound);
|
||||
else if (this.stopIfParseErrors && this.parser.parseResults.errors !== undefined)
|
||||
throw new Error(errors.parserMeetErrors);
|
||||
else {
|
||||
this.fields = this.parser.parseResults.fields;
|
||||
this.datas = this.parser.parseResults.datas;
|
||||
this.parseErrors = this.parser.parseResults.errors;
|
||||
if (this._datasViewElt !== undefined)
|
||||
this.refreshView();
|
||||
return [2, true];
|
||||
}
|
||||
}
|
||||
return [2];
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
FreeDatas2HTML.prototype.refreshView = function () {
|
||||
if (this.fields === undefined || this._datasViewElt === undefined || this._datasViewElt.eltDOM === undefined)
|
||||
throw new Error(errors.converterRefreshFail);
|
||||
else {
|
||||
this.datasHTML = this.createDatas2Display(this.fields, this.datas);
|
||||
this._datasViewElt.eltDOM.innerHTML = this.datasHTML;
|
||||
for (var _i = 0, _a = this.datasSortingFields; _i < _a.length; _i++) {
|
||||
var field = _a[_i];
|
||||
field.field2HTML();
|
||||
}
|
||||
}
|
||||
};
|
||||
FreeDatas2HTML.prototype.createDatas2Display = function (fields, datas) {
|
||||
if (this.datasSortedField !== undefined && this.datasSortedField.datasFieldNb !== undefined) {
|
||||
var field_1 = fields[this.datasSortedField.datasFieldNb];
|
||||
var fieldOrder_1 = this.datasSortedField.order;
|
||||
if (this.getSortingFunctionForField(this.datasSortedField.datasFieldNb) !== undefined) {
|
||||
var myFunction_1 = this.getSortingFunctionForField(this.datasSortedField.datasFieldNb);
|
||||
datas.sort(function (a, b) { return myFunction_1.sort(a[field_1], b[field_1], fieldOrder_1); });
|
||||
}
|
||||
else
|
||||
datas.sort(function (a, b) { return compare({ order: fieldOrder_1 })(a[field_1], b[field_1]); });
|
||||
}
|
||||
var firstData = 0;
|
||||
if (this.pagination !== undefined && this.pagination.selectedValue !== undefined && this.pagination.pages !== undefined && this.pagination.pages.selectedValue !== undefined)
|
||||
firstData = this.pagination.selectedValue * (this.pagination.pages.selectedValue - 1);
|
||||
var maxData = (this.pagination !== undefined && this.pagination.selectedValue !== undefined) ? this.pagination.selectedValue : datas.length + 1;
|
||||
var datas2Display = [];
|
||||
var nbVisible = 0, nbTotal = 0;
|
||||
for (var row in datas) {
|
||||
var visible = true;
|
||||
if (this.datasSelectors.length !== 0) {
|
||||
var i = 0;
|
||||
while (this.datasSelectors[i] !== undefined && visible === true) {
|
||||
visible = this.datasSelectors[i].dataIsOk(datas[row]);
|
||||
i++;
|
||||
}
|
||||
}
|
||||
if (visible && nbTotal >= firstData && nbVisible < maxData) {
|
||||
datas2Display.push(datas[row]);
|
||||
nbVisible++;
|
||||
nbTotal++;
|
||||
}
|
||||
else if (visible)
|
||||
nbTotal++;
|
||||
}
|
||||
if (this._datasCounter !== undefined && this._datasCounter.displayElement !== undefined) {
|
||||
this._datasCounter.value = nbTotal;
|
||||
this._datasCounter.displayElement.eltDOM.innerHTML = "" + nbTotal;
|
||||
}
|
||||
if (this.pagination !== undefined)
|
||||
this.pagination.creaPageSelector(nbTotal);
|
||||
return this.datasRender.rend2HTML(datas2Display);
|
||||
};
|
||||
return FreeDatas2HTML;
|
||||
}());
|
||||
export { FreeDatas2HTML };
|
||||
export { Pagination } from "./freeDatas2HTMLPagination";
|
||||
export { Render } from "./freeDatas2HTMLRender";
|
||||
export { Selector } from "./freeDatas2HTMLSelector";
|
||||
export { SortingField } from "./freeDatas2HTMLSortingField";
|
@ -1 +0,0 @@
|
||||
;
|
@ -1,114 +0,0 @@
|
||||
var errors = require("./errors.js");
|
||||
import { FreeDatas2HTML } from "./freeDatas2HTML";
|
||||
var Pagination = (function () {
|
||||
function Pagination(converter, pagesElt, pagesName) {
|
||||
if (pagesName === void 0) { pagesName = "Pages"; }
|
||||
if (converter.fields === undefined)
|
||||
throw new Error(errors.paginationNeedDatas);
|
||||
else {
|
||||
this._pages = { displayElement: FreeDatas2HTML.checkInDOMById(pagesElt), name: pagesName };
|
||||
this._converter = converter;
|
||||
}
|
||||
}
|
||||
Pagination.isPositiveInteger = function (nb) {
|
||||
return (Number.isInteger(nb) === false || nb <= 0) ? false : true;
|
||||
};
|
||||
Object.defineProperty(Pagination.prototype, "selectedValue", {
|
||||
get: function () {
|
||||
return this._selectedValue;
|
||||
},
|
||||
set: function (value) {
|
||||
if (value === undefined || !Pagination.isPositiveInteger(value))
|
||||
throw new Error(errors.needPositiveInteger);
|
||||
if (this.options !== undefined && this.options.values.indexOf(value) === -1)
|
||||
throw new Error(errors.paginationNeedByfaultValueBeInOptions);
|
||||
this._selectedValue = value;
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
Object.defineProperty(Pagination.prototype, "options", {
|
||||
get: function () {
|
||||
return this._options;
|
||||
},
|
||||
set: function (options) {
|
||||
if (options !== undefined) {
|
||||
options.displayElement = FreeDatas2HTML.checkInDOMById(options.displayElement);
|
||||
if (options.values.length === 0)
|
||||
throw new Error(errors.paginationNeedOptionsValues);
|
||||
for (var _i = 0, _a = options.values; _i < _a.length; _i++) {
|
||||
var option = _a[_i];
|
||||
if (!Pagination.isPositiveInteger(option))
|
||||
throw new Error(errors.needPositiveInteger);
|
||||
}
|
||||
if (this.selectedValue !== undefined && options.values.indexOf(this.selectedValue) === -1)
|
||||
throw new Error(errors.paginationNeedByfaultValueBeInOptions);
|
||||
options.name = (options.name === undefined) ? "Pagination" : options.name;
|
||||
this._options = options;
|
||||
}
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
Object.defineProperty(Pagination.prototype, "pages", {
|
||||
get: function () {
|
||||
return this._pages;
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
Pagination.prototype.rend2HTML = function () {
|
||||
if (this._converter === undefined || this._options === undefined)
|
||||
throw new Error(errors.pagination2HTMLFail);
|
||||
else {
|
||||
var selectorsHTML = "<label for='freeDatas2HTMLPaginationSelector'>" + this._options.name + " </label><select name='freeDatas2HTMLPaginationSelector' id='freeDatas2HTMLPaginationSelector'><option value='0'>----</option>";
|
||||
for (var i = 0; i < this._options.values.length; i++)
|
||||
selectorsHTML += "<option value='" + (i + 1) + "'>" + this._options.values[i] + "</option>";
|
||||
selectorsHTML += "</select>";
|
||||
this._options.displayElement.eltDOM.innerHTML = selectorsHTML;
|
||||
var selectElement_1 = document.getElementById("freeDatas2HTMLPaginationSelector");
|
||||
if (this._selectedValue !== undefined) {
|
||||
var indexSelectedValue = this._options.values.indexOf(this._selectedValue) + 1;
|
||||
selectElement_1.value = "" + indexSelectedValue;
|
||||
}
|
||||
var pagination_1 = this;
|
||||
selectElement_1.addEventListener("change", function (e) {
|
||||
if (selectElement_1.value === "0")
|
||||
pagination_1._selectedValue = undefined;
|
||||
else
|
||||
pagination_1._selectedValue = pagination_1._options.values[Number(selectElement_1.value) - 1];
|
||||
pagination_1._converter.refreshView();
|
||||
});
|
||||
}
|
||||
};
|
||||
Pagination.prototype.creaPageSelector = function (nbTotal) {
|
||||
if (this.selectedValue !== undefined) {
|
||||
if (nbTotal > this.selectedValue) {
|
||||
var nbPages = Math.ceil(nbTotal / this.selectedValue);
|
||||
var selectorsHTML = "<label for='freeDatas2HTMLPagesSelector'>" + this.pages.name + " </label><select name='freeDatas2HTMLPagesSelector' id='freeDatas2HTMLPagesSelector'><option value='1'>1</option>";
|
||||
this.pages.values = [1];
|
||||
for (var j = 2; j <= nbPages; j++) {
|
||||
selectorsHTML += "<option value='" + j + "'>" + j + "</option>";
|
||||
this.pages.values.push(j);
|
||||
}
|
||||
selectorsHTML += "</select>";
|
||||
this.pages.displayElement.eltDOM.innerHTML = selectorsHTML;
|
||||
var selectElement_2 = document.getElementById("freeDatas2HTMLPagesSelector");
|
||||
if (this.pages.selectedValue !== undefined)
|
||||
selectElement_2.value = "" + this.pages.selectedValue;
|
||||
this.pages.selectedValue = 1;
|
||||
var pagination_2 = this;
|
||||
selectElement_2.addEventListener('change', function (e) {
|
||||
pagination_2.pages.selectedValue = Number(selectElement_2.value);
|
||||
pagination_2._converter.refreshView();
|
||||
});
|
||||
}
|
||||
else
|
||||
this.pages.displayElement.eltDOM.innerHTML = "";
|
||||
}
|
||||
else
|
||||
this.pages.displayElement.eltDOM.innerHTML = "";
|
||||
};
|
||||
return Pagination;
|
||||
}());
|
||||
export { Pagination };
|
@ -1,166 +0,0 @@
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
var __generator = (this && this.__generator) || function (thisArg, body) {
|
||||
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
||||
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
||||
function verb(n) { return function (v) { return step([n, v]); }; }
|
||||
function step(op) {
|
||||
if (f) throw new TypeError("Generator is already executing.");
|
||||
while (_) try {
|
||||
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
||||
if (y = 0, t) op = [op[0] & 2, t.value];
|
||||
switch (op[0]) {
|
||||
case 0: case 1: t = op; break;
|
||||
case 4: _.label++; return { value: op[1], done: false };
|
||||
case 5: _.label++; y = op[1]; op = [0]; continue;
|
||||
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
||||
default:
|
||||
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
||||
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
||||
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
||||
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
||||
if (t[2]) _.ops.pop();
|
||||
_.trys.pop(); continue;
|
||||
}
|
||||
op = body.call(thisArg, _);
|
||||
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
||||
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
||||
}
|
||||
};
|
||||
var Papa = require("papaparse");
|
||||
var errors = require("./errors.js");
|
||||
import { RemoteSources } from "./freeDatas2HTMLRemoteSources";
|
||||
var ParserForCSV = (function () {
|
||||
function ParserForCSV(datasRemoteSource) {
|
||||
this._datas2Parse = "";
|
||||
this._parseResults = undefined;
|
||||
this.options = {
|
||||
delimiter: "",
|
||||
newline: "",
|
||||
quoteChar: '"',
|
||||
escapeChar: '"',
|
||||
transformHeader: function (field, index) { return field.trim(); },
|
||||
preview: 0,
|
||||
comments: "",
|
||||
fastMode: undefined,
|
||||
transform: undefined
|
||||
};
|
||||
this._privateOptions = {
|
||||
header: true,
|
||||
download: false,
|
||||
downloadRequestHeaders: undefined,
|
||||
skipEmptyLines: "greedy",
|
||||
withCredentials: undefined
|
||||
};
|
||||
if (datasRemoteSource !== undefined)
|
||||
this._datasRemoteSource = datasRemoteSource;
|
||||
else
|
||||
this._datasRemoteSource = new RemoteSources({ url: "" });
|
||||
}
|
||||
ParserForCSV.prototype.setRemoteSource = function (source) {
|
||||
this._datasRemoteSource = new RemoteSources(source);
|
||||
};
|
||||
Object.defineProperty(ParserForCSV.prototype, "datasRemoteSource", {
|
||||
get: function () {
|
||||
return this._datasRemoteSource;
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
Object.defineProperty(ParserForCSV.prototype, "datas2Parse", {
|
||||
get: function () {
|
||||
return this._datas2Parse;
|
||||
},
|
||||
set: function (datas) {
|
||||
if (datas.trim().length === 0)
|
||||
throw new Error(errors.parserNeedDatas);
|
||||
else
|
||||
this._datas2Parse = datas.trim();
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
Object.defineProperty(ParserForCSV.prototype, "parseResults", {
|
||||
get: function () {
|
||||
return this._parseResults;
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
Object.defineProperty(ParserForCSV.prototype, "privateOptions", {
|
||||
get: function () {
|
||||
return this._privateOptions;
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
ParserForCSV.prototype.parse = function () {
|
||||
return __awaiter(this, void 0, void 0, function () {
|
||||
var parser, options, parseContent, i;
|
||||
var _this = this;
|
||||
return __generator(this, function (_a) {
|
||||
parser = this, options = this.options;
|
||||
parseContent = "";
|
||||
if (parser._datasRemoteSource.url !== "") {
|
||||
parseContent = parser._datasRemoteSource.url;
|
||||
this._privateOptions.download = true;
|
||||
this._privateOptions.withCredentials = parser._datasRemoteSource.withCredentials;
|
||||
if (parser._datasRemoteSource.headers !== undefined) {
|
||||
this._privateOptions.downloadRequestHeaders = {};
|
||||
for (i = 0; i < parser._datasRemoteSource.headers.length; i++)
|
||||
this._privateOptions.downloadRequestHeaders[parser._datasRemoteSource.headers[i].key] = parser._datasRemoteSource.headers[i].value;
|
||||
}
|
||||
}
|
||||
else if (parser._datas2Parse !== "")
|
||||
parseContent = parser._datas2Parse;
|
||||
else
|
||||
throw new Error(errors.parserNeedSource);
|
||||
return [2, new Promise(function (resolve, reject) {
|
||||
Papa.parse(parseContent, {
|
||||
delimiter: options.delimiter,
|
||||
newline: options.newline,
|
||||
quoteChar: options.quoteChar,
|
||||
escapeChar: options.escapeChar,
|
||||
header: true,
|
||||
transformHeader: options.transformHeader,
|
||||
preview: options.preview,
|
||||
comments: options.comments,
|
||||
complete: function (results) {
|
||||
var realFields = [];
|
||||
for (var _i = 0, _a = results.meta.fields; _i < _a.length; _i++) {
|
||||
var field = _a[_i];
|
||||
if (field.trim() !== "")
|
||||
realFields.push(field);
|
||||
}
|
||||
if (realFields.length === 0)
|
||||
reject(new Error(errors.parserFail));
|
||||
else {
|
||||
parser._parseResults = {
|
||||
datas: results.data,
|
||||
errors: results.errors,
|
||||
fields: realFields,
|
||||
};
|
||||
resolve(true);
|
||||
}
|
||||
},
|
||||
download: _this._privateOptions.download,
|
||||
downloadRequestHeaders: _this._privateOptions.downloadRequestHeaders,
|
||||
skipEmptyLines: "greedy",
|
||||
fastMode: options.fastMode,
|
||||
withCredentials: _this._privateOptions.withCredentials,
|
||||
transform: options.transform
|
||||
});
|
||||
})];
|
||||
});
|
||||
});
|
||||
};
|
||||
return ParserForCSV;
|
||||
}());
|
||||
export { ParserForCSV };
|