Project

General

Profile

Anomalie #22551

NG : le clic sur une catégorie positionne l'affichage trop bas

Added by Renaud Dussol over 6 years ago. Updated about 6 years ago.

Status:
Fermé
Priority:
Normal
Assigned To:
Target version:
Start date:
12/20/2017
Due date:
% Done:

100%

Distribution:

Description

Sur les templates de base X3, en mode catégories séparées, le clic sur une catégorie fait basculer l'affichage sur l'intitulé de cette catégorie.

Ce qui était sans doute une louable intention au départ provoque en fait des problèmes :

- Ce saut est gênant pour les utilisateurs qui le perçoivent comme un dysfonctionnement. Il arrive souvent avec un certain retard, alors que les utilisateurs s'étaient déjà positionnés pour cliquer sur une application.
- Il fait disparaître de l'affichage "Mes favoris" alors que c'est la seule catégorie qui reste en fait disponible hors de la catégorie sélectionnée.
- Parfois (et c'est bien sûr le plus gênant) il se positionne trop bas et du coup la catégorie elle-même n'est pas visible. (cf copie écran METICE) Pb de recalcul de la taille fenêtre ?

Visiblement, les comportements dépendent de la résolution de l'écran, du navigateur, de l'espcace occupé par les différents frames, etc... (voir ci-dessous)

Je copie colle ici un retour d'utilisateur (de la DSI) :

"Affichage qui saute (avec Chrome), je suis dans mes services, je vais bien haut pour voir la phrase au-dessus sur les favoris, je clique sur Annuaires (ou autre chose), le nouveau "cadre" s'affiche normalement et quelques instants (une seconde ?) après, le cadre se positionne en haut au niveau de la barre rose sous "Favoris".
C'est peut-être fait exprès mais dans ce cas il ne faudrait pas ça se voit autant.
Sous Firefox pareil mais moins de décalage. Chez Cédric ça ne le fait pas du tout et finalement, ça ne fait ça que sur mon écran de droite (1680x1050), pas celui de gauche (1920x1080)."

J'ai réussi à reproduire le 3eme point (le plus gênant, positionnement trop bas) sur METICE, je joins l'image

Pour moi ce repositionnement n'est pas essentiel, je vais donc chercher à le supprimer complètement. Je ne sais pas s'il est lié au template ou pas. Si c'est le cas, pas de pb, je le supprime de mon template, mais peut-être faudra-t-il que tu le règles pour METICE. Si ce n'est pas le cas, il faut voir si on peut corriger le comportement.

Il me semble que le simple fait de faire disparaître "Mes favoris" de l'affichage réglerait tous les problèmes puisque dans ce cas, seule subsisterait la catégorie sélectionnée.

metice_mauvais_positionnement.png View (243 KB) Renaud Dussol, 12/20/2017 04:04 PM

click_categorie.png View (81.7 KB) Christophe LEON, 02/02/2018 08:28 AM

History

#1 Updated by Renaud Dussol over 6 years ago

Je pense avoir trouvé le coupable :

dans ng/public/elements/edispatcher-ressources/edispatcher-applications.html

l. 256 :

    if ($cible && $cible.offset() ) $('html, body').animate({ scrollTop: $cible.offset().top + 100 }, 10);

Si je commente cette ligne le comportement incriminé disparaît instantanément.
Il faut donc trouver un moyen d'annuler l'exécution de ce animate si vous tenez à conserver cela à la Réunion, ou bien l'effacer complètement si c'est une scorie qui n'a plus lieu d'être.

NB : j'avais également commenté :

    if ($("#"+key).offset()) {
              $('html,body').animate({scrollTop: $("#"+key).offset().top},'slow');
          }

dans ng/public/elements/edispatcher-ressources/edispatcher-categories.html

Je vais le décommenter pour voir si ce code seul a une incidence

#2 Updated by Renaud Dussol over 6 years ago

Lignes décommentées dans ng/public/elements/edispatcher-ressources/edispatcher-categories.html, pas d'incidence
Donc le code posant problème est bien la ligne 256 de edispatcher-applications.html

#3 Updated by Renaud Dussol over 6 years ago

  • Assigned To changed from Christophe LEON to Renaud Dussol

Je m'assigne la demande afin de réaliser plus de tests car je n'ai pas réussi à reproduire lors de l'entretien tel

#4 Updated by Christophe LEON over 6 years ago

  • File click_categorie.png View added
  • Status changed from Nouveau to A étudier
  • Assigned To changed from Renaud Dussol to Christophe LEON

Pb non reproduit effectivement

et Si je commente la ligne 256 et que la personne dispose de bcp de favoris et d'un petit écran (en hauteur)
Le click sur une catégorie garde les favoris et du coup n'affiche pas la catégorie sélectionnée qui est en bas des favoris

Solution : pour éviter ce pb de scroll, c'est de masquer les favoris et de n'afficher que la categorie selectionnée

#5 Updated by Renaud Dussol over 6 years ago

Je suis OK avec la solution proposée : masquer les favoris et n'afficher que la catégorie demandée

#6 Updated by Renaud Dussol over 6 years ago

  • Status changed from A étudier to Résolu
  • % Done changed from 0 to 100

Pour résoudre ce problème, le mieux est donc de masquer les favoris lorsqu'une catégorie est sélectionnée
Pour cela il faut modifier le template :

Ajouter le bout de code JS suivant (dans la section <script> finale):

    $(window).on("edispatcher_categories_selected", function(e,data){
       if (data.key == "FAVORIS" || data.key == "TOUS" ) {
           $("#listeDesFavoris").show();
       } else {
           $("#listeDesFavoris").hide();
       }
    })

Ensuite remplacer la ligne :

<edispatcher-favoris id="listeDesFavoris" with-dropzone></edispatcher-favoris>

par :


<edispatcher-favoris id="listeDesFavoris"></edispatcher-favoris>
<edispatcher-favoris-dropzone class="big"></edispatcher-favoris-dropzone>

Ce qui a pour effet de sortir la dropzone de la liste des favoris (sinon elle ne s'afficherait pas lorsqu'on aurait sélectionné qu'une catégorie et on ne pourrait pas faire glisser un élément dans les favoris), tout en gardant le même visuel, car elle s'affiche juste en dessous.

#7 Updated by Christophe LEON about 6 years ago

  • Target version set to Envole 5.8

#8 Updated by Arnaud FORNEROT about 6 years ago

  • Status changed from Résolu to Fermé

Also available in: Atom PDF