[DEV-WIDGETS] Salvialf

[romanais]

Ça a l'air top !!
juste une question car je ne vois pas trop sur ton animation, est-ce que la valeur s'affiche au fur et à mesure sur le curseur que l'on déplace ? (histoire de le lâcher quand on est à la bonne valeur
Énorme boulot en tout cas, merci !

[Salvialf]

Ça a l'air top !!
juste une question car je ne vois pas trop sur ton animation, est-ce que la valeur s'affiche au fur et à mesure sur le curseur que l'on déplace ? (histoire de le lâcher quand on est à la bonne valeur
Énorme boulot en tout cas, merci !

Non pour le moment la valeur est un retour d'état. Par contre effectivement je peux essayer de voir pour ajouter un tooltip qui fait défiler la valeur pendant la sélection comme le widget slider 'core' par défaut.

Peut-être dans un second temps après l'avoir mis à disposition ça fera une évolution

Plus sérieusement je viens de passer pas mal d'heures dessus ces 2 derniers jours et il me reste encore le code à remettre en forme et la doc à préparer donc je pense faire ça d'abord pour le partager rapidement.
Quoi que me connaissant maintenant que tu m'as donné l'idée ça va me travailler jusqu'à temps que je le fasse... Bref ça devrait pouvoir se faire assez vite !

[Theduck38]

Mouarf, je m'abonne !!!
Regarde, le knob, aussi (voir l'autre fil)

J'adore la superposition des curseurs (gros appel du pied) !!!

[Salvialf]

J'adore la superposition des curseurs (gros appel du pied) !!!

Ah oui l'horloge. C'est le seul truc que j'ai même pas regardé... Je viens de le faire ça a l'air jouable à priori c'est que de la mise en page html.

Faut que je teste tout ça sur la V4 avant mais j'y pense du coup grâce à ton subtil appel du pied Par contre dans l'utilisation tu verrais ça pour quel usage ?

[xtrem57]

Hello,

Il est prevu des choses pour la partie mobile (WebApp) ?

[Theduck38]

Ah oui l'horloge. C'est le seul truc que j'ai même pas regardé... Je viens de le faire ça a l'air jouable à priori c'est que de la mise en page html.

Faut que je teste tout ça sur la V4 avant mais j'y pense du coup grâce à ton subtil appel du pied Par contre dans l'utilisation tu verrais ça pour quel usage ?

Je sais pas encore, mais c'est beau !!!

[Salvialf]

Hello,
Il est prevu des choses pour la partie mobile (WebApp) ?

Salut,

Oui c'était prévu.... Je posterai peut-être un truc ici car de toute façon ça m'intéresse d'étudier les différences entre mobile et dashboard.

Cependant une V4 étant dans les tuyaux et ne sachant pas ce qu'elle va conserver ou pas je vais mettre le frein sur le développement de widget pour que ce ne soit pas en pure perte. J'étais content de développer des widgets et j'en avais plein dans les tuyaux mais je serai bien moins content si tout ce travail est réduit à néant dans 6 mois...

[dvb]

Salut @dvb,

Comme promis une solution pour visualiser directement l'info Jour Tempo par la colorisation du texte.

Les widgets n'étant pas modifiables directement sur le plugin Domogeek, il faut dupliquer les commandes dans un virtuel (Type: Info/autre).
Sur la commande 'Jour Tempo' du virtuel (paramètres/code/case 'activer la personnalisation' cochée) tu remplaces le code par:

Code : Tout sélectionner

<div class="tooltips cmd cmd-widget" data-type="info" data-subtype="string" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" style="display: block;">
	<center><span style="font-size : 12px;#hideCmdName#" class="cmdName">#name_display#</span> <strong class="state"></strong></center>
    <span style="font-weight:bold" class="display"></span>
	<script>
		jeedom.cmd.update['#id#'] = function(_options){
			$('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate)
            if (_options.display_value == 'BLEUE') {
            $('.cmd[data-cmd_id=#id#] .display').empty().append('#name#') .css('color','#0000FF');}
      		else if (_options.display_value == 'BLANCHE') {
			$('.cmd[data-cmd_id=#id#] .display').empty().append('#name#') .css('color','#FFFFFF');}
            else if (_options.display_value == 'ROUGE') {
			$('.cmd[data-cmd_id=#id#] .display').empty().append('#name#') .css('color','#FF0000');}
            else {
			$('.cmd[data-cmd_id=#id#] .state').empty().append('#name#'+' '+ _options.display_value);}
			$('.cmd[data-cmd_id=#id#]').removeClass('label label-warning label-danger')
			if(_options.alertLevel == 'warning'){
				$('.cmd[data-cmd_id=#id#]').addClass('label label-warning');
			}else if(_options.alertLevel == 'danger'){
				$('.cmd[data-cmd_id=#id#]').addClass('label label-danger');
			}
		}
		jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
	</script>
</div>

Tu décoches 'Afficher le nom' dans 'longlet 'Affichage' (sinon ça fera doublon).

Salvialf,

Me revoici après upgrade v3.3.19 qui m'a permis de créer le virtuel.


J'ai appliqué le code mais pas de changement de couleur :


Une idée ?

[Salvialf]

Une idée ?

Lol oui une idée à priori C'est "BLEU" sans le "E" final Faudra vérifier pour la valeur BLANC car j'ai mis BLANCHE

Enlève le dernier E à BLEUE dans le code pour voir

EDIT ah non c'est pas ça tu as déjà modifié le code !! T'es sur l'affichage dans une vue là ! Il est sur le dashboard ton widget ? si oui c'est dans la 1ère case que ça se passe

[dvb]

J'ai changé le code car domogeek affiche BLEU sans E. Oui je suis sur le dashboard. Je regarde demain si j'ai mis le code au bon endroit.

Envoyé de mon MHA-L29 en utilisant Tapatalk

[dvb]

J'étais effectivement dans la partie vue => Tout est OK !

[Salvialf]

J'étais effectivement dans la partie vue => Tout est OK !

Cool faudra juste faire gaffe pour les jours en BLANC car j'ai mis BLANCHE mais tu as peut-être déjà modifié ?

[dvb]

J'étais effectivement dans la partie vue => Tout est OK !

Cool faudra juste faire gaffe pour les jours en BLANC car j'ai mis BLANCHE mais tu as peut-être déjà modifié ?

Oui j'avais tout modifié de suite.

[dvb]

En complément, je pense à un autre truc plus lisible quand on est loin du design.

La tuile afficherait "BLANC", "ROUGE ou " BLEU" avec des couleurs de texte et de fond paramétrables. Exemple :
- Période bleue : fond bleu/texte blanc
- Période blanche : fond blanc/texte noir
- Période rouge : fond rouge/texte blanc

Je pense que c'est simple à faire avec des commandes css, mais je suis encore trop débutant. Si tu arrives à coder, avec cet exemple et le précédent, je crois que j'arriverai à comprendre les rouages.

Rien d'urgent, seulement si tu trouves du temps.

A+

[Salvialf]

Pour info je me suis mis à faire des horloges ce soir pis comme j'arrive pas à me décider bah j'en fais plein! Du coup il va y avoir l'embarras du choix sur les horloges bientôt

Hello,
Je suis curieux de savoir si tu sauras afficher les secondes (mais c'est peut-être trop lourd pour Jeedom)

Pas de problème les secondes s'affichent nickel!

[romanais]

Merci pour le boulot Salviaf, on voit que t'es bien rémunéré pour abattre tout ce taf
Courage

[Salvialf]

Merci pour le boulot Salviaf, on voit que t'es bien rémunéré pour abattre tout ce taf
Courage

Je me paye en nouvelles connaissances !!

Depuis le temps que je voulais apprendre à programmer un minimum je ne vais pas m'arrêter en si bon chemin. Et c'est un vrai bonheur d'apprendre un peu + chaque jour

[Salvialf]

Et de une !!! Directe sur mon design

[romanais]

(obligé de mettre du texte sinon je ne peux pas valider mon super post )

[dvb]

Et de une !!! Directe sur mon design

Génial, c'est exactement ce que je recherche : lisible et épuré.
Et avec les secondes en plus ! J'ai hâte de tester...

PS : on ne t'arrête plus, et ce n'est pas plus mal