Projet de mise à jour des listes de mods IE

[Freddy_Gwendo]

De mon côté, j'ai trouvé une technique différente qui n'utilise pas h5 (pratique pour le modèle de readme de LCC).

Faudra choisir quel formatage afficher.

[Selphira]

Hello, pour que les utilisateurs puissent plus facilement trouver les mods qui concernent la version du jeu qu'ils utilisent, je propose d'ajouter un filtre sur la colonne Jeux.

Cela pourrait ressembler à ceci (POC): https://jsfiddle.net/3jw90g2n/4/

Si c'est ok, je pense qu'on peut l'améliorer en un seul filtre tout en haut de la page qui filtrera l'ensemble des tableaux directement.

[Freddy_Gwendo]

Excellente idée. Surtout pour trier l'ensemble des tableaux. Faudra juste fignoler le style, mais c'est un détail.

[jazira]

Je pense que l'idée de Freddy est de séparer un peu les infos dans le tableau par catégories, afin d'améliorer un peu la visibilité.

Je parlais des traits extérieurs de la colonne "jeux". Là, il y a une "cassure" de 0.10mm entre "mod", "jeux" et "traducteur", je trouve ça étrange. Après les goûts et les couleurs...

Et puis je suis vexé, j'propose une fonction "sort by", personne ne bronche ; Selphira débarque et propose exactement la même chose et là c'est une excellente idée.

Caca, j'vais bouder dans mon coin. (((((((((

[Selphira]

J'ai fait une adaptation afin que cela fonctionne sur tous les tableaux : https://jsfiddle.net/suvkcobL/1/
Libre à vous de trouver une meilleure mise en forme, je suis nulle dans ce domaine

Les règles nécessaires au bon fonctionnement (j'ai fait avec l'existant, il est évidemment possible de changer cela)
- Les tableaux contenant les listes de mods doivent utiliser la classe "tableau"
- Les cellules contenant le nom d'un jeu doivent utiliser la classe "jeu"

