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, 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, 2, , 3]); mySort = function (a, b, order) { if (order === void 0) { order = "asc"; } var values = ["> 100000", "> 1 et < 100 000", "≤ 1", "Traces", "Inexistant"]; if (order === "desc") values.reverse(); if (values.indexOf(a) > values.indexOf(b)) return -1; else if (values.indexOf(a) < values.indexOf(b)) return 1; else return 0; }; converter = new FreeDatas2HTML("CSV"); converter.parser.setRemoteSource({ url: "https://freedatas2html.le-fab-lab.com/datas/elements-chimiques.csv" }); return [4, converter.run()]; case 1: _a.sent(); myRender = new Render(); if (window.innerWidth < 800) { myRender.settings = { allBegining: "

Affichage petits écrans !

", allEnding: "", linesBegining: "", lineBegining: "
  • ", dataDisplaying: "
  • #FIELDNAME : #VALUE
  • ", }; converter.datasRender = myRender; } else { myRender.settings.allBegining = ""; converter.datasRender = myRender; } converter.datasSortingFunctions = [{ datasFieldNb: 4, sort: mySort }]; pagination = new Pagination(converter, { id: "pages" }, "Page à afficher :"); pagination.options = { displayElement: { id: "paginationOptions" }, values: [10, 20, 50, 500], name: "Choix de pagination :" }; pagination.selectedValue = 10; converter.pagination = pagination; pagination.options2HTML(); filtre1 = new Selector(converter, 3, { id: "filtre1" }); filtre1.filter2HTML(); filtre2 = new Selector(converter, 4, { id: "filtre2" }); filtre2.filter2HTML(); filtre3 = new Selector(converter, 5, { id: "filtre3" }, ","); filtre3.isMultiple = true; filtre3.filter2HTML(); mySearch = new SearchEngine(converter, { id: "search" }); mySearch.label = "Qui cherche trouve ?"; mySearch.btnTxt = "Va chercher !"; mySearch.automaticSearch = true; mySearch.nbCharsForSearch = 2; mySearch.placeholder = "Tapes en NB, chef !"; mySearch.filter2HTML(); converter.datasFilters = [filtre1, filtre2, filtre3, mySearch]; if (window.innerWidth >= 800) { sortingField1 = new SortingField(converter, 0); sortingField2 = new SortingField(converter, 1); sortingField3 = new SortingField(converter, 2); sortingField4 = new SortingField(converter, 4); converter.datasSortingFields = [sortingField1, sortingField2, sortingField3, sortingField4]; } converter.datasViewElt = { id: "datas" }; converter.datasCounterElt = { id: "compteur" }; converter.refreshView(); return [3, 3]; case 2: e_1 = _a.sent(); console.error(e_1); document.getElementById("datas").innerHTML = "
    D\u00E9sol\u00E9, mais un probl\u00E8me technique emp\u00EAche l'affichage des donn\u00E9es.
    "; return [3, 3]; case 3: return [2]; } }); }); }; console.log("Hello, ami développeur :-)\nLe code source TypeScript utilisé pour faire fonctionner cette page est lisible ici : :\nhttps://forge.chapril.org/Fab_Blab/freeDatas2HTML/src/branch/master/src/demo/exampleWithCSV.ts\nUn bug ? Une suggestion ? => fabrice@le-fab-lab.com"); initialise();