[DESIGN] Ajouter commande seule avec widget tiers

Salvialf · Avril 20, 2020, 11:12

Je n’avais pas eu l’occasion d’essayer auparavant mais sur ces widgets par exemple j’ai ce comportement:

Salvialf/JEEDOM-Widget-ShutterSlider/blob/master/cmd.action.slider.ShutterSlider.html

<div class="shutterSlider cmd cmd-widget" data-type="action" data-subtype="slider" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
 <!-- ############ ShutterSlider ##############
 ********* Paramètres Optionnels ********* 
 height = hauteur de l'image en pixels (90 par défaut)
 width = largeur de l'image en pixels (90 par défaut)
 image = nom de l'image de fond (baie_blanc par défaut)
** bay_white|bay_white2|bay_black|bay_black2|bay_wood|bay_wood2|window|window1,2,3,4|velux|garage|garage1,2,3 **
 handle = couleur du sélecteur (light | wood | dark par défaut)
 lames = couleur des lames (wood | dark | light par défaut)
 offset = valeur du pourcentage de décollement (désactivé par défaut)
 invert = inverser la position (1 | on | désactivé par défaut)
 position = désactiver l'affichage de la position (off | on par défaut)
 time = affiche la durée (duration | date | hour | off par défaut)
 CSS-time = personnalisation time en CSS
 ########### by @SALVIALF ;) ############# -->
   <div class="title #hide_name#">
    <div class="cmdName">#name_display#</div>
  </div>
    <div id="shutterSlider" class="square" value="#state#">
  	  <span class="ui-slider-handle"></span>

This file has been truncated. show original

ou

github.com

Salvialf/JEEDOM-widget-GaugeIMG/blob/master/V4/cmd.info.numeric.gaugeIMG.html

<div class="cmd cmd-widget tooltips #history#" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#">
<!-- ################ gaugeIMG ################ 
 ********** Paramètres Optionnels ********* 
 mini = borne minimum (valeur mini de la commande par défaut)
 maxi = borne maximum (valeur maxi de la commande par défaut)
 colJauge = couleur de la jauge (bleue par défaut)
 colAiguille = couleur de l'aiguille (bleue par défaut)
** 9 couleurs: bleue, verte, jaune, orange, rouge, rose, mauve, turquoise, blanche **
 change = change la couleur de la jauge selon la valeur (exemple: 0_25:verte,25_75:orange,75_100:rouge)
 petit = taille 80px*80px (1 | 120px*120px par défaut)
 time = affiche la durée (duree | date | heure | désactivé par défaut)
 ########### by @SALVIALF ;) ############# -->
  
  <div class="title #hide_name#">
    <div class="cmdName">#name_display#</div>
  </div>
  <div id="gaugeIMGdisplay" class="content-lg">
	<img id="IMGgauge"/>
    <span id="minvalue"></span>
    <span id="quartvalue"></span>

This file has been truncated. show original

et même avec le code de ce widget qui ne reprend que des classes du core: