SHARE
TWEET

Untitled

a guest Nov 28th, 2018 169 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. :root{
  3.   --HygroThermographeSize:0.5
  4.   }
  5. @font-face {
  6.     font-family: "Digital-7";
  7.     src:  url("plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/font/digital-7.eot?") format("eot"),
  8.           url("plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/font/digital-7.woff") format("woff"),
  9.           url("plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/font/digital-7.ttf") format("truetype"),
  10.           url("plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/font/digital-7.svg#Digital-7") format("svg");
  11.     font-weight:normal;
  12.     font-style:normal;
  13. }
  14. .lcd_text {
  15.   font-family: "Digital-7";
  16.   position: absolute;
  17.   color:    #181818;
  18. }
  19. .widget#id#
  20. {
  21.     /* pour centrer , pas joli mais ca marche*/
  22.     width: 220px;
  23.     width: calc(220px*var(--HygroThermographeSize));
  24.     line-height:1.42857;
  25. }
  26. .conso_position#id#
  27. {
  28.           box-sizing: border-box;
  29.           width: 500px; /* taille de l'image sans scale */
  30.           transform-origin: 0 0;
  31.   -webkit-transform-origin: 0 0;
  32.      -moz-transform-origin: 0 0;
  33.       -ms-transform-origin: 0 0;
  34.        -o-transform-origin: 0 0;
  35.           /* 0.435 pour faire 220px */
  36.           transform:scale(0.435);
  37.   -webkit-transform:scale(0.435); /* Safari and Chrome */
  38.      -moz-transform:scale(0.435); /* Firefox */
  39.       -ms-transform:scale(0.435); /* IE 9+ */
  40.        -o-transform:scale(0.435); /* Opera */
  41.           transform:scale(calc(0.435*var(--HygroThermographeSize))) ;
  42.   -webkit-transform:scale(calc(0.435*var(--HygroThermographeSize))) ; /* Safari and Chrome */
  43.      -moz-transform:scale(calc(0.435*var(--HygroThermographeSize))); /* Firefox */
  44.       -ms-transform:scale(calc(0.435*var(--HygroThermographeSize))); /* IE 9+ */
  45.        -o-transform:scale(calc(0.435*var(--HygroThermographeSize))); /* Opera */
  46. }
  47. span.stateint_temp#id# {
  48.     font-size: 185px;
  49.     letter-spacing: 6px;
  50.     top: 65px;
  51.     right: 180px;
  52. }
  53. span.statedec_temp#id# {
  54.     font-size:114px;
  55.     top: 138px;
  56.     left: 322px;
  57.     text-align:left;
  58. }
  59. span.unite_temp#id# {
  60.     font-size: 57px;
  61.     font-weight: bold;
  62.     top: 111px;
  63.     left: 322px;
  64.     text-align:left;
  65. }
  66. div.conso#id# {
  67.     width:140px;
  68.     min-height : 140px;
  69. }
  70. span.humidityint_unite#id# {
  71.     font-size: 142px;
  72.     letter-spacing: 6px;
  73.     bottom: 63px;
  74.     right: 180px;
  75. }
  76. span.humiditydec_unite#id# {
  77.     font-size: 71px;
  78.     bottom: 90px;
  79.     left: 322px;
  80.     text-align:left;
  81. }
  82. span.humidityunite#id# {
  83.     font-size: 57px;
  84.     bottom: 156px;
  85.     left: 322px;
  86.     text-align:left;
  87. }
  88. .ui-mobile-viewport span.humidityint_unite#id#, .ui-mobile-viewport span.stateint_temp#id#{
  89.   letter-spacing: -6px;
  90. }
  91. .ui-mobile-viewport .widget#id#
  92. {
  93.     width: 220px;
  94.     height: 220px;
  95. }
  96. .ui-mobile-viewport .conso_position#id#
  97. {
  98.           width: fit-content;
  99.           transform-origin: 0 0;
  100.   -webkit-transform-origin: 0 0;
  101.      -moz-transform-origin: 0 0;
  102.       -ms-transform-origin: 0 0;
  103.        -o-transform-origin: 0 0;
  104.           /* 0.42 pour faire 220px avec 5px de padding*/
  105.           transform:scale(0.42);
  106.   -webkit-transform:scale(0.42); /* Safari and Chrome */
  107.      -moz-transform:scale(0.42); /* Firefox */
  108.       -ms-transform:scale(0.42); /* IE 9+ */
  109.        -o-transform:scale(0.42); /* Opera */
  110. }
  111. </style>
  112. <div class="cmd-widget widget#id#">
  113.   <div style="font-weight: bold;font-size : 12px; #hideCmdName#">#name#</div>
  114.     <div class="conso_position#id#" id="mywidget#id#">
  115.         <img class="IMGihtid#id#" id="imgID#id#" src="plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/No.ext_100.png">
  116.         <span class="history cursor tooltips" id="cmdTemperature#id#" data-cmd_id="#id#">
  117.             <span class="lcd_text stateint_temp#id#" id="intNumTemp#id#"></span>
  118.             <span class="lcd_text statedec_temp#id#" id="decNumTemp#id#"></span>
  119.             <span class="lcd_text unite_temp#id#" id="unite#id#">#unite#</span>
  120.         </span>
  121.         <span class="history cursor tooltips" id="cmdHumidity#id#" data-cmd_id="">
  122.             <span class="lcd_text humidityint_unite#id#" id="intNumHumidity#id#"></span>
  123.             <span class="lcd_text humiditydec_unite#id#" id="decNumHumidity#id#"></span>
  124.             <span class="lcd_text humidityunite#id#" id="humidityunite#id#">%</span>
  125.         </span>
  126.     </div>
  127. <script>
  128.    
  129.     //Vire les accents et passe la chaine en majuscule pour retourver le nom
  130.     String.prototype.NormaliseName = function(){
  131.       var accent = [
  132.           /[\300-\306]/g, /[\340-\346]/g, // A, a
  133.           /[\310-\313]/g, /[\350-\353]/g, // E, e
  134.           /[\314-\317]/g, /[\354-\357]/g, // I, i
  135.           /[\322-\330]/g, /[\362-\370]/g, // O, o
  136.           /[\331-\334]/g, /[\371-\374]/g, // U, u
  137.           /[\321]/g, /[\361]/g, // N, n
  138.           /[\307]/g, /[\347]/g, // C, c
  139.       ];
  140.       var noaccent = ['A','a','E','e','I','i','O','o','U','u','N','n','C','c'];
  141.  
  142.       var str = this;
  143.       for(var i = 0; i < accent.length; i++){
  144.           str = str.replace(accent[i], noaccent[i]);
  145.       }
  146.  
  147.       return str.toUpperCase();
  148.     }
  149.  
  150.   jeedom.cmd.update['#id#'] = function(_options){
  151.     debug == 1 && console.log("début fonction jeedom update");
  152.     // Déclaration des variables
  153.     debug == 1 && console.log(jeedom.cmd.normalizeName('#name#'));
  154.     var intNum = Math.floor(_options.display_value);
  155.     var decNum = Math.round((_options.display_value - intNum) * 10);
  156.     var debug = 1* 'debug';
  157.     var online = 1;
  158.     var batterie =100;
  159.     debug == 1 && console.log("modification valeur Température");
  160.     // 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
  161.     $('#intNumTemp#id#').text(intNum+".");
  162.     $('#decNumTemp#id#').text(decNum);
  163.    
  164.     debug == 1 && console.log("température");
  165.     debug == 1 && console.log(intNum+"."+decNum);
  166.    
  167.     //Récupération des commandes de l'équipement
  168.     jeedom.cmd.byId({
  169.         id: #id#,
  170.         success: function(equipement) {
  171.             jeedom.eqLogic.getCmd({
  172.              id:equipement.eqLogic_id,
  173.              success: function(commande){
  174.                 commande.forEach(ExecuteCommands);
  175.             }
  176.           });
  177.         }
  178.      });
  179.     //On met à jour le widget en fonction des commandes que l'on trouve sur l'équipement  
  180.     function ExecuteCommands(item, index) {
  181.         //Nomalisation du nom de la commande
  182.         var commandName = item.name.NormaliseName()
  183.         debug == 1 && console.log("nom de commande normalisé : "+commandName);
  184.         if (item.generic_type=="HUMIDITY" || commandName == "HUMIDITE" || commandName == "HUMIDITY")
  185.         {
  186.           debug == 1 && console.log("maj humidité");
  187.           debug == 1 && console.log(item);
  188.            
  189.           jeedom.cmd.execute({ // Récupération de la valeur de la commande humidité
  190.             id: item.id,
  191.             success:  function(valeur) {
  192.             debug == 1 && console.log("valeurs" + valeur);  
  193.             $('#cmdHumidity#id#').attr('data-cmd_id',item.id)
  194.             var humidityintNum = Math.floor(valeur);
  195.             var humiditydecNum = Math.round((valeur - humidityintNum) * 10);
  196.             $('#intNumHumidity#id#').text(humidityintNum+".");
  197.             $('#decNumHumidity#id#').text(humiditydecNum);
  198.             debug == 1 && console.log("humidité");
  199.             debug == 1 && console.log(humidityintNum+"."+humiditydecNum);
  200.               }
  201.           });
  202.         }
  203.         if(commandName == "BATTERIE" || commandName == "BATTERY" || commandName == "BATTERIES")
  204.         {
  205.             debug == 1 && console.log("maj battery");
  206.               jeedom.cmd.execute({ // Récupération de la valeur de la commande batterie
  207.                 id: item.id,
  208.                 success: function(valeur){
  209.                 batterie = valeur;
  210.                 debug == 1 && console.log("récup batterie : "+batterie);
  211.                 debug == 1 && console.log("online : "+online);
  212.                 ext_online=(online == 1 ?'':'_nobt');
  213.                 root_dir='plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/';
  214.                 var numero_image = '100';
  215.                 if (batterie >= 60 && batterie < 80){
  216.                   numero_image = '80';
  217.                 }else if (batterie >= 40 && batterie < 60){
  218.                   numero_image = '60';
  219.                 }else if (batterie >= 20 && batterie < 40){
  220.                   numero_image = '40';
  221.                 }else if (batterie >= 5 && batterie < 20){                  
  222.                   numero_image = '20';
  223.                 }else if (batterie < 5){                  
  224.                   numero_image = '0';
  225.                 }
  226.                 debug == 1 && console.log("numero image : " + numero_image);
  227.                 var image = root_dir+'No.ext_'+numero_image+ext_online+'.png';
  228.                 debug == 1 && console.log("image : " + image);
  229.                 $('#imgID#id#').attr('src',image);    
  230.               }
  231.             });
  232.         }
  233.         if(commandName == "PRESENCE" || commandName == "ONLINE")
  234.         {
  235.           debug == 1 && console.log("MAJ présence");
  236.           jeedom.cmd.execute({ // Récupération de la valeur de la commande present (binaire)
  237.             id: present#id#,
  238.             success: function(valeur){
  239.               online = valeur;
  240.             }
  241.          });
  242.         }
  243.     }
  244.     $('#mywidget#id#').attr('title','Valeurs du '+_options.valueDate+', collectée le '+_options.collectDate);
  245.   }
  246. jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#'});        
  247. </script>
  248. </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