udata-js - npm explorer

udata-js

v0.4.0

Librairie JS d'integration du catalogue data.gouv.fr

0/weekUpdated 3 years agoISC

Published by Depth France

npm install udata-js

Repository Homepage npm

udata-js

Librairie JS d'integration du catalogue data.gouv.fr (https://www.data.gouv.fr)

demo

http://depthfrance.github.io/udata-js/exemples/exemple.html

utilisation


       
        
        
        
        
                  class="uData-data"
          data-organizations="534fffb3a3a7292c64a78129,551959f6c751df6682057c91,534fffb9a3a7292c64a7814f,558bef88c751df1fd9a453b9,55896c18c751df5864a453b9,558bf578c751df2f9ea453ea,534fff4ea3a7292c64a77cab"
          data-organization="551959f6c751df6682057c91"
          data-q="eau"
          data-facets="all"
          data-page_size="5">


paramètres:
  - data-organizations: ID des organisations proposées dans le menu déroulant
  - data-organization: ID de l'organisation selectionnée (optionnel)
  - data-q: recherche initiale (optionnel)
  - data-page_size: nombre de résultat par page (optionnel)
  - data-sort: tri des résulats, valeurs possibles ['title','created','last_modified','followers','reuses',false] si false le menu est masqué (optionnel, default: title)
  - data-sharelink: boolean si true, affiche le lien de partage (optionnel, default: false)
l'ensemble des paramètres de l'API uData GET /datasets/ sont utilisables

ex: data-tag='transport'

`personnalisation`

Vous pouvez personnaliser l'affichage en utilisant des templates handlebars voici les identifiants et templates par défaut utilisés:

- udata_template_datasetsForm (affichage du formulaire de recherche)``

- udata_template_datasets (affichage de la liste résultat)``- udata_template_dataset (affichage de la fiche)```

exemple de personnalisation

http://depthfrance.github.io/udata-js/exemples/exemple2.html

Integration carte simple

http://depthfrance.github.io/udata-js/exemples/exemple_map.html

http://depthfrance.github.io/udata-js/exemples/exemple_map2.html

http://depthfrance.github.io/udata-js/exemples/exemple_map3.html