Feature/form decomposition #223

edelagnier · 2023-12-06T08:36:14Z

Fixes #144
Supersedes #145

Decomposition du formulaire de creation/edition de bouquets

Éléments supplémentaires de ma proposition

Comment tester, comment reviewer, etc. (optionnel).

…sition

…tion

netlify · 2023-12-06T08:36:41Z

✅ Deploy Preview for ecospheres ready!

Name	Link
🔨 Latest commit	`93c8122`
🔍 Latest deploy log	https://app.netlify.com/sites/ecospheres/deploys/6576d3f5a8e72a0008bd78b3
😎 Deploy Preview	https://deploy-preview-223--ecospheres.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

src/model.ts

src/views/bouquets/BouquetEditView.vue

netlify · 2023-12-18T14:11:31Z

✅ Deploy Preview for ecospheres ready!

Name	Link
🔨 Latest commit	`17c3df3`
🔍 Latest deploy log	https://app.netlify.com/sites/ecospheres/deploys/6584677e5352490008afef22
😎 Deploy Preview	https://deploy-preview-223--ecospheres.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

abulte

Ca se lit bien c'est cool 👏

Dommage qu'on ne puisse pas prendre en compte #178 dans le temps imparti (je pense), car on introduit pas de mal de composants "Options API". Je pense que la Composition API aurait rendu naturellement certains composants moins verbeux.

abulte · 2023-12-19T06:48:37Z

src/config.ts

+class ConfigUtils {
+  config = config
+
+  public static getThemeOptions() {
+    const options: SelectOption[] = []
+    for (const theme of config.themes) {
+      options.push({
+        value: theme.name,
+        text: theme.name
+      })
+    }
+    return options
+  }
+
+  public static getSubthemeOptions(theme: Theme) {
+    const options: SelectOption[] = []
+    if (theme) {
+      for (const subtheme of theme.subthemes) {
+        options.push({
+          value: subtheme.name,
+          text: subtheme.name
+        })
+      }
+    }
+    return options
+  }
+
+  public static getThemeByName(name: string): Theme | null {
+    for (const theme of config.themes) {
+      if (theme.name === name) {
+        return theme
+      }
+    }
+    return null
+  }
+}


A mettre dans un fichier src/custom/ecospheres/config.ts par exemple je pense, les notions de Theme ne sont pas génériques il me semble.

Je pense qu'il faudrait faire une nouvelle PR pour organiser proprement les custom vs generic car cela sort du scope de celle ci qui visait uniquement la decomposition.

src/custom/ecospheres/components/forms/bouquet/BouquetFormRecap.vue

abulte · 2023-12-19T07:19:10Z

src/model.ts

Pas mal de choses custom ES dans ce fichier qui mériterait d'être bougé dans custom si on suit la logique des composants, ou au moins dans un fichier moins générique que model.

Il faudrait prendre le temps de réfléchir à une structure adaptée et idéalement tenter de générifier les composants avant de les déplacer le cas échéant vers custom

abulte · 2023-12-19T07:23:09Z

src/model.ts

