SHARE
TWEET

Untitled

a guest Nov 18th, 2018 302 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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#" width="220px" height="220px" src="plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/No.ext_100.png">
  5.         <span class="stateint_temp#id#" id="intNumTemp#id#"></span>
  6.         <span class="statedec_temp#id#" id="decNumTemp#id#"></span>
  7.         <span class="unite_temp#id#" id="unite#id#">#unite#</span>
  8.         <span class="humidityint_unite#id#" id="intNumHumidity#id#"></span>
  9.         <span class="humiditydec_unite#id#" id="decNumHumidity#id#"></span>
  10.         <span class="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. #widget#id#{
  23.     transform: scale(1);
  24. }
  25. span.stateint_temp#id# {
  26.     font-family: "Digital-7";
  27.     font-size:80px;
  28.     letter-spacing: 6px;
  29.     color:  #181818;
  30.     position: absolute;
  31.     top: 31px;
  32.     right: 67px;
  33.     transform : scale(0.7,1);
  34.   -webkit-transform:scale(0.7,1); /* Safari and Chrome */
  35.   -moz-transform:scale(0.7,1); /* Firefox */
  36.     -ms-transform:scale(0.7,1); /* IE 9+ */
  37.   -o-transform:scale(0.7,1); /* Opera */
  38.   }
  39.  
  40. span.statedec_temp#id# {
  41.     font-family: "Digital-7";
  42.     font-size:50px;
  43.     color:  #181818;
  44.     position: absolute;
  45.     top: 62px;
  46.     right: 60px;
  47.     transform : scale(0.7,1);
  48.   -webkit-transform:scale(0.7,1); /* Safari and Chrome */
  49.   -moz-transform:scale(0.7,1); /* Firefox */
  50.     -ms-transform:scale(0.7,1); /* IE 9+ */
  51.   -o-transform:scale(0.7,1); /* Opera */
  52.   }
  53.  
  54. span.unite_temp#id# {
  55.     font-family: "Digital-7";  
  56.     font-size:20px;
  57.     font-weight: bold;
  58.     color:  #181818;
  59.     position: absolute;
  60.     top: 55px;
  61.     right: 65px;
  62.   }
  63.  
  64. div.conso#id# {
  65.     width:140px;
  66.     min-height : 140px;
  67. }
  68.  
  69. div.conso_position#id# {
  70.     /*float: center; */
  71.     /*align:center;*/
  72.     /*position: absolute;*/
  73.     /*left: 10px;
  74.     top: 20px;*/
  75.     margin-left: auto;
  76.     margin-right: auto;
  77.     /*width: ...;*/
  78. }
  79.  
  80. span.humidityint_unite#id# {
  81.     font-family: "Digital-7";
  82.     font-size: 65px;
  83.     letter-spacing: 6px;
  84.     color:  #181818;
  85.     position: absolute;
  86.     top: 103px;
  87.     right: 74px;
  88.     transform : scale(0.7,1);
  89.   -webkit-transform:scale(0.7,1); /* Safari and Chrome */
  90.   -moz-transform:scale(0.7,1); /* Firefox */
  91.     -ms-transform:scale(0.7,1); /* IE 9+ */
  92.   -o-transform:scale(0.7,1); /* Opera */
  93.   }
  94.  
  95. span.humiditydec_unite#id# {
  96.     font-family: "Digital-7";
  97.     font-size:35px;
  98.     color:  #181818;
  99.     position: absolute;
  100.     top: 134px;
  101.     right: 72px;
  102.     transform : scale(0.7,1);
  103.   -webkit-transform:scale(0.7,1); /* Safari and Chrome */
  104.   -moz-transform:scale(0.7,1); /* Firefox */
  105.     -ms-transform:scale(0.7,1); /* IE 9+ */
  106.   -o-transform:scale(0.7,1); /* Opera */
  107.   }
  108.  
  109. span.humidityunite#id# {
  110.     font-family: "Digital-7";  
  111.     font-size:20px;
  112.     font-weight: bold;
  113.     color:  #181818;
  114.     position: absolute;
  115.     top: 120px;
  116.     right: 74px;
  117.   }
  118.  
  119. </style>
  120.      
  121. <script>
  122.   var textResize#id# = true;  //globale
  123.   jeedom.cmd.update['#id#'] = function(_options){
  124.     console.log("début fonction jeedom update");
  125.     // Déclaration des variables
  126.     var humidity#id# = #humidity#;
  127.     var present#id# = #present#;
  128.     var battery#id# = #battery#;
  129.     var temp = #state#;
  130.     var coeffMultiplicateur#id# = #coefficient# ;
  131.     var online;
  132.     var batterie;
  133.     var intNum = Math.floor(temp);
  134.     var decNum = Math.round((temp - intNum) * 10);
  135.  
  136.     console.log("modification valeur Température");
  137.     // 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
  138.     $('#intNumTemp#id#').text(intNum+".");
  139.     $('#decNumTemp#id#').text(decNum);
  140.     console.log("température");
  141.     console.log(intNum+"."+decNum);
  142.    
  143.     jeedom.cmd.execute({ // Récupération de la valeur de la commande humidité
  144.       id: humidity#id#,
  145.       success:  function(valeur) {          
  146.         var humidityintNum = Math.floor(valeur);
  147.         var humiditydecNum = Math.round((valeur - humidityintNum) * 10);
  148.         $('#intNumHumidity#id#').text(humidityintNum+".");
  149.         $('#decNumHumidity#id#').text(humiditydecNum);
  150.       console.log("humidité");
  151.       console.log(humidityintNum+"."+humiditydecNum);
  152.      
  153.      }
  154.     });
  155.          
  156.     jeedom.cmd.execute({ // Récupération de la valeur de la commande present (binaire)
  157.         id: present#id#,
  158.         success: function(valeur){
  159.           online = valeur;
  160.        
  161.     jeedom.cmd.execute({ // Récupération de la valeur de la commande batterie
  162.          id: battery#id#,
  163.          success: function(valeur){
  164.          batterie = valeur;
  165.         //console.log(batterie);
  166.         console.log("récup batterie : "+batterie);
  167.         console.log("online : "+online);
  168.         ext_online=(online == 1 ?'':'_nobt');
  169.         root_dir='plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/';
  170.         if (batterie >= 80 && batterie <= 100) {
  171.           $('.cmd[data-cmd_id=#id#] .IMGihtid#id#').attr('src',root_dir+'No.ext_100'+ext_online+'.png');
  172.         }else if (batterie >= 60 && batterie < 80){
  173.           $('.cmd[data-cmd_id=#id#] .IMGihtid#id#').attr('src',root_dir+'No.ext_80'+ext_online+'.png');
  174.         }else if (batterie >= 40 && batterie < 60){
  175.           $('.cmd[data-cmd_id=#id#] .IMGihtid#id#').attr('src',root_dir+'No.ext_60'+ext_online+'.png');
  176.         }else if (batterie >= 20 && batterie < 40){
  177.           $('.cmd[data-cmd_id=#id#] .IMGihtid#id#').attr('src',root_dir+'No.ext_40'+ext_online+'.png');
  178.         }else if (batterie >= 5 && batterie < 20){                  
  179.           $('.cmd[data-cmd_id=#id#] .IMGihtid#id#').attr('src',root_dir+'No.ext_20'+ext_online+'.png');
  180.         }else if (batterie < 5){                  
  181.           $('.cmd[data-cmd_id=#id#] .IMGihtid#id#').attr('src',root_dir+'No.ext_0'+ext_online+'.png');
  182.         }
  183.       }
  184.     });
  185.   }
  186.   });
  187.  
  188.   // Image Resize - Une seule fois après que l'image ait été chargée grace à .onload
  189.   imgID#id#.onload = function(){
  190.   console.log ("début fonction onload");
  191.   var widthValue =  $(this).width();
  192.   var heightValue =  $(this).height();
  193.   console.log("width" + widthValue);
  194.   console.log("height" + heightValue);
  195.   widthVal  = parseInt(widthValue) * coeffMultiplicateur#id#;
  196.   heightVal  = parseInt(heightValue) * coeffMultiplicateur#id#;
  197.   console.log("width (scale)" + widthVal);
  198.   console.log("height (scale)" + heightVal);
  199.   if( $(this).attr('scaled') != 1 )
  200.   {
  201.     $(this).css('width',widthVal);
  202.     $(this).css('height',heightVal);
  203.     $(this).attr('scaled',1);
  204.   }
  205.   }
  206.          
  207.     if(textResize#id# == true){
  208.      
  209.         console.log("début mise à jour taille texte");
  210.         // unité Température Text Size
  211.         var fontSize =  $("#intNumTemp#id#").css("fontSize");
  212.         fontSize  = parseInt(fontSize) * coeffMultiplicateur#id# + "px";
  213.         $("#intNumTemp#id#").css("fontSize", fontSize );
  214.         // unité Température Text Position from Top
  215.         var position =  $("#intNumTemp#id#").css("top");
  216.         position  = parseInt(position) * coeffMultiplicateur#id# + "px";
  217.         $('#intNumTemp#id#').css('top',position);
  218.         // unité Température Text Position from Right
  219.         var position =  $("#intNumTemp#id#").css("right");
  220.         position  = parseInt(position) * coeffMultiplicateur#id# + "px";
  221.         $('#intNumTemp#id#').css('right',position);
  222.  
  223.         // décimale Température Text Size
  224.         var fontSize =  $("#decNumTemp#id#").css("fontSize");
  225.         fontSize  = parseInt(fontSize) * coeffMultiplicateur#id# + "px";
  226.         $("#decNumTemp#id#").css("fontSize", fontSize );
  227.         // décimale Température Text Position from Top
  228.         var position =  $("#decNumTemp#id#").css("top");
  229.         position  = parseInt(position) * coeffMultiplicateur#id# + "px";
  230.         $('#decNumTemp#id#').css('top',position);
  231.         // décimale Température Text Position from Right
  232.         var position =  $("#decNumTemp#id#").css("right");
  233.         position  = parseInt(position) * coeffMultiplicateur#id# + "px";
  234.         $('#decNumTemp#id#').css('right',position);
  235.    
  236.         // Sigle Température Text Size
  237.         var fontSize =  $("#unite#id#").css("fontSize");
  238.         fontSize  = parseInt(fontSize) * coeffMultiplicateur#id# + "px";
  239.         $("#unite#id#").css("fontSize", fontSize );
  240.         // Sigle Température Text Position from Top
  241.         var position =  $("#unite#id#").css("top");
  242.         position  = parseInt(position) * coeffMultiplicateur#id# + "px";
  243.         $('#unite#id#').css('top',position);
  244.         // Sigle Température Text Position from Right
  245.         var position =  $("#unite#id#").css("right");
  246.         position  = parseInt(position) * coeffMultiplicateur#id# + "px";
  247.         $('#unite#id#').css('right',position);
  248.  
  249.          // unité Température Text Size
  250.         var fontSize =  $("#intNumHumidity#id#").css("fontSize");
  251.         fontSize  = parseInt(fontSize) * coeffMultiplicateur#id# + "px";
  252.         $("#intNumHumidity#id#").css("fontSize", fontSize );
  253.         // unité Température Text Position from Top
  254.         var position =  $("#intNumHumidity#id#").css("top");
  255.         position  = parseInt(position) * coeffMultiplicateur#id# + "px";
  256.         $('#intNumHumidity#id#').css('top',position);
  257.         // unité Température Text Position from Right
  258.         var position =  $("#intNumHumidity#id#").css("right");
  259.         position  = parseInt(position) * coeffMultiplicateur#id# + "px";
  260.         $('#intNumHumidity#id#').css('right',position);
  261.  
  262.         // décimale Température Text Size
  263.         var fontSize =  $("#decNumHumidity#id#").css("fontSize");
  264.         fontSize  = parseInt(fontSize) * coeffMultiplicateur#id# + "px";
  265.         $("#decNumHumidity#id#").css("fontSize", fontSize );
  266.         // décimale Température Text Position from Top
  267.         var position =  $("#decNumHumidity#id#").css("top");
  268.         position  = parseInt(position) * coeffMultiplicateur#id# + "px";
  269.         $('#decNumHumidity#id#').css('top',position);
  270.         // décimale Température Text Position from Right
  271.         var position =  $("#decNumHumidity#id#").css("right");
  272.         position  = parseInt(position) * coeffMultiplicateur#id# + "px";
  273.         $('#decNumHumidity#id#').css('right',position);
  274.    
  275.         // Sigle Humidité Text Size
  276.         var fontSize =  $("#humidityunite#id#").css("fontSize");
  277.         fontSize  = parseInt(fontSize) * coeffMultiplicateur#id# + "px";
  278.         $("#humidityunite#id#").css("fontSize", fontSize );
  279.          // Sigle Température Text Position from Top
  280.         var position =  $("#humidityunite#id#").css("top");
  281.         position  = parseInt(position) * coeffMultiplicateur#id# + "px";
  282.         $('#humidityunite#id#').css('top',position);
  283.         // Sigle Température Text Position from Right
  284.         var position =  $("#humidityunite#id#").css("right");
  285.         position  = parseInt(position) * coeffMultiplicateur#id# + "px";
  286.         $('#humidityunite#id#').css('right',position);
  287.        
  288.         textResize#id# = false;
  289.     } else {
  290.     /*  console.log ("--------------------------------------");
  291.       console.log ("-- BOUCLE ELSE - PAS DE TEXT RESIZE --");
  292.       console.log ("--------------------------------------");
  293.     */
  294.     }
  295.  
  296.     $('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate);
  297.         $('.cmd[data-cmd_id=#id#] .state').empty().append(_options.display_value);
  298. console.log("fin fonction jeedom update");
  299.   }
  300. jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#'});
  301.          
  302. </script>
  303. </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top