Aide sur du code

A la lecture de ton dernier message tu m’a perdu je ne fais pas le lien !
Peut être parce que je ne suis pas sur le PC, je verrais ceci sur le week-end.

Merci

on a vu précédemment
que se genre d’action intégré une info

pour exemple tu es sur ta tablette qui affiche tes actions time

et via ton téléphone tu changes les heures (ou via scenario)

tu devras actualisé la page du navigateur de ta tablette pour voir le changement

inspiré toi des widgets core

lignes 13,23 et 24
toutes les info intégre l’update

#state# a été remplacé par _options.display_value

Bonjour,

Je prends le sujet à la fraicheur du matin :wink:

Je ne vais pas dire « Ah mais oui c’est bien sûr » mais je pense que j’ai saisi des choses.

J’ai compris le avec jeedom.cmd.execute et celui jeedom.cmd.update
On y ajoute à ces fonctions des options pour décrire ce que l’on souhaite qu’il se passe : c’est ça ?

Ce que je n’arrive pas à saisir c’est plus les class !
Dans le code que j’utilise à date il y a

class="cmd cmd-widget reportModeHidden"

et dans celui qui tu m’avais proposé il y a

class="tooltips cmd cmd-widget"

Si je me trompe pas c’est la même sur la nature du contrôle

class='btn btn-success btn-xs execute cmdName'

et

class="cmdName"

Où est ce que je peux trouver ce à quoi cela correspond ? et ce qu’il existe aussi ?

Car dans une précédente tentative d’adaptation il a fallu que je change en partant du code du core comme ceci avec jerome à la fin pour l’utiliser dans

class="action jerome">#name_display# </a>

J’ai l’impression que c’est plus cette partie (de manière générale) aujourd’hui que je n’arrive pas à saisir la construction et surtout ce à quoi cela correspond.
Où est-ce que je peux trouver de quoi me documenter sur ce point et donc comprends un peu mieux le sujet ?

oui.

les class
exemple de formation

tu as des vidéos YouTube aussi

(de ma compréhension sauce école de la vie)

entre celles des dépendances (jquery, …) du navigateur, que jeedom se resert en modifiant l’utilisation (fonction) ou style voir qu’il créé pour son besoin. et tous cela s’entre croise.

ex tooltips
c’est le petit pop up quand tu pointes ta souris dessus
c’est une class de navigateur
que jeedom modifie (ou pourrait) avec le style du thème.
elle pourrait être inutile là

exemple ton input
input-sm
c’est ton navigateur aussi
mais en plus bootstrap
sm c’est la taille
bootstrap peux en modifie l’apparence (police de caractère, fond, …)
et jeedom par dessus pourrait encore le faire.

il y a des class de style, de fonction, avec aux appel dépendances, et personnels
le tous se mélange d’où la difficulté de savoir parfois qui prédomine.

exemple ton sm

Bonjour

Entre deux journée de travail j’ai pris le temps de lire avec attention le cours de Pierre Giraud sur .class et #id super intéressant !
J’ai l’impression d’être un peu moins couillon :smiley:

Je vais maintenant passer du temps à examiner les 2 codes pour mieux en comprendre le fonctionnement.

En // je fais un peu d’OpenClassRoom, je tente de comprendre tes explications sur le cas concret, je bosse en faisant un peu de PowerBI et PowerApps et si oui je dors quand même :grin:

Merci en tout cas j’avance en compréhension de jour en jour je ne dis pas que je pourrais comment à produire les éléments mais déjà je ne lis pas de la même façon le code aujourd’hui

Quand je regarde les cours de Pierre Giraud il faut que je regarde :

  • Apprendre à coder en html et css
  • Apprendre à utiliser le framework Bootstrap
  • Apprendre à utiliser la bibliothèque jquery

Ou il y a d’autre chapitre à voir en plus ?
Je sais que c’est pas tout à faire en même temps mais c’est pour me faire un programme d’apprentissage.

je ne peux pas réellement te conseillé, chacun évolue différemment
perso j’apprend sur le tas dans différent domaine. besoin de mise en pratique

survole en 3éme le framework Bootstrap.
le JavaScript est plus important (ex variable)

Ok

J’aimerais pour le plaisir d’avancer modifier des éléments simples et de comprendre chaque élément du code pour agir dessus.

Ex: modification du bouton simple action mais déjà vue avec Domotech
Je vais en prendre un autre
Où est ce que je peux trouver la liste des #xxxx# de jeedom, je n’arrive pas à la trouver dans la doc !

Merci

c’est en te baladant dans le core
de mémoire il ny en a pas énorme
les widget core les utilises toutes

maintenant tu peux en créé
et si c’est des fonctions (voir plus bas)
mais je t’invite à rester sur les bases (activer console, variable,…)
avant d’aller dans l’api js

le lien widget historique min/max montre sommairement la méthode (retour console)

Bon j’avance pas très vite mais je suis arrivé à passer de la gauche à la droite :
image

Je n’arrive pas à agrandir en largeur le bouton rouge, il y a encore des éléments que je n’ai pas compris c’est certain :slight_smile:

<div class="cmd cmd-widget reportModeHidden" data-type="action" data-subtype="message" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#">
  
	<input type="time" class="form-control input-sm message" data-cmd_uid="#uid#" data-cmd_id="#id#" step="60" value="#state#">
   
 <center><a class="btn-xs execute cmdName valider">#valueName#</a> </center> 

  <style>
  .valider{
      width: 100px;
      height: 20px;
      background-color: red!important;
      color: white!important;
      border-radius: 25px;
      }
  </style>
    
	<script>
		$('.cmd[data-cmd_uid=#uid#]:last .execute').on('click', function() {
			jeedom.cmd.execute({id: '#id#', value: {message: $('.cmd[data-cmd_uid=#uid#] .message').value()}});
		});		
	</script>

</div>

recherche btn-xs sur le net
c’est comme ton input-sm (bootstrap)

tu peux t’en passe pour personnaliser en css afin de t’en passer

Oui j’ai ôté ces deux éléments mais cela ne faisait rien de particulier !
et je n’ai rien trouvé pour changer la couleur de fond par exemple.
Le format d’origine du core passe par dessus semble t il

Et bien juste pour vous dire que je comprends les premiers cours réalisés en ligne.
Par contre je n’arrive toujours pas à comprendre en ce bout de code et encore moins à modifier l’apparence de ce que je souhaite !

Il semble qu’il y a toujours l’apparence du core qui passe par dessus ce que je mets :frowning:

C’est la loose