Recherche widget idem core boutton mais verticale

gmb85100 · Février 7, 2022, 10:16

Bonjour,

Je débute sur le forum donc je présente mes excuse d’avance si je commets quelque imper !

Je recherche pour mes tuiles de Dashboard un widget avec le même fonctionnement que les button du Core mais en verticale.

Quelqu’un aurai t il une idée ?

Merci d’avance

Gmb

olive · Février 7, 2022, 10:20

bonjour,
ici :

Salvialf · Février 7, 2022, 10:34

Salut,

Perso le plus vertical que j’ai avec des boutons +/- c’est ça :
https://salvialf.github.io/Salvialf-Documentation/ConsigneThermostat/fr_FR/

gmb85100 · Février 7, 2022, 10:44

Bonjour et merci,
Je cherche à gérer la consigne uniquement.
Comment supprimer le thermomètre ?

Salvialf · Février 7, 2022, 10:46

Il faut supprimer les lignes 10, 24 et de la ligne 63 à la ligne 71 :

github.com

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

<div class="cmd cmd-widget" data-type="action" data-subtype="slider" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#">
<!-- ########## Consigne Thermostat ##########
 ********* Paramètres Optionnels *********
 step = valeur du pas de chgt de valeur (0.5 par défaut)
 ########## by @SALVIALF ;) ############# -->
  
  <div class="title #hide_name#">
    <div class="cmdName">#name_display#</div>
  </div>
  <span id="thermo_icon"></span>
  <p id="displayConsigne" class="text-right">
    <span id="valeur#id#"></span>°C
   </p>
   <div id="boutons">
    <a class="btn-sm bt_plus"><i class="fas fa-2x fa-plus-square"></i></a>
     <br />
    <a class="btn-sm bt_minus"><i class="fas fa-2x fa-minus-square"></i></a>
   </div>
<style>
@font-face {

This file has been truncated. show original

gmb85100 · Février 7, 2022, 11:01

Ok merci je vais tester.

gmb85100 · Février 7, 2022, 5:34

Ok c’est super mais je souhaiterai réduire la taille de la consigne.
Merci

Salvialf · Février 7, 2022, 5:46

Mais bien sûr, ligne 26 tu peux mettre une valeur en pixels par exemple :

github.com

Salvialf/JEEDOM-Widget-ConsigneThermostat/blob/master/cmd.action.slider.ConsigneThermostat.html#L26

      
        
                 <br />
                <a class="btn-sm bt_minus"><i class="fas fa-2x fa-minus-square"></i></a>
               </div>
            <style>
            @font-face {
                font-family: "liquid";
              	src:	url("plugins/pimpJeedom/core/template/dashboard/cmd.action.slider.ConsigneThermostat/LiquidNormal.ttf") format("truetype");
            }
             #thermo_icon { font-size:4em;}
             #displayConsigne { display:inline-block; width:85px; font-family:"liquid";}
             #valeur#id# { font-size:3.5em; }
             #boutons { display:inline-block; }
            </style>  
              <script>
            	var sbjs_Timer#id#;
                                
                /***** + *****/
            	$('.cmd[data-cmd_id=#id#] .bt_plus').on('click', function () {
                  var cmd = $('.cmd[data-cmd_uid=#uid#]')
                  	var step = (isNaN(parseFloat('#step#'))) ?  0.5 : parseFloat('#step#');
                  	cmd.find('#valeur#id#').text(parseFloat(parseFloat($('#valeur#id#').text()) + step ).toFixed(1) );

gmb85100 · Février 8, 2022, 12:55

Merci après des tests cela me convient.

system · Février 9, 2022, 12:56

Ce sujet a été automatiquement fermé après 24 heures suivant le dernier commentaire. Aucune réponse n’est permise dorénavant.