Projet

Général

Profil

Development #48415

arles-2020: rajouter le template et styles pour le champ liste personnalisé

Ajouté par Serghei Mihai il y a plus de 3 ans. Mis à jour il y a plus de 3 ans.

Statut:
Fermé
Priorité:
Normal
Assigné à:
Version cible:
-
Début:
09 novembre 2020
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:
Non

Description

Pour avoir des images pour chaque item de la liste


Fichiers


Demandes liées

Lié à Combo - Development #48413: assets: servir les fichiers du répértoire media si "key" commence par "media:"Rejeté09 novembre 2020

Actions

Révisions associées

Révision f1fb36dc (diff)
Ajouté par Serghei Mihai il y a plus de 3 ans

arles-2020: allow item field customization by adding images (#48415)

Révision 5f4a5b36 (diff)
Ajouté par Serghei Mihai il y a plus de 3 ans

arles-2020: trigger 'wcs:change' event on list with images (#48415)

Révision 488cc122 (diff)
Ajouté par Serghei Mihai il y a plus de 3 ans

arles-2020: ignore no values in lists with images (#48415)

Historique

#2

Mis à jour par Serghei Mihai il y a plus de 3 ans

Le libellé des champs affichés et l'image mise en exergue lors de la sélection.

#3

Mis à jour par Serghei Mihai il y a plus de 3 ans

  • Lié à Development #48413: assets: servir les fichiers du répértoire media si "key" commence par "media:" ajouté
#4

Mis à jour par Serghei Mihai il y a plus de 3 ans

Nouveau patch inspiré de template-meetings.html pour accéder aux options de chaque item de la liste, et donc l'url de l'image définie dans la source de données.
Items par défaut disposés par 4 sur une ligne. La classe grid-3 ajoutée au champ permet dispose les items par 3 sur une ligne?

#5

Mis à jour par Frédéric Péters il y a plus de 3 ans

grid-3

Je suggérerais de trouver un nom qui ne soit pas énorme source de confusion avec le système de grille actuel.

#6

Mis à jour par Frédéric Péters il y a plus de 3 ans

Aussi ça m'a l'air pas accessible du tout.

#7

Mis à jour par Serghei Mihai il y a plus de 3 ans

Maintenant on peut naviguer et sélectionner un item avec les touches du clavier.

#8

Mis à jour par Thomas Jund il y a plus de 3 ans

  • `function fill_with_items` n'est pas utilisée
  • Quand tu construis tes items `option`(boucle for ligne 40), tu injectes chaque item au sein de la boucle, ça génère une injection DOM pour chaque item. Il serait préférable de les injecter en une seule fois.
    Par exemple (à tester) :
var $items = $();
for (var i=0; i<options.length; i++) {
  var $item= …
  …
  $items.add($item)
}
$list.append($items);

Et ensuite tu peux remplacer tes sélecteurs `$('#form_{{widget.name}}_images_list li')` par $items.

#9

Mis à jour par Serghei Mihai il y a plus de 3 ans

Yep, bonne idée de construire la liste des items et ajouter tout à la fois. En revanche ça doit être une liste et non objet jquery.

click et keydown bindés à chaque élément de la liste.

#10

Mis à jour par Thomas Jund il y a plus de 3 ans

Bon, mon exemple était n'était pas assez précis
Mais tu peux. Et ça t'évite de binder dans la boucle et de remplacer tous les `$('#form_{{widget.name}}_images_list li')` par `$items`

var $items = $();
for (var i=0; i<options.length; i++) {
  var $item= …
  …
  $items = $items.add($item)
}
$list.append($items);

voir https://codepen.io/Sacripant/pen/VwjOJQp

Et dernière remarque. Si tu mets un $ en préfixes des sélecteurs jQuery, le faire aussi pour `var options` ligne 39 => var $options

#12

Mis à jour par Thomas Jund il y a plus de 3 ans

  • Statut changé de Solution proposée à Solution validée
#13

Mis à jour par Serghei Mihai il y a plus de 3 ans

  • Statut changé de Solution validée à Résolu (à déployer)
commit f1fb36dcd0a2ae06f13905f3b7e9c89bfde741ff (origin/master, origin/HEAD)
Author: Serghei Mihai <smihai@entrouvert.com>
Date:   Mon Nov 9 18:17:36 2020 +0100

    arles-2020: allow item field customization by adding images (#48415)
#14

Mis à jour par Frédéric Péters il y a plus de 3 ans

  • Statut changé de Résolu (à déployer) à Solution déployée

Formats disponibles : Atom PDF