Triage alphabétique vertical des colonnes avec des checkboxes dans l'onglet produit

[alemangui]

Lié à #994

Contexte

L'ordre alphabétique des checkboxes a été rémonté comme problème plusieurs fois. Aujourd'hui la lecture est horizontale alors que les personnes s'attendent à l'avoir en vertical. Capture d'écran aujourd'hui :

Scope

Le placement d'éléments côté HTML se fait de façon horizontale, donc on doit manipuler le tableau pour que le placement change.

Par exemple, le tableau trié [0, 1, 2, 3, 4, 5, 6, 7, 8] en trois colonnes s'afficherait :

0, 1, 2
3, 4, 5
6, 7, 8

Or, il faudrait transformer ce tableau à [0, 3, 6, 1, 4, 7, 2, 5, 8] pour pouvoir l'afficher en lecture verticale :

0, 3, 6
1, 4, 7
2, 5, 8

La fonction transformArrayByColumn se charge de ceci.

De plus, il faut savoir sur quel breakpoint on se trouve pour connaître le nombre de colonnes et donc transformer correctement le tableau. La fonction getCurrentBreakpoint se charge de cela.

En alimentant cette fonction dans le watcher pour la dimension de la fenêtre, on affiche le bon ordre même lorsque la fenêtre est redimensionnée.

Démo