voir intégration => https://dashboard.covid19.data.gouv.fr/

• google fonts 🙈
• fontawesome

On peut se retrouver dans une situation où les données affichées sont nationales alors que la zone choisie est encore affichée.
Pour reproduire:

• se rendre dans l'onglet prêts garantis
• sélectionner un département (haute-loire dans mon cas)
• se rendre dans l'onglet prêts directs

Les valeurs affichées correspondent aux totaux nationaux, toutefois la mention haute-loire reste présente.

routes dédiées pour :

• /fds : fonds de solidarité
• /pge: prêts garantis par l'Etat
• /reports : reports de charges

juste pour mémoire et vérifier s'il y a des petits changements à faire sur ce texte avant communication

petit ping @romtal juste pour te signaler qu'on peut centraliser la discussion sur ce sujet ici...

Perso je pense que plus il y a d'hyperliens vers les infos officielles mieux c'est :)

J'ai ajouté dans le backend une couleur pour chaque section APE.
J'ai généré un fichier json ici
Celui-ci indique pour chaque section une couleur "color_section".
Il est également possible d'intégrer cette information dans les json principaux "aides-maille-*.json". A toi Julien de me dire ce que tu préfères.

Voilà en gros ce que je trouve chez moi. Le "problème" c'est que tout est installé automatiquement par vue-cli create dans mon cas, donc je n'ai jamais monté le tooling from scratch.

Plugin vscode : https://github.com/Microsoft/vscode-eslint

Dans le settings.json de vscode :

    "eslint.validate": [
      {
        "language": "vue",
        "autoFix": false
      },
      {
        "language": "html",
        "autoFix": false
      },
      {
        "language": "javascript",
        "autoFix": false
      }
    ],

.eslintrc.js à côté du package.json

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/essential',
    '@vue/standard'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
  }
}

.editorconfig à la racine du projet

[*.{js,jsx,ts,tsx,vue}]
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true

