Guest User

Untitled

a guest
Aug 11th, 2019
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 7.62 KB | None | 0 0
  1. <div class="cmd #history# tooltips cmd-widget widget#id#" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="#collectDate#">
  2.   <div style="font-weight: bold;font-size : 12px; #hideCmdName#">#name#</div>
  3.     <div class="conso_position#id#">
  4.         <img class="IMGihtid#id#" id="imgID#id#" src="plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/No.ext_100.png">
  5.         <span class="lcd_text stateint_temp#id#" id="intNumTemp#id#"></span>
  6.         <span class="lcd_text statedec_temp#id#" id="decNumTemp#id#"></span>
  7.         <span class="lcd_text unite_temp#id#" id="unite#id#">#unite#</span>
  8.         <span class="lcd_text humidityint_unite#id#" id="intNumHumidity#id#"></span>
  9.         <span class="lcd_text humiditydec_unite#id#" id="decNumHumidity#id#"></span>
  10.         <span class="lcd_text humidityunite#id#" id="humidityunite#id#">%</span>
  11.     </div>
  12. <style>
  13. @font-face {
  14.     font-family: "Digital-7";
  15.     src:  url("plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/font/digital-7.eot?") format("eot"),
  16.           url("plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/font/digital-7.woff") format("woff"),
  17.           url("plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/font/digital-7.ttf") format("truetype"),
  18.           url("plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/font/digital-7.svg#Digital-7") format("svg");
  19.     font-weight:normal;
  20.     font-style:normal;
  21. }
  22. .lcd_text {
  23.   font-family: "Digital-7";
  24.   position: absolute;
  25.   color:    #181818;
  26. }
  27. .widget#id#
  28. {
  29.     /* pour centrer , pas joli mais ca marche*/
  30.     width: 220px;
  31.     width: calc(220px*#coefficient#);
  32.     line-height:1.42857;
  33. }
  34. .conso_position#id#
  35. {
  36.           box-sizing: border-box;
  37.           width: 500px; /* taille de l'image sans scale */
  38.           transform-origin: 0 0;
  39.   -webkit-transform-origin: 0 0;
  40.      -moz-transform-origin: 0 0;
  41.       -ms-transform-origin: 0 0;
  42.        -o-transform-origin: 0 0;
  43.           /* 0.435 pour faire 220px */
  44.           transform:scale(0.435);
  45.   -webkit-transform:scale(0.435); /* Safari and Chrome */
  46.      -moz-transform:scale(0.435); /* Firefox */
  47.       -ms-transform:scale(0.435); /* IE 9+ */
  48.        -o-transform:scale(0.435); /* Opera */
  49.           transform:scale(calc(0.435*#coefficient#)) ;
  50.   -webkit-transform:scale(calc(0.435*#coefficient#)) ; /* Safari and Chrome */
  51.      -moz-transform:scale(calc(0.435*#coefficient#)); /* Firefox */
  52.       -ms-transform:scale(calc(0.435*#coefficient#)); /* IE 9+ */
  53.        -o-transform:scale(calc(0.435*#coefficient#)); /* Opera */
  54. }
  55. span.stateint_temp#id# {
  56.     font-size: 185px;
  57.     letter-spacing: 6px;
  58.     top: 65px;
  59.     right: 180px;
  60. }
  61. span.statedec_temp#id# {
  62.     font-size:114px;
  63.     top: 138px;
  64.     left: 322px;
  65.     text-align:left;
  66. }
  67. span.unite_temp#id# {
  68.     font-size: 57px;
  69.     font-weight: bold;
  70.     top: 111px;
  71.     left: 322px;
  72.     text-align:left;
  73. }
  74. div.conso#id# {
  75.     width:140px;
  76.     min-height : 140px;
  77. }
  78. span.humidityint_unite#id# {
  79.     font-size: 142px;
  80.     letter-spacing: 6px;
  81.     bottom: 63px;
  82.     right: 180px;
  83. }
  84. span.humiditydec_unite#id# {
  85.     font-size: 71px;
  86.     bottom: 90px;
  87.     left: 322px;
  88.     text-align:left;
  89. }
  90. span.humidityunite#id# {
  91.     font-size: 57px;
  92.     bottom: 156px;
  93.     left: 322px;
  94.     text-align:left;
  95. }
  96. .ui-mobile-viewport span.humidityint_unite#id#, .ui-mobile-viewport span.stateint_temp#id#{
  97.   letter-spacing: -6px;
  98. }
  99. .ui-mobile-viewport .widget#id#
  100. {
  101.     width: 220px;
  102.     height: 220px;
  103. }
  104. .ui-mobile-viewport .conso_position#id#
  105. {
  106.           width: fit-content;
  107.           transform-origin: 0 0;
  108.   -webkit-transform-origin: 0 0;
  109.      -moz-transform-origin: 0 0;
  110.       -ms-transform-origin: 0 0;
  111.        -o-transform-origin: 0 0;
  112.           /* 0.42 pour faire 220px avec 5px de padding*/
  113.           transform:scale(0.42);
  114.   -webkit-transform:scale(0.42); /* Safari and Chrome */
  115.      -moz-transform:scale(0.42); /* Firefox */
  116.       -ms-transform:scale(0.42); /* IE 9+ */
  117.        -o-transform:scale(0.42); /* Opera */
  118. }
  119. </style>
  120.      
  121. <script>
  122.  
  123.    
  124. jeedom.cmd.byId({id:#id#, success:
  125. function(valeur) {
  126.     var debug = 1*'#debug#';
  127.     var humidity#id#;
  128.     var present#id# = #id#;
  129.     var battery#id#;
  130.                  jeedom.eqLogic.getCmd({id:valeur.eqLogic_id,success:
  131.             function(cmds) {
  132.                 for (var id_cmd in cmds) {
  133.                     if( cmds[id_cmd].logicalId == 'battery' )
  134.                         battery#id# = cmds[id_cmd].id;
  135.                     if( cmds[id_cmd].logicalId == 'humidity' || cmds[id_cmd].logicalId == 'moisture')
  136.                         humidity#id# = cmds[id_cmd].id;
  137.                     if( cmds[id_cmd].logicalId == 'present' )
  138.                         present#id# = cmds[id_cmd].id;        
  139.                 }
  140.  
  141.   jeedom.cmd.update['#id#'] = function(_options){
  142.     debug == 1 && console.log("début fonction jeedom update");
  143.     // Déclaration des variables
  144.     debug == 1 && console.log(jeedom.cmd.normalizeName('#name#'));
  145.  
  146.     var batterie;
  147.     var intNum = Math.floor(_options.display_value);
  148.     var decNum = Math.round((_options.display_value - intNum) * 10);
  149.  
  150.     debug == 1 && console.log("modification valeur Température");
  151.     // on déclare directement la valeur de température, #state# contient la témpérature. Pour rappel on a associé le widget à la commande Température
  152.     $('#intNumTemp#id#').text(intNum+".");
  153.     $('#decNumTemp#id#').text(decNum);
  154.    
  155.     debug == 1 && console.log("température : "+intNum+"."+decNum);
  156.    
  157.     jeedom.cmd.execute({ // Récupération de la valeur de la commande humidité
  158.       id: humidity#id#,
  159.       success:  function(valeur) {          
  160.         var humidityintNum = Math.floor(valeur);
  161.         var humiditydecNum = Math.round((valeur - humidityintNum) * 10);
  162.         $('#intNumHumidity#id#').text(humidityintNum+".");
  163.         $('#decNumHumidity#id#').text(humiditydecNum);
  164.       debug == 1 && console.log("humidité : "+humidityintNum+"."+humiditydecNum);      
  165.      }
  166.     });
  167.          
  168.     jeedom.cmd.execute({ // Récupération de la valeur de la commande present (binaire)
  169.         id: present#id#,
  170.         success: function(online){
  171.        
  172.     jeedom.cmd.execute({ // Récupération de la valeur de la commande batterie
  173.         id: battery#id#,
  174.         success: function(valeur){
  175.         batterie = valeur;
  176.         debug == 1 && console.log("récup batterie : "+batterie);
  177.         debug == 1 && console.log("online : "+online);
  178.         ext_online=(online == 1 ?'':'_nobt');
  179.         root_dir='plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/';
  180.         var numero_image = '100';
  181.         if (batterie >= 60 && batterie < 80){
  182.           numero_image = '80';
  183.         }else if (batterie >= 40 && batterie < 60){
  184.           numero_image = '60';
  185.         }else if (batterie >= 20 && batterie < 40){
  186.           numero_image = '40';
  187.         }else if (batterie >= 5 && batterie < 20){                  
  188.           numero_image = '20';
  189.         }else if (batterie < 5){                  
  190.           numero_image = '0';
  191.        }
  192.         var image = root_dir+'No.ext_'+numero_image+ext_online+'.png';
  193.         var obj = $('.cmd[data-cmd_id=#id#] .IMGihtid#id#')
  194.        obj.attr('src',image);
  195.      }
  196.    });
  197.  }
  198.  });
  199.  
  200.     $('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate);
  201.        $('.cmd[data-cmd_id=#id#] .state').empty().append(_options.display_value);
  202.     debug == 1 && console.log("fin fonction jeedom update");
  203.  }
  204. jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#'});  
  205.  
  206.  }});
  207. }});
  208.  
  209. </script>
  210. </div>
Add Comment
Please, Sign In to add comment