2021-10-13 12:48:44 +02:00
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." ) ;
2022-12-28 10:55:56 +01:00
while ( g && ( g = 0 , op [ 0 ] && ( _ = 0 ) ) , _ ) try {
2021-10-13 12:48:44 +02:00
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 } ;
}
} ;
2021-11-09 16:49:36 +01:00
import { FreeDatas2HTML , Pagination , Render , SearchEngine , Selector , SortingField } from "../FreeDatas2HTML" ;
2021-10-13 12:48:44 +02:00
var initialise = function ( ) { return _ _awaiter ( void 0 , void 0 , void 0 , function ( ) {
2021-11-09 16:49:36 +01:00
var converter , myRender , pagination , sortingField1 , sortingField2 , sortingField3 , filtre1 , mySearch , e _1 ;
2021-10-13 12:48:44 +02:00
return _ _generator ( this , function ( _a ) {
switch ( _a . label ) {
case 0 :
2021-11-04 15:50:40 +01:00
_a . trys . push ( [ 0 , 2 , , 3 ] ) ;
2021-10-13 12:48:44 +02:00
converter = new FreeDatas2HTML ( "JSON" ) ;
2022-02-21 17:19:09 +01:00
converter . parser . setRemoteSource ( { url : "https://freedatas2html.le-fab-lab.com/datas/posts2.json" } ) ;
2021-10-13 12:48:44 +02:00
return [ 4 , converter . run ( ) ] ;
case 1 :
_a . sent ( ) ;
2021-11-01 11:25:17 +01:00
myRender = new Render ( ) ;
2021-10-13 12:48:44 +02:00
if ( window . innerWidth < 800 ) {
myRender . settings =
{
allBegining : "<h4>Affichage petits écrans !</h4>" ,
allEnding : "" ,
linesBegining : "<ul>" ,
linesEnding : "</ul>" ,
lineBegining : "<li><ul>" ,
lineEnding : "</ul></li>" ,
dataDisplaying : "<li><b>#FIELDNAME :</b> #VALUE</li>" ,
} ;
converter . datasRender = myRender ;
}
else {
myRender . settings . allBegining = "<table class='table-hover'>" ;
converter . datasRender = myRender ;
}
pagination = new Pagination ( converter , { id : "pages" } , "Page à afficher :" ) ;
2021-11-09 16:49:36 +01:00
pagination . options = { displayElement : { id : "paginationOptions" } , values : [ 15 , 30 , 90 , 150 ] , name : "Nombre de lignes par page :" } ;
2021-10-13 12:48:44 +02:00
pagination . selectedValue = 15 ;
converter . pagination = pagination ;
2021-11-01 11:25:17 +01:00
pagination . options2HTML ( ) ;
2021-10-13 12:48:44 +02:00
if ( window . innerWidth >= 800 ) {
sortingField1 = new SortingField ( converter , 0 ) ;
sortingField2 = new SortingField ( converter , 1 ) ;
sortingField3 = new SortingField ( converter , 2 ) ;
converter . datasSortingFields = [ sortingField1 , sortingField2 , sortingField3 ] ;
}
2021-11-04 15:50:40 +01:00
filtre1 = new Selector ( converter , 0 , { id : "filtre1" } ) ;
filtre1 . filter2HTML ( ) ;
2021-11-09 16:49:36 +01:00
mySearch = new SearchEngine ( converter , { id : "search" } , [ 2 , 3 ] ) ;
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 , mySearch ] ;
2021-11-04 15:50:40 +01:00
converter . datasViewElt = { id : "datas" } ;
converter . datasCounterElt = { id : "compteur" } ;
converter . refreshView ( ) ;
return [ 3 , 3 ] ;
case 2 :
2021-10-13 12:48:44 +02:00
e _1 = _a . sent ( ) ;
console . error ( e _1 ) ;
2021-11-09 16:49:36 +01:00
document . getElementById ( "datas" ) . innerHTML = "<div class=\"alert alert-warning\">D\u00E9sol\u00E9, mais un probl\u00E8me technique emp\u00EAche l'affichage des donn\u00E9es.</div>" ;
2021-11-04 15:50:40 +01:00
return [ 3 , 3 ] ;
case 3 : return [ 2 ] ;
2021-10-13 12:48:44 +02:00
}
} ) ;
} ) ; } ;
2022-04-11 16:01:44 +02:00
console . log ( "Hello, les dev !\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/exampleWithJSON.ts" ) ;
2021-10-13 12:48:44 +02:00
initialise ( ) ;