affichage WORDLIST : mettre sous forme de tableau

[alexis-michaud]

Les listes de mots comprennent parfois bcp de traductions. Il est important de les afficher en tableau pour la lisibilité.

Exemple dans la v1 : https://doi.org/10.24397/pangloss-0001642

Dans l'interface v2, les traductions sont collées les unes contre les autres.

Observation générale au passage : il reste du boulot pour fignoler l'affichage des listes de mots : dans la copie d'écran ci-dessus, on voit encore quelques bogues, comme les numéros en exposant (appels de notes) , alors qu'il n'y a pas de notes. Aussi, les cases "langues" ne se cochent pas quand on clique dessus (alors que l'affichage est bien mis à jour).

[alexis-michaud]

Ticket assigné à @EdouardSombie a priori. Mais si c'est à réorganiser dans le lecteur, @m8nli9ht n'hésite pas à reprendre la balle au bond

[EdouardSombie]

Je vais espacer les mots. Toutefois, il y a des modifications à faire au niveau du player :

• enlever la valeur de width à l'élément avec l'id 'word'
• ajouter enlever le display:table-cell et ajouter une class notes à l'élément qui contient les notes (pour que ce soit cohérent avec les autres notes affichées). Je vous mets une capture :

[alexis-michaud]

Super. Du coup je déplace ce ticket vers le dépôt Eastlingplayer

[alexis-michaud]

Il s'agirait de ne pas envoyer les mots (unités W) une à une, mais sous forme d'un unique tableau, de façon à ce qu'il y ait, pour toute la page, une colonne 'traduction en français', une pour l'anglais, etc.

C'est un changement assez profond du lecteur. Ce changement va demander aussi un développement pour l'affichage des notes, assez abondantes pour les listes de mots.

[m8nli9ht]

J'avais opté pour une mise en forme tableau simulé par des boîte "div" avec un display de type "table-cell" afin de faciliter le code et standardiser le fonctionnement entre boîtes d'options et affichage des annotations. Je vais faire un tableau "classique" (table en HTML), mais cela va complexifier un peu le code.

[m8nli9ht]

In progress, régler le décalage lorsque des annotations ne sont pas disponibles dans toutes les langues :

[m8nli9ht]

A-t-on un exemple de Wordlist avec un Word qui contienne des morphèmes ? J'en ai besoin pour mes tests !

[sguillaume]

A ma connaissance il n'y en a pas (je ne garantis pas à 100% mais presque)

[m8nli9ht]

Livré, à tester

[alexis-michaud]

Super !!

Côté intégration, serait-il possible d'avoir un peu plus de marge entre les colonnes ? (et une grille de tableau)

(document ici)

(Remarque au passage : le mode "pleine largeur" fait merveille pour les documents à multiples colonnes. Une fonctionnalité qu'il valait vraiment la peine d'ajouter ! @EdouardSombie )

[sguillaume]

Honnêtement ça sera toujours plus lisible avec les grilles du tableau. C'est important de s'y repérer facilement selon moi.

[m8nli9ht]

OK, je vais mettre des délimitations et plus d'espace.

Le ven. 12 mars 2021 à 23:13, sguillaume @.***> a écrit :

Honnêtement ça sera toujours plus lisible avec les grilles du tableau. C'est important de s'y repérer facilement selon moi.

— You are receiving this because you were assigned. Reply to this email directly, view it on GitHub https://github.com/CNRS/eastlingplayer/issues/49#issuecomment-797786591, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABQ4MYGS7JM5FATXMX425HTTDKGZVANCNFSM4V3OTCQQ .

[m8nli9ht]

Traité et livré, à tester

[alexis-michaud]

Super pour le tableau (présence d'une bordure). Deux choses :

• Qu'est-ce que vous verriez comme coloris @m8nli9ht @EdouardSombie @sguillaume ? Quelque chose de plus léger que du noir, non ? Un brun clair / orange très foncé ? Un gris légèrement plus foncé que le fond ?

• L'espacement entre cadre et texte est de combien de pixels ? Pour l'instant ça "colle" encore trop au bord, non ?

[m8nli9ht]

@EdouardSombie pour traiter ce ticket (et pensant qu'on ne pouvait plus trop te solliciter) j'ai forcé des instructions de style directement dans le player pour mettre en forme ce tableau. Comme vu ensemble hier, il est préférable que je définisse des classes CSS pour lesquels tu mettras des instructions CSS côté Pangloss. Pour ce ticket, as-tu besoin que je définisse une classe CSS "wordListTable" au niveau de la balise

ou bien la simple balise te suffira pour mettre en forme ?

m8nli9ht commented 3 years ago

j'ai supprimé le style forcé, c'est désormais le style défini par le CSS de Pangloss qui est appliqué au tableau

• © Githubissues.
• Githubissues is a development platform for aggregating issues.

[m8nli9ht]

j'ai supprimé le style forcé, c'est désormais le style défini par le CSS de Pangloss qui est appliqué au tableau