Et probablement des dépendances à installer, du genre (ce que j'ai chez moi) :
yarn add @vue/eslint-config-standard babel-eslint eslint eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard eslint-plugin-vue --dev

Référence potentiellement intéressante : https://alligator.io/vuejs/eslint-vue-vetur/

Retours de Romain sur les textes de la documentation publiée en anglais ici => https://etalab.github.io/dashboard-aides-entreprises/

cf : https://www.economie.gouv.fr/covid19-soutien-entreprises/aides-versees-fonds-solidarite (sur dektop et mobile)

• bloquer le scoll sur la carte, idéalement seulement sur mobile — en l’état l’intégration ne marche pas sur mobile, on verra si on trouve plus élégant plus tard
• voir pour déporter le bloc informations ailleurs qu’en dessous du graphe sur desktop — c’est moins grave mais ça permettra d’avoir une intégration un peu plus propre

Hello ! C'est une toute petit modif, mais je pense qu'un favicon adapté ferait meilleurs effet que celui de Nuxt 😉 Bon courage !

• présentation / principes généraux
• les fichiers de configs
•  focus sur les fichiers de données (locaux/distants)
•  les composants
• [ } la roadmap
•  exemples de réutilisation
• url params
• ...

Pistes d'amélioration :

• cibler les fonts à charger (fontawesome ds le css)
• réduire la place de vendors dans le build
• ne pas inclure les geojson dans le build / enlever des statics => load depuis le composant mapbox ?
• gicler les composants inutiles ?

• Titre HTML title et bandeau bleu "Aides aux entreprises : fond de solidarité"

It would be great to add French formatting for numbers.

This means "703355 aides" -> "703 355 aides"

and "936.88 M€" -> "936,88 M€"

Proposition : "Coronavirus COVID-19 : aides aux entreprises"

cf : https://www.gouvernement.fr/info-coronavirus/carte-et-donnees
cf : dashboard.covid19.data.gouv.fr/

• act.partielle : changer texte "plus d'informations sur la prise en charge [...]" => "Ces données sont tirées des tableaux de bords [...]"
• act.partielle : retirer "Les données utilisées sur ce tableau de bord [...]"
• act.partielle : modifier JDD datagouv en incluant lien vers tableau de bord DARES

sur le même modèle que le lien code section NAF mettre dans les titres des graphiques les liens vers les pages de définition officielles des :

• catégories juridiques
• classes d'effectifs

Hello,
Si j'ai bien compris, la dernière version en date pour la partie mobile est celle publiée sur covid-aides-entreprises.netlify.app => Corrige-moi si je me trompe.
Après tests sur cette version, je remarque encore :

1. Problème avec la footbar pour la navigation. J'ai un bandeau blanc quand je load la page. La footbar n'apparaît qu'une fois que j'ai scrollé tout en bas
2. Le titre de l'application n'apparaît pas complètement
3. Problème de navigation sur la app. On se retrouve facilement piégé dessus. Je pense qu'il faut enlever les chiffres d'aides sur ce menu, ça prend de la place et n'apporte pas forcément grand intérêt.
4. Sur le menu map, le bouton "Retour au niveau national" est toujours présent
5. Sur le menu map, "Aides versées : échelle nationale" est sur deux lignes, on peut optimiser en diminuant la taille.
6. Sur le menu description et sur le menu graphiques, le texte "montant total" est sur deux lignes. Réduire la police
7. Sur le menu graphique, le chart dépasse en taille horizontal :

• On ne voit pas le début de la section naf pour certains.
• On ne voit pas le graphe complet (il est coupé pour le top 1/2)
  Je mets en PJ des screen

cf : https://nuxtjs.org/faq/netlify-deployment/
cf : https://nuxtjs.org/api/configuration-generate/#routes

https://www.economie.gouv.fr/covid19-soutien-entreprises/aides-versees-fonds-solidarite

on aura juste besoin de savoir ce que Bercy voudra, c'est-à-dire l'un de ces 2 choix :

• choix A. === une seule page sur leur site, contenant nos onglets des différents JDD => alors il faut qu'ils changent l'intitulé de leur page (pour l'instant la page ne désigne que le fonds de solidarité)

• choix B. === une page par JDD / donc une iframe par JDD / sans nos onglets dans chaque iframe ==> alors il faut leur préparer les blocs des différentes iframe... J'ai déjà préparé un paramètre d'url permettant de pointer vers un jdd et de cacher les onglets...

• nuxt
• vuetify
• mapboxgl js
• charts.js
• axios
• fontawesome

Commentaires/retex de Romain sur Slack/tmp-datagouv-aide-entreprises au 30/04/2020 :

• Côté gauche, il manque un titre tout en haut pour savoir où l'on est (nom du site, et la nouvelle marque), avec une très courte description (mais se pose alors la question du mobile, bien sûr)

• Côté gauche, le graphique attire beaucoup le regard, mais la région / le département concerné n'est pas assez visible (je n'avais pas remarqué dans un premier temps les infos tout en haut). La ligne de séparation entre les deux est peut-être gênante, car on ne pense pas à regarder au-dessus.

• Les couleurs du graphique ne sont pas idéalement employées : elles restent les mêmes lorsque l'intitulé change + elles n'apparaissent pas sur la carte alors qu'on cherche la correspondance → Il sera peut-être plus clair d'employer une seule couleur pour le diagramme, et une seule autre couleur pour la carte + s'assurer de l'accessibilité pour les deux (contraste entre la couleur et le texte)

• Le bouton Retour au niveau national est peut-être mal positionné, je trouve qu'il gêne un peu la lecture des informations, surtout sur mobile

• Côté gauche, sous le diagramme, il pourrait être intéressant d'afficher et de pouvoir naviguer dans les régions puis les départements (d'autant plus pour des raisons d'accessibilité). Par exemple, quand je suis sur Toute la France, afficher la liste des régions, et quand je suis dans une région, afficher la liste des départements, etc.

• Sur la carte, la zone géographique sélectionnée n'est pas assez évidente (on peut vite oublier qu'on a sélectionné une zone spécifique, ou ne plus trouver laquelle)

• Lorsque l'on sélectionne un département, la région semble “un peu” sélectionnée aussi

• Il y a d'ailleurs un bug, si on survole une zone au bord de la carte puis que l'on sort de la carte, la zone reste en mode “survolée”

• Sur la carte, peut-être faut-il passer les montants en gras, pour une meilleure lisibilité ?

idem @romtal mais sur le sujet des reports d'échéances

We probably don't need both

    "vue-chartjs": "^3.5.0",
    "vue-mapbox": "^0.4.1",

exemple : département de Meurthe-et-Moselle => le centre du cercle est à l'extérieur du polygon)

Plusieurs demandes sur l'origine et la signification des données.

• indiquer qu'il s'agit de cumul
• informer dans la partie textuelle qu'il s'agit des données produites par la DARES et mettre le lien des données
• peut-être supprimer JDD Etalab qui n'apporte pas grand chose.

• afficher les départements dépendants d’une région et uniquement eux ;
• settings pour connexion à une API de backend, mais sketché pour quand même ;
• footer “officiel” + liens ;