@jazira Tu as proposé un sortBy (Trier les éléments dans un ordre défini, tous les éléments restent visibles), ma proposition est un filterBy (Filtrer les éléments pour n'afficher que ce qui intéresse le joueur). Les 2 propositions sont différentes, mais elles peuvent très bien fonctionner de concert.

[Freddy_Gwendo]

Merci !

J'avais avancé de mon côté et attendais d'avoir quasi terminé pour me lancer dans le filtre sur tous les tableaux. J'avais déjà modifié ma présentation pour que les colonnes de jeu utilisent la même classe et fait un test sur le tableau quêtes : ça fonctionnait.

Voici un premier jet. Tout n'est pas terminé, mais c'est l'idée. Au passage, il faudra faire une page par jeu (BG, BG2, IWD, PsT) parce que sinon, ça va devenir impossible à maintenir.

Seule la section BG2 est consultable. Il reste encore quelques tableaux à renseigner et à supprimer tout ce qui concerne BG1.

Édit : impossible de trouver un logo TeamBG...

[Selphira]

J'ai du mal avec ces couleurs pour le nom des mods, je trouve le tableau peu agréable à lire.

Ne pourrait-on pas remplacer ce code couleur par une icône devant le nom du mod ? Icône qui pourrait reprendre la couleur du texte.

Par exemple :
https://materialdesignicons.com/icon/ch ... le-outline : Traduit et à jour
https://materialdesignicons.com/icon/progress-clock : En cours de traduction
https://materialdesignicons.com/icon/ch ... us-outline : Traduit, mais nécessite une mise à jour ou une "traification"

Ou peut-être changer le fond pour utiliser celui du forum, car sur le forum ces couleurs sont agréables.

[Freddy_Gwendo]

Pourquoi pas.

Mais comme cette liste concerne les traductions, on pourrait se contenter des seules icônes "en cours" ou "à mettre à jour". Les autres mods étant de facto traduits et à jour. Ce qui allègerait le tableau.

Par ailleurs, autant utiliser des icônes plus visuelles pour qu'elles sautent au yeux.

Quant à la skin, c'est celle d'origine du fofo (BG1). Tu fais sans doute référence à la skin BG2. Perso, je ne l'aime pas et trouve l'ancienne plus "élégante", mais si tout le monde la préfère... Je n'aurais qu'à utiliser le modèle de skin bg2 qui existe déjà.

[Freddy_Gwendo]

Essai d'icônes ici.
Normalement, les mods traduits et disponibles ne devraient pas en avoir.

[deratiseur]

Nanstein, Planar Sphere Teleporter et surement d'autres : il manque "Seule la version de LCC est compatible EE." ou un lien vers la version plus récente.

Description du DUKP : Deratiseur ne prend pas d'accent.

[jazira]

@jazira Tu as proposé un sortBy (Trier les éléments dans un ordre défini, tous les éléments restent visibles), ma proposition est un filterBy (Filtrer les éléments pour n'afficher que ce qui intéresse le joueur). Les 2 propositions sont différentes, mais elles peuvent très bien fonctionner de concert.

Oui, bon, c'est pas bien différent. Et t'inquiète pas, c'est pas le fait que tu aies proposé quelque chose qui est vexant, loin de là. Mais la réaction à ladite proposition qui était, en soi, très semblable à une autre mais qui n'a suscité aucune réaction.

Nanstein, Planar Sphere Teleporter et surement d'autres : il manque "Seule la version de LCC est compatible EE." ou un lien vers la version plus récente.

Description du DUKP : Deratiseur ne prend pas d'accent.

Merci pour ces remarques, mais du coup... je sais pas bien quoi faire pour l'instant. Je n'ai plus vraiment la main sur ce sujet.

D'ailleurs derat', j'ai pas l'impression que l'on ai fait une annonce digne de ce nom pour la sortie de la traduction d'Ascalon's Quest Pack (release depuis le temps). Tu veux la faire ?

[Freddy_Gwendo]

Désolé, mais je me suis avant tout concentré sur la présentation du tableau. Comme le filtre nécessitait un langage différent du code HTML, je l'avais gardé pour la fin. Mais Selphira m'a forcé la main en proposant son code.

De même, j'ai mis de côté les mods sur la page de derat en prévoyant de mettre à jour leur description en une seule fois.

Je vais terminer le tableau pour BG2 en incluant temporairement les mods non traduits. Raison : pour que les spoilers fonctionnent, ils doivent être numérotés et porter chacun un nom différent. En listant l'ensemble des mods, je peux éviter les doublons.

Sinon, un retour sur les icôneset sur la skin ? J'ai ma petite idée sur les icônes que je souhaite utiliser, mais comme c'est une question de goût... Quant à la skin, je peux la changer à tout moment.

[Mornagest]

Les icônes ne sont pas forcément toutes très parlantes : pourquoi cette croix rouge, par exemple ? Ou cette croix verte ?

Le plus évident serait d'afficher un texte flottant au survol de la souris pour que le lecteur comprenne directement le sens de l'icône.

Concernant la skin, c'est vraiment affaire de goût, donc bon... le plus important est que ça reste clair et lisible, et c'est le cas

[jazira]

Les icônes ne sont pas forcément toutes très parlantes : pourquoi cette croix rouge, par exemple ? Ou cette croix verte ?

Le plus évident serait d'afficher un texte flottant au survol de la souris pour que le lecteur comprenne directement le sens de l'icône.

+1, j'avoue ne deviner que la moitié de la signification de ces nouvelles icônes.

Et je suggère de mettre la totalité des textes de description en spoiler, pour alléger et uniformiser l'ensemble.

[Freddy_Gwendo]

Ceci sera peut-être plus clair.

Sinon, pour les spoilers, c'est assez pénible à écrire. Pour faire simple :

Affichage sans spoiler :

Code : Tout sélectionner

<td style="padding-left:10px;padding-right:10px;text-align: justify;line-height: 160%">[240] Ce mod installe des portraits alternatifs pour chaque PNJ recrutable de Baldur's Gate et de Baldur's Gate II, ainsi que pour certains PNJ de mods. Ils peuvent aussi être utilisés par votre personnage.</td>

Affichage avec spoiler :

Code : Tout sélectionner

<td style="padding-left:10px;padding-right:10px;text-align: justify;line-height: 160%">
  <form id="formulaire">
	<label for="desc-240"><strong>  <span style="color: #FFCC33;">►</span> Description</strong></label>
	<input type="checkbox" name="desc-240" id="desc-240"/>
	<div class="contenu">
	  <p style="width:100%;">Ce mod installe des portraits alternatifs pour chaque PNJ recrutable de Baldur's Gate et de Baldur's Gate II, ainsi que pour certains PNJ de mods. Ils peuvent aussi être utilisés par votre personnage.</p>
	</div>
  </form></td>

Raison pour laquelle je m'en suis passé pour le moment pour les descriptions ne dépassant pas deux lignes. Par ailleurs, cliquer sur un spoiler qui n'affiche qu'une ligne ou deux peut vite devenir pénible pour quiconque ne connait pas forcément les mods concernés.
Ceci dit, comme le reste de la présentation, je ne m'accroche pas à ce principe, tout peut être modifié au moment de la finalisation. C'est juste que c'est plus facile à écrire pour un premier jet.

[deratiseur]

Est-ce envisageable un macro qui permettent de classer par colonne : je veux dire que là les modules sont rangés pas ordre alphabétique, mais il serait plus simple de pouvoir les classer par "BG2/GBT" seulement, "BG2EE sans EE" ou "Toute plateforme" avec un bouton à cliquer.

[Freddy_Gwendo]

Tu l'as en haut de page.

[jazira]

Ceci sera peut-être plus clair.

Mon avis pour les icônes (je suppose qu'il faut faire un choix) : Mod en cours de traduction 4 & Mod traduit, mais nécessitant une mise à jour 2

Et puis les ajouter dans la légende.

Légende :

Bleu : Fini / Mod ne nécessitant pas de traduction // d'ailleurs, existe-t-il les mêmes icônes avec un fond bleu ?
Vert : En cours
Rouge : Traduit, mais nécessite une mise à jour ou une "traification"

Sinon, pour les spoilers, c'est assez pénible à écrire. Pour faire simple :

Affichage sans spoiler :

Code : Tout sélectionner

<td style="padding-left:10px;padding-right:10px;text-align: justify;line-height: 160%">[240] Ce mod installe des portraits alternatifs pour chaque PNJ recrutable de Baldur's Gate et de Baldur's Gate II, ainsi que pour certains PNJ de mods. Ils peuvent aussi être utilisés par votre personnage.</td>

Affichage avec spoiler :

Code : Tout sélectionner

<td style="padding-left:10px;padding-right:10px;text-align: justify;line-height: 160%">
  <form id="formulaire">
	<label for="desc-240"><strong>  <span style="color: #FFCC33;">►</span> Description</strong></label>
	<input type="checkbox" name="desc-240" id="desc-240"/>
	<div class="contenu">
	  <p style="width:100%;">Ce mod installe des portraits alternatifs pour chaque PNJ recrutable de Baldur's Gate et de Baldur's Gate II, ainsi que pour certains PNJ de mods. Ils peuvent aussi être utilisés par votre personnage.</p>
	</div>
  </form></td>

Je te donnerai un coup de main pour ça, si tu veux. (Et d'autres choses... plus tard.) Il faut un id différent pour chaque spoiler ?

Maintenant qu'on approche d'une version HTML proche d'être finale (en tout cas pour le design), comment procéder pour la version forum ? Je suppose qu'on ne peut pas faire un banal copier/coller et qu'il va falloir adapter.

[Freddy_Gwendo]

Mon avis pour les icônes (je suppose qu'il faut faire un choix) : Mod en cours de traduction 4 & Mod traduit, mais nécessitant une mise à jour 2

Et puis les ajouter dans la légende.

Légende :

Bleu : Fini / Mod ne nécessitant pas de traduction // d'ailleurs, existe-t-il les mêmes icônes avec un fond bleu ?
Vert : En cours
Rouge : Traduit, mais nécessite une mise à jour ou une "traification"

C'était prévu.
En fait, tu as choisi les mêmes que moi. Mais on va attendre un peu pour voir s'il y a des avis différents.
L'avantage des icônes des mods traduits, c'est que ce sont des caractères UTF-8 (pas d'icônes). Mais si quelqu'un m'en trouve en bleu, pourquoi pas.

Je te donnerai un coup de main pour ça, si tu veux. (Et d'autres choses... plus tard.) Il faut un id différent pour chaque spoiler ?

Et oui. Si tu as plusieurs id semblables, le spoiler ouvre la première description du tableau correspondante, pas les autres... D'où le fait que je liste tous les mods, traduits ou pas, avant de pondre le tableau.

Maintenant qu'on approche d'une version HTML proche d'être finale (en tout cas pour le design), comment procéder pour la version forum ? Je suppose qu'on ne peut pas faire un banal copier/coller et qu'il va falloir adapter.

Les seules choses à modifier seront la balise spoiler et les couleurs. Mais ça, ça peut se faire assez rapidement.

Je vais terminer le listing de tous les mods (compliqué avec la fermeture de Beamdog) et proposerai une version complète avant lifting final.

[Mornagest]

Attention que l'HTML n'est pas autorisé sur le forum. Je pense (mais à vérifier) qu'il suffit de rechercher / remplacer les balises du tableau <td> par [td] pour passer en bbcode, mais il y aura sans doute un peu de bidouillage à faire pour que tout soit converti.

[Selphira]

Ceci sera peut-être plus clair.

Sinon, pour les spoilers, c'est assez pénible à écrire. Pour faire simple :

Affichage sans spoiler :

Code : Tout sélectionner

<td style="padding-left:10px;padding-right:10px;text-align: justify;line-height: 160%">[240] Ce mod installe des portraits alternatifs pour chaque PNJ recrutable de Baldur's Gate et de Baldur's Gate II, ainsi que pour certains PNJ de mods. Ils peuvent aussi être utilisés par votre personnage.</td>

Affichage avec spoiler :

Code : Tout sélectionner

<td style="padding-left:10px;padding-right:10px;text-align: justify;line-height: 160%">
  <form id="formulaire">
    <label for="desc-240"><strong>  <span style="color: #FFCC33;">►</span> Description</strong></label>
    <input type="checkbox" name="desc-240" id="desc-240"/>
    <div class="contenu">
      <p style="width:100%;">Ce mod installe des portraits alternatifs pour chaque PNJ recrutable de Baldur's Gate et de Baldur's Gate II, ainsi que pour certains PNJ de mods. Ils peuvent aussi être utilisés par votre personnage.</p>
    </div>
  </form></td>

Raison pour laquelle je m'en suis passé pour le moment pour les descriptions ne dépassant pas deux lignes. Par ailleurs, cliquer sur un spoiler qui n'affiche qu'une ligne ou deux peut vite devenir pénible pour quiconque ne connait pas forcément les mods concernés.
Ceci dit, comme le reste de la présentation, je ne m'accroche pas à ce principe, tout peut être modifié au moment de la finalisation. C'est juste que c'est plus facile à écrire pour un premier jet.

Il est possible d'ajouter les balises spoiler dynamiquement, tu écris ton tableau sans les spoilers, et un petit code javascript se chargerait d'ajouter les balises nécessaires sur l'ensemble des cellules de la colonne.

[Freddy_Gwendo]

Il est possible d'ajouter les balises spoiler dynamiquement, tu écris ton tableau sans les spoilers, et un petit code javascript se chargerait d'ajouter les balises nécessaires sur l'ensemble des cellules de la colonne.

Ça aurait été une bonne idée, mais malheureusement, je me suis déjà tapé la manip manuellement. Mais je retiens ton offre.

Voici la dernière version mise à jour jusqu'aux mods d'objets (inclus) : j'ai recensé tous les mods existants, mis à jour les liens quand nécessaire, retrouvé des liens de téléchargement perdus, et vérifié les trads qui trainaient. J'ai aussi raccourci le temps d'affichage des spoilers et ajouté plusieurs logos. J'ai aussi permis de changer de filtre sur chaque tableau.

Il reste des travaux de vérif à finaliser, d'autres mods à recenser, des descriptions à compléter, mais c'est sur la bonne voie (j'écrit en parallèle les versions pour BG, IWD et PsT).

Par contre, je serais preneur de logos sympas pour TeamBG et surtout d'un qui permettrait de comprendre immédiatement qu'un mod pose problème (installation spéciale ou autre...).

[Le Marquis]

Par contre, je serais preneur de logos sympas pour TeamBG et surtout d'un permettrait de comprendre immédiatement qu'un mod pose problème (installation spéciale ou autre...).

Pourquoi ne pas mettre la même icone "v blanc dans une case verte" pour les mods traduits et les mods ne nécessitant pas de traduction ?
Pourquoi ne pas utiliser l'icone classique du panneau triangulaire avec point d'exclamation pour indiquer qu'un mod pose problème ?
Si tu ne trouves pas d'icone pour team baldur's gate, tu peux en créer une avec simplement "TBG" dessus.

[Freddy_Gwendo]

Version avec 157 mods de kits recensés. Pas mal restent à renseigner because Beamdog hors service. J'ai aussi récupéré pas mal de liens morts ou disparus. Et une petite icône maison pour TBG.

Pour la mise en forme finale, Le Marquis, on verra une fois que les tableaux seront terminés et selon vos souhaits.

[Freddy_Gwendo]

Le forum Beamdog étant (enfin...) de retour, je peux terminer la liste.

En attendant, j'ai bien avancé et ai transféré les fichiers sur un autre repo.

Voici ce que ça donnera au final. Avec une version spéciale jazira.

[JohnBob]

Salut,

Impressionnant travail, ça devient bien plus qu'un état de traduction des mods.

Juste une remarque personnelle, cette croix rouge choisie pour les mods ne nécessitant pas de traduction ne me paraît pas nécessaire et surcharge le tableau (la couleur du texte et la phrase explicative dans la colonne auteur, font bien le boulot).

[Freddy_Gwendo]

Elle est verte !

Ceci dit, elle a été rajoutée à la demande de certains qui ont des problèmes de vision et souhaitaient avoir un signe facilement identifiable.

Sinon, j'ai rajouté un drapeau français pour les mods français. Pour l'instant, il est dans la colonne traduction, mais je pourrais le déplacer devant le nom du mod. Et pourquoi pas l'utiliser pour tous les mods traduits...

[JohnBob]

Je la voit rouge sur mon PC et verte sur le Smartphone...
[ATTACH=CONFIG]13611[/ATTACH]

Sur un autre sujet :
J'ai fait une petite relecture de Thael, si tu veux jeter un coup d’œil...

[deratiseur]

Superbe liste bien pratique, beau travail, comme d’habitude avec Freddygwendo.

Mais il faudrait créer un topic qui lui est dédié pour parler des corrections à lui apporter (indépendantes des traductions) -> par exemple SCS n'est pas compatible avec IWD/EE.

[Sanctifer]

Le forum Beamdog étant (enfin...) de retour, je peux terminer la liste.

En attendant, j'ai bien avancé et ai transféré les fichiers sur un autre repo.

Voici ce que ça donnera au final. Avec une version spéciale jazira.

Mon grain de sel, mais selon moi la version que tu appelles "spéciale jazira" est beaucoup moins fatigante pour les yeux comparée à la version avec le fond "gris plein".
(Et sinon, incroyable boulot, c'est fou)