Skip to content
Widget de cartographie des publications et autres documents issus du portail HAL
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
css
LICENSE
README.md
index.html
package.json

README.md

Widget Carto_HAL

Widget permettant de cartographier les pays publiant dans une collection HAL donnée en paramètre.

Les développements de ce projet sont issus du projet Carto_istex :

LIEN VERS LES SOURCES Carto_istex

Premièrement, il est nécessaire de charger les fichiers JS et CSS du widget, ainsi que la bibliothèque AngularJS qui est une dépendance nécessaire.

Voici un exemple sur une page:

#!html

<!doctype html>
<html ng-app="cartoHal">
    <head>
        <title>Carto HAL</title>
        <script src="app/js/angular.js"></script>
        <script src="app/js/jquery.min.js"></script>
        <script src="app/js/jquery.range-min.js"></script>
        <script src="app/js/print.js"></script>
        <script src="app/js/leaflet/leaflet.js"></script>
        <script src="app/app.min.js"></script>
        <script src="app/ConfigDefault.js"></script>
        <script src="app/js/jquery.dataTables.min.js"></script>
        <script src="app/js/dataTables.buttons.min.js"></script>
        <script src="app/js/dataTables.semanticui.min.js"></script>
        <script src="app/js/buttons.html5.min.js"></script>
        <script type="text/javascript">
         var ConfigWidgetHal={
            ApiURL: "https://api.archives-ouvertes.fr" + "/search/" + "OTELO-UL",
            DisplayMap: true,
            DisplayDatatable: false,
            DocumentType:"*",
            query:"*",
            DisplayTitle:false,
            CountryField: "structCountry_s",
            CountryField_t: "structCountry_t",
            url_consult: ""
            
          }

        </script>

        <link rel="stylesheet" href="app/js/leaflet/leaflet.css" />
        <link rel="stylesheet" type="text/css" href="css/semantic/dist/semantic.min.css">
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <link rel="stylesheet" type="text/css" href="css/jquery.range.css">
          <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    </head>
    <body>
    <h1>Demo Widget Hal</h1>
        
    <search></search>

    </body>
</html>

On peut voir les différentes inclusion de js et css ainsi que l'ajout de la balise search.

Configuration:

Le widget peut être configuré de la maniere suivante:

Url de l'API HAL : ApiURL

   Url de consultation HAL : url_consult (peux être laisser à vide mais positionné dans ApiURL, cf exemple)

Afficher ou non la carte (leaflet) : DisplayMap

Afficher ou non le tableau des pays : DisplayDatatable

Paramétrer la collection à interroger : query

Paramétrer le champs a interroger: CountryField

Paramétrer le champs utiliser pour l'url de recherche sur Hal: CountryField_t

Afficher le titre par défaut: DisplayTitle

Choix des types de documents a interroger: DocumentType

La configuration n'est pas obligatoire, les paramètres par défaut s'appliqueront:

#!js

    ApiURL:"http://api.archives-ouvertes.fr",
    url_consult:"https://hal.archives-ouvertes.fr/",
    DisplayMap:true,
    DisplayDatatable:true,
    DocumentType:"",
    DisplayTitle:true,
    CountryField:"structCountry_s",
    CountryField_t:"structCountry_t"

Pour inclure le widget il suffit d'utiliser la balise :

#!html

<search><search/>
You can’t perform that action at this time.