istex-header

Le header web affiché sur tous les sites de la Galaxy Istex

Installation dans un sous-site

Intégrer simplement la balise présentée ci-dessous à la fin du body de votre page html :

<script id="iwh_script" src="//web-header.delivery.istex.fr/bundle.js" ></script>

Vous pouvez facilement modifier le comportement d'un service avec le header directement depuis le lodex dédié.

Exemple pour le service www (Accueil ISTEX) qui correspond au site www.istex.fr, qui ne s'affiche pas dans la popin des services (hidden) et qui possède un menu à gauche:

{
    "_id": "5acca78fa736dcf0f0676868",
    "uri": "ark:/12345/DZ2-1XP09DLT-M",
    "z351": "www",
    "A2KZ": [
        "doc"
    ],
    "QoTd": "https://www.istex.fr/",
    "Cl2W": "https://www.istex.fr/wp-content/themes/istex/images/istex_logo.svg",
    "publicationDate": "2018-04-23T12:50:40.350Z",
    "BNzf": "Accueil ISTEX",
    "hidden": true,
    "menu": [{
      "title": "Home",
      "icon": "https://www.istex.fr/wp-content/themes/istex/images/ic_home_menu.svg",
      "link": "//www.istex.fr"
    },
    {
      "title": "Chercheur",
      "icon": "https://www.istex.fr/wp-content/themes/istex/images/ic_chercheur_menu.svg",
      "link": "//www.istex.fr/chercheur/"
    },
    {
      "title": "Responsable",
      "icon": "https://www.istex.fr/wp-content/themes/istex/images/ic_responsable_menu.svg",
      "link": "//www.istex.fr/responsable/"
    },
    {
      "title": "Curieux",
      "icon": "https://www.istex.fr/wp-content/themes/istex/images/ic_curieux_menu.svg",
      "link": "//www.istex.fr/curieux/"
    }] 
}

Développeur

Via NodeJs

Pour installer les dépendances nécessaires :

npm install

Pour lancer un serveur web visualisant votre index.html et qui recharge en temps réel les modifications réalisées dans src/ (js, css, html ...) tapez ceci :

npm run watch

Ouvrez alors votre navigateur sur http://localhost:8080 pour visualiser votre istex-web-header local.

Pour tester le build du projet comme en prod (qui se fait via le dockerfile) tapez :

npm run build

Le résultat du build sera présent dans le répertoire public/

Via Docker

prérequis:

• Docker
• Docker Compose
• Pour le développement : Git et Make

Pour installer et lancer en mode développement/debug :

make install
make run-debug

Ouvrez alors votre navigateur sur http://localhost:8080 pour visualiser votre istex-web-header local.

Pour installer et lancer en mode production :

make build
make run-prod

Remarque : cette application peut être déployée sur ezmaster

Pour connaître les autres commandes disponibles :

make help