Réduire les valeurs des échelles des widgets de température

GBoulvin · Octobre 29, 2023, 8:01

Feature description
Actuellement, le widget ‹ température de la pièce › change de couleur en fonction de seuils standards ou personnalisés.
Malheureusement, seul un écart de 10°C minimum peut être défini.
Ne pourrait-on accepter des écarts plus petits étant donné que par exemple, dans le salon, une température idéale serait comprise entre 19 et 23°C plutôt qu’entre 17 et 27 (18-28, 19-29…) tel que possible actuellement ?

cicoub13 · Octobre 29, 2023, 8:20

Je pensais que c’était un bug, mais c’est volontaire. Donc très bonne idée.

github.com

GladysAssistant/Gladys/blob/45c2f076841b25c00deb3cb8e74bf6ef5836d532/front/src/components/boxs/room-temperature/EditRoomTemperatureBox.jsx#L54


      
                  thumbClassName="temperature-slider-thumb"
                  trackClassName="temperature-slider-track"
                  defaultValue={[props.temperatureMin, props.temperatureMax]}
                  renderThumb={(props, state) => (
                    <div {...props}>
                      <Text id="global.degreeValue" fields={{ value: state.valueNow }} />
                      <Text id={`global.${unit}`} />
                    </div>
                  )}
                  pearling
                  minDistance={10}
                  max={unit === DEVICE_FEATURE_UNITS.CELSIUS ? 50 : 122}
                  min={unit === DEVICE_FEATURE_UNITS.CELSIUS ? -20 : -4}
                  onAfterChange={props.updateBoxValue}
                  value={[props.temperatureMin, props.temperatureMax]}
                  disabled={!(props.box.temperature_use_custom_value || false)}
                />
              </div>
            </BaseEditBox>
          );

pierre-gilles · Octobre 30, 2023, 8:45

@Lokkye Tu te souviens pourquoi tu as mis une distance minimale de 10 ?

Lokkye · Octobre 30, 2023, 8:59

@pierre-gilles Sur les petits écrans l’affichage des valeurs passées les unes au dessus des autres et c’était pas bien jolie

pierre-gilles · Octobre 30, 2023, 9:01

Ok ! Est-ce qu’il y a moyen de faire différemment pour que ce soit possible ?

guim31 · Octobre 30, 2023, 9:53

J’avais remarqué la même chose et j’ai l’impression que pour éviter trop de prise de tête il faudrait changer ce slider unique pour en faire 2 :

Seuil bas : de -20 à X (défini par l’utilisateur en bougeant le slider)
Ce slider serait Bleu sur la gauche et vert sur la droite

Et seuil haut : de X à 50
Ce slider serait vert sur la gauche et rouge sur la droite.

Qu’en dites-vous ? Sinon ce sera toujours illisible à mon avis.

Hizo · Octobre 30, 2023, 3:41

Ca serait dommage car il est vraiment sympa visuellement

cce66 · Octobre 30, 2023, 3:54

L’idéal serait de pouvoir définir soi-même le minDistance, le min et le max

guim31 · Octobre 30, 2023, 4:20

Oui mais ça ne résout pas le problème de la lisibilité. Car si les boutons sont proches, alors l’un empiète sur l’autre.
Ou alors il faudrait afficher une valeur au dessus de la barre de slider et l’autre en dessous… mais je suis pas sûr que ce soit très clean niveau UI

spenceur · Octobre 30, 2023, 6:53

Apres ce genre de problématique leboncoin ou se loger (des exemples parmis dautre) gerent avec du double inputs

guim31 · Octobre 31, 2023, 8:42

Le slider avec textes au dessus et en dessous rend plutot bien dans ton exemple je trouve
Ca fait toujours moins austère que des inputs. A voir si ça peut s’intégrer comme il faut dans l’UI de G;adys !

cce66 · Octobre 31, 2023, 9:10

Le range slider est joli (mais il y a t-il des couleurs comme dans les sliders actuels ?)

spenceur · Octobre 31, 2023, 12:16

J’ai l’impression que tu confonds.
Ce nest qu’un exemple de ce qui peut etre fait par de vrais designer. Ce nest pas quelque chose a ajouter en claquant des doigts

En soit, la couleur ce nest que du css, et donc si quelqu’un refait ce type de slider, il aura juste a appliquer le theme souhaité ^^

Jespere que cest un peu plus clair ?

cce66 · Octobre 31, 2023, 12:46

comme c’est pas mon domaine de prédilection le html et le css mais je suis allé regarder les exemples de code, j’ai bien vu que c’était pas juste en claquant des doigts (curieusement c’est en html que c’est le plus simple ) mais cela me paraissait pas trop ardu non plus !
Mais n’ayant pas mis les mains dans le cambouis de Gladys…

spenceur · Octobre 31, 2023, 6:24

Apres cest comme tout ca depend du temps de chacun mais hesite pas si tu veux tenter d’implémenter il y a des gents compétent pour taider

cce66 · Octobre 31, 2023, 7:17

Oula, pour l’instant je me familiarise avec l’environnement et c’est du taf (mes 1ers sites web date un peu…1998 sous frontpage 98, on rigoles pas ! ) mais je tenterais quand même ca peut pas être plus dur que de l’assembleur sous ZX81 !