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/>