README.md

geocontrib-frontend

Project setup

npm install

Préparation des variables d'environnement

Créer un fichier .env à la racine du projet puis ajouter les variables comme indiquer dans l'exemple ci-dessous (à adapter en fonction de l'environnement d'exploitation).

BASE_URL=/geocontrib/
NODE_ENV=development

Configuration par le config.json

{
    "BASE_URL":"/geocontrib/",
    "DOMAIN":"/geocontrib/",
    "VUE_APP_LOCALE":"fr-FR",
    "VUE_APP_APPLICATION_NAME":"GéoContrib",
    "VUE_APP_APPLICATION_ABSTRACT":"Application de saisie d'informations géographiques contributive",
    "VUE_APP_APPLICATION_FAVICO":"/geocontrib/favicon.ico",
    "VUE_APP_LOGO_PATH":"/geocontrib/img/logo-neogeo-circle.png",
    "VUE_APP_DJANGO_BASE":"",
    "VUE_APP_DJANGO_API_BASE":"/geocontrib/api/",
    "VUE_APP_CATALOG_NAME": "Datasud", => renseigne le nom du catalogue dans le bouton importer depuis le catalogue
    "VUE_APP_IDGO": true, => si le bouton importer depuis le catalogue doit être affiché ou pas
    "VUE_APP_RELOAD_INTERVAL": 15000,
    "VUE_APP_DISABLE_LOGIN_BUTTON":false,
    "VUE_APP_LOGIN_URL":"",
    "VUE_APP_SSO_LOGIN_URL_WITH_REDIRECT":"",
    "VUE_APP_FONT_FAMILY":"",
    "VUE_APP_HEADER_COLOR":"",
    "VUE_APP_PRIMARY_COLOR":"",
    "VUE_APP_PRIMARY_HIGHLIGHT_COLOR":"",
    "VUE_APP_PROJECT_FILTERS": "access_level,user_access_level,moderation,search",
    "DEFAULT_BASE_MAP_SCHEMA_TYPE": "tms",
    "DEFAULT_BASE_MAP_SERVICE": "https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png",
    "DEFAULT_BASE_MAP_OPTIONS": {
            "attribution": "&copy; contributeurs d'<a href='https://osm.org/copyright'>OpenStreetMap</a>",
            "maxZoom": 20
    },

    "DEFAULT_MAP_VIEW" : {
        "center": [47.0, 1.0],
        "zoom": 4
    },
    "MAP_PREVIEW_CENTER": [43.60882653785945, 1.447888090697796],
    "DISPLAY_FORBIDDEN_PROJECTS": true,
    "DISPLAY_FORBIDDEN_PROJECTS_DEFAULT": true
}

Configuration additionnelle pour geOrchestra

Afin de mieux s'intégrer au SDI geOrchestra, il est possible de modifier le header pour afficher celui de geOrchestra.

Dans le fichier config.json, ajouter :

{
  "GEORCHESTRA_INTEGRATION": {
    "HEADER": {
      "LEGACY_HEADER": false,
      "LEGACY_URL": "/header/",
      "STYLE": "",
      "STYLESHEET": "",
      "HEADER_SCRIPT": ""
    }
  }
}

Utilisation sans installation du backend

Il est possible d'utiliser un serveur HTTP local pour utiliser l'API des instances en ligne, sans avoir de problèmes de CORS, pour cela se référer fichier : conf_apache_dev.md

Compiles and hot-reloads for development

Pour éviter les problèmes de Cors en dév, (car backend sur serveur différent de frontend, différent en prod car même serveur), on utilise un proxy qui s'occupe de renseigner les CORS: https://github.com/garmeeh/local-cors-proxy#local-cors-proxy

À installer avant de lancer le serveur !

npm install -g local-cors-proxy

La commande serve lance les deux serveurs en parallèle dans le même terminal.