API tools faq
paste
Advertisement
Guest User

Untitled

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