+}
+
+interface TopicExtras {
+  ['ecospheres:informations']: {


Je ne sais pas si c'est possible mais utiliser ${config.universe.name} comme préfixe ici serait idéal. Sinon cf supra, à bouger dans un endroit plus custom.

on avait commence a en parler et justement c'est une notation qui rend un peu difficile la generification, le plus clair serait que l'information ecosphere soit une valeur et non une propriete. Ex :

extra : { universe: ecosphere informations { .... } }

mais idem il faudra faire une PR

abulte · 2023-12-19T07:23:52Z

src/custom/ecospheres/components/BouquetList.vue

@@ -103,7 +103,7 @@ export default {
    }
  },
  methods: {
-    isRelevant(topic: Topic, property: string, value): Boolean {
+    isRelevant(topic: Topic, property: string, value: string): Boolean {
      const topicInformations: { subtheme: string; theme: string }[] =
        topic.extras['ecospheres:informations']


En profiter pour utiliser ${config.universe.name} ?

abulte · 2023-12-19T07:24:10Z

src/model.ts

+    theme: string
+    subtheme: string
+  }[]
+  ['ecospheres:datasets_properties']: DatasetProperties[]


Je ne sais pas si c'est possible mais utiliser ${config.universe.name} comme préfixe ici serait idéal. Sinon cf supra, à bouger dans un endroit plus custom.

abulte · 2023-12-19T07:27:20Z

src/assets/main.css

@@ -87,6 +88,15 @@
  }
 }

+.fr-fieldset {


A scoper dans un composant ? Ca me parait un peu dangereux en style global.

cf #223 (comment) , le comportement decrit (avoir une marge autour des champs) me parait suffisament generique pour etre mis par defaut au moins dans un premier temps et eviter que l'on ajoute la marge dans chaque composant

abulte · 2023-12-19T07:27:26Z

src/assets/main.css

 .dsfr_alert {
  margin: 20px 0;
+}
+
+textarea {


A scoper dans un composant ? Ca me parait un peu dangereux en style global.

dans le cas du fichier main.css et model.ts, j'ai volontairement fait le choix de centraliser sans structurer dans un premier temps. Le but est de voir d'abord comment grossissent ces fichiers pour creer une structure pertinente et eviter d'optimiser/specialiser trop tot.

Le comportement decrit ici (avoir une marge autour du champs pour la lisibilite et le definir par defaut plus grand pour inciter les utilisateurs a ecrire du texte markdown et non une phrase) me semble suffisament pertinent pour servir de base par defaut.

Je serai donc pour le laisser. Le danger est faible et la source facilement identifiable si l'on veut changer le comportement dans des cas specifiques (et reduire le scope s'il s'avere moins generique que prevu).

edelagnier · 2023-12-19T10:56:12Z

Ca se lit bien c'est cool 👏

Dommage qu'on ne puisse pas prendre en compte #178 dans le temps imparti (je pense), car on introduit pas de mal de composants "Options API". Je pense que la Composition API aurait rendu naturellement certains composants moins verbeux.

Ah effectivement, il faudrait uniformiser ca. Tant que le code est clair, je pense que ce sera rapide, ca pourra être combiné à l'uniformisation vers Typescript. J'ai fait un ticket : #296

streino · 2023-12-20T11:23:53Z

Il y a un problème de labels vides dans la liste de datasets de https://deploy-preview-223--ecospheres.netlify.app/bouquets/suivi-de-la-pollution-de-leau :

streino · 2023-12-20T11:27:34Z

Manque le mardown sur la prévisualisation de la composition du bouquet :

Idem étape 4/4 :

streino · 2023-12-20T11:31:10Z

La description du dataset est manquante une fois le bouquet créé (on devrait avoir le "boum" figurant dans mes commentaires précédents) :

https://deploy-preview-223--ecospheres.netlify.app/bouquets/test-1

streino · 2023-12-21T16:21:25Z

J'ai créé des tickets séparés pour les problèmes remontés dans mes derniers commentaires :
#305
#306
#307

@abulte je te laisse merger cette PR quand ça t'arrange 🙏

edelagnier added 18 commits November 8, 2023 11:45

add step 1 - subcomponent

c472f43

add step 3 - (component + form inside component)

15d411b

add step 4 - with data from sub-component

ee1c438

Merge branch 'spike/divide_editBouquetCmpt' into feature/form_decompo…

8181439

…sition

rename item -> properties

300557e

set new form in form page

57c5078

Merge branch 'feature/search_by_subtheme' into feature/form_decomposi…

0bbe683

…tion

clean import

36c88fb

remove step 1 from bigform

1a6e31e

handle step validation

c56096f

extract options to configUtils

343f6f1

distinct Topic and BetaTopic

cf57fe6

add step 2

7a298b6

create DatasetList vue

8100d0a

Merge branch 'main' into feature/form_decomposition

795437b

Handle availability and source URL

fecf7de

Merge branch 'main' into feature/form_decomposition

5e4c70f

handle accordeon

3413be2

edelagnier added 4 commits December 6, 2023 09:59

clarify validation is true by default

1d15c33

remove warning id is a number

e7fc28d

handle remove added dataset

335ff6d

step 2 and 3 don't need validation

b5a30b4

streino reviewed Dec 6, 2023

View reviewed changes

src/model.ts Outdated Show resolved Hide resolved

streino reviewed Dec 6, 2023

View reviewed changes

src/views/bouquets/BouquetEditView.vue Outdated Show resolved Hide resolved

bonjourmauko mentioned this pull request Dec 6, 2023

rfc: POC pour diviser le composant EditBouquet #145

Closed

bonjourmauko assigned bonjourmauko and edelagnier and unassigned bonjourmauko Dec 6, 2023

bonjourmauko added the refactor Evolutions du code sans impact sur le produit label Dec 6, 2023

remove unused/duplicate

687e984

edelagnier added 3 commits December 18, 2023 15:31

fix null label

5f9a099

move bouquet to custom

26a330d

make tooltip info more accessible

4d00aa4

streino requested review from abulte and bonjourmauko and removed request for bonjourmauko December 18, 2023 16:09

edelagnier added 4 commits December 18, 2023 17:28

fix display of available tag

10c4879

availability as enum

a71bd8d

Merge branch 'main' into feature/form_decomposition

b115fe9

fix import

9efd091

abulte reviewed Dec 19, 2023

View reviewed changes

edelagnier added 2 commits December 19, 2023 11:57

markdown

9f20dbe

fix behavior after merge

d9d6b04

streino marked this pull request as ready for review December 20, 2023 10:15

This was referenced Dec 20, 2023

L'objet "bouquet" est fortement lié à Ecosphères #294

Open

refacto: api #304

Merged

This was referenced Dec 21, 2023

Problème de labels vides dans la liste de datasets d'un bouquet #305

Closed

Markdown non formatté dans la prévisualisation de la composition d'un bouquet #306

Closed

Description du dataset manquante une fois le bouquet créé #307

Closed

Merge branch 'main' into feature/form_decomposition

17c3df3

abulte merged commit d531591 into main Dec 21, 2023
5 checks passed

abulte deleted the feature/form_decomposition branch December 21, 2023 16:31

abulte mentioned this pull request Jan 8, 2024

Description des données dans les bouquets #320

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Feature/form decomposition #223

Feature/form decomposition #223

edelagnier commented Dec 6, 2023 •

edited by bonjourmauko

Loading

netlify bot commented Dec 6, 2023 •

edited

Loading

netlify bot commented Dec 18, 2023 •

edited

Loading

abulte left a comment

abulte Dec 19, 2023

edelagnier Dec 19, 2023

edelagnier Dec 19, 2023

abulte Dec 19, 2023

edelagnier Dec 19, 2023

edelagnier Dec 19, 2023

abulte Dec 19, 2023

edelagnier Dec 19, 2023

edelagnier Dec 19, 2023

abulte Dec 19, 2023

edelagnier Dec 19, 2023

abulte Dec 19, 2023 •

edited

Loading

edelagnier Dec 19, 2023

abulte Dec 19, 2023

edelagnier Dec 19, 2023

abulte Dec 19, 2023

edelagnier Dec 19, 2023

edelagnier commented Dec 19, 2023

streino commented Dec 20, 2023

streino commented Dec 20, 2023 •

edited

Loading

streino commented Dec 20, 2023

streino commented Dec 21, 2023

Feature/form decomposition #223

Feature/form decomposition #223

Conversation

edelagnier commented Dec 6, 2023 • edited by bonjourmauko Loading

Decomposition du formulaire de creation/edition de bouquets

Éléments supplémentaires de ma proposition

netlify bot commented Dec 6, 2023 • edited Loading

✅ Deploy Preview for ecospheres ready!

netlify bot commented Dec 18, 2023 • edited Loading

✅ Deploy Preview for ecospheres ready!

abulte left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

abulte Dec 19, 2023 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

edelagnier commented Dec 19, 2023

streino commented Dec 20, 2023

streino commented Dec 20, 2023 • edited Loading

streino commented Dec 20, 2023

streino commented Dec 21, 2023

edelagnier commented Dec 6, 2023 •

edited by bonjourmauko

Loading

netlify bot commented Dec 6, 2023 •

edited

Loading

netlify bot commented Dec 18, 2023 •

edited

Loading

abulte Dec 19, 2023 •

edited

Loading

streino commented Dec 20, 2023 •

edited

Loading