[DONE] Feature : Add sort videos and improve filters

[pampletousse]

• Add sort for /videos/ and /videos/my/ on date_added, title and duration + asc or desc
• Manage refresh with filters, sort, categories and nextpage
• Add lightweight, reusable and pure css loader
• Add reset btn to filters aside
• Light rework of categories style
• Mutualized code (sort, filters) for 2 screens
• Vanilla js code

[Badatos]

Tu as des erreurs d'accessibilité à corriger :

Errors in http://localhost:9090/videos/:

 • This checkboxinput element does not have a name available to an
   accessibility API. Valid names are: label element, title undefined,
   aria-label undefined, aria-labelledby undefined.

   (#sort_direction)

   <input id="sort_direction" type="checkbox" name="sort_direction"
   class="form-control" style="display:none;">

 • This form field should be labelled in some way. Use the label element
   (either with a "for" attribute or wrapped around the form field), or
   "title", "aria-label" or "aria-labelledby" attributes as appropriate.

   (#sort_direction)

   <input id="sort_direction" type="checkbox" name="sort_direction"
   class="form-control" style="display:none;">

 • This select element does not have a name available to an accessibility API.
   Valid names are: label element, title undefined, aria-label undefined,
   aria-labelledby undefined.

   (#sort)

   <select id="sort" name="sort" class="form-select sort-select"> <option
   value="title">Titr...</select>

 • This form field should be labelled in some way. Use the label element
   (either with a "for" attribute or wrapped around the form field), or
   "title", "aria-label" or "aria-labelledby" attributes as appropriate.

   (#sort)

   <select id="sort" name="sort" class="form-select sort-select"> <option
   value="title">Titr...</select>

[pampletousse]

Un dernier commentaire sur le commit [86dc3c1] : Lorsque qu'on applique des filtres à la liste des videos, puis change de page, puis revient sur la liste en utilisant le bouton "Précédant" du navigateur, seule la liste des vidéos était visible sans le template. En gros la réponse json sur fond blanc, sans style et sans l'interface complète de Pod. Un paramètre relatif au cache dans la fonction fetch (asynchrone javascript) permet d'éviter cela.

[SebastienCozeDev]

@AymericJak et moi avons tester en local. Tout fonctionne correctement.

Il serait intéressant d'effacer le contenu du champ Rechercher dans le filtre par utilisateur lorsque l'on appuie sur le bouton Reset.

Selon nous, il reste quelques petits changement à faire :

• [DONE] Feature : Add sort videos and improve filters #811 (comment)
• [DONE] Feature : Add sort videos and improve filters #811 (comment)

[Badatos]

Cette fois tout est bon pour moi.
Un grand Merci @pampletousse pour cette belle PR qui sera à n'en pas douter très utile !

[SebastienCozeDev]

@AymericJak et moi validons cette PR. Tout fonctionne bien en local de notre côté.

[pampletousse]

@AymericJak @SebastienCozeDev Je viens d'ajouter le comportement que vous vouliez : un reset des champs de recherche par user au click du bouton

[ptitloup]

ok pour moi