Advertisement
Guest User

Untitled

a guest
Nov 18th, 2018
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.12 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. }
  33. .conso_position#id#
  34. {
  35. width: fit-content;
  36. transform-origin: 0 0;
  37. -webkit-transform-origin: 0 0;
  38. -moz-transform-origin: 0 0;
  39. -ms-transform-origin: 0 0;
  40. -o-transform-origin: 0 0;
  41. /* 0.435 pour faire 220px */
  42. transform:scale(0.435);
  43. -webkit-transform:scale(0.435); /* Safari and Chrome */
  44. -moz-transform:scale(0.435); /* Firefox */
  45. -ms-transform:scale(0.435); /* IE 9+ */
  46. -o-transform:scale(0.435); /* Opera */
  47. transform:scale(calc(0.435*#coefficient#)) ;
  48. -webkit-transform:scale(calc(0.435*#coefficient#)) ; /* Safari and Chrome */
  49. -moz-transform:scale(calc(0.435*#coefficient#)) translate(-50%, -50%); /* Firefox */
  50. -ms-transform:scale(calc(0.435*#coefficient#)) translate(-50%, -50%); /* IE 9+ */
  51. -o-transform:scale(calc(0.435*#coefficient#)) translate(-50%, -50%); /* Opera */
  52. }
  53. span.stateint_temp#id# {
  54. font-size: 13em;
  55. letter-spacing: 6px;
  56. top: 65px;
  57. left: 110px;
  58. }
  59. span.statedec_temp#id# {
  60. font-size:8em;
  61. top: 138px;
  62. left: 322px;
  63. }
  64. span.unite_temp#id# {
  65. font-size: 4em;
  66. font-weight: bold;
  67. top: 111px;
  68. left: 322px;
  69. }
  70. div.conso#id# {
  71. width:140px;
  72. min-height : 140px;
  73. }
  74. span.humidityint_unite#id# {
  75. font-size: 10em;
  76. letter-spacing: 6px;
  77. bottom: 63px;
  78. left: 144px;
  79. }
  80. span.humiditydec_unite#id# {
  81. font-size: 5em;
  82. bottom: 90px;
  83. left: 315px;
  84. }
  85. span.humidityunite#id# {
  86. font-size: 4em;
  87. bottom: 156px;
  88. left: 315px;
  89. }
  90. .ui-mobile-viewport span.humidityint_unite#id#, .ui-mobile-viewport span.stateint_temp#id#{
  91. letter-spacing: -6px;
  92. }
  93. .ui-mobile-viewport .widget#id#
  94. {
  95. width: 220px;
  96. height: 220px;
  97. }
  98. .ui-mobile-viewport .conso_position#id#
  99. {
  100. width: fit-content;
  101. transform-origin: 0 0;
  102. -webkit-transform-origin: 0 0;
  103. -moz-transform-origin: 0 0;
  104. -ms-transform-origin: 0 0;
  105. -o-transform-origin: 0 0;
  106. /* 0.42 pour faire 220px avec 5px de padding*/
  107. transform:scale(0.42);
  108. -webkit-transform:scale(0.42); /* Safari and Chrome */
  109. -moz-transform:scale(0.42); /* Firefox */
  110. -ms-transform:scale(0.42); /* IE 9+ */
  111. -o-transform:scale(0.42); /* Opera */
  112. }
  113. </style>
  114.  
  115. <script>
  116. jeedom.cmd.update['#id#'] = function(_options){
  117. console.log("début fonction jeedom update");
  118. // Déclaration des variables
  119. var humidity#id# = #humidity#;
  120. var present#id# = #present#;
  121. var battery#id# = #battery#;
  122. var temp = #state#;
  123. var online;
  124. var batterie;
  125. var intNum = Math.floor(temp);
  126. var decNum = Math.round((temp - intNum) * 10);
  127.  
  128. console.log("modification valeur Température");
  129. // 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
  130. $('#intNumTemp#id#').text(intNum+".");
  131. $('#decNumTemp#id#').text(decNum);
  132. console.log("température");
  133. console.log(intNum+"."+decNum);
  134.  
  135. jeedom.cmd.execute({ // Récupération de la valeur de la commande humidité
  136. id: humidity#id#,
  137. success: function(valeur) {
  138. var humidityintNum = Math.floor(valeur);
  139. var humiditydecNum = Math.round((valeur - humidityintNum) * 10);
  140. $('#intNumHumidity#id#').text(humidityintNum+".");
  141. $('#decNumHumidity#id#').text(humiditydecNum);
  142. console.log("humidité");
  143. console.log(humidityintNum+"."+humiditydecNum);
  144.  
  145. }
  146. });
  147.  
  148. jeedom.cmd.execute({ // Récupération de la valeur de la commande present (binaire)
  149. id: present#id#,
  150. success: function(valeur){
  151. online = valeur;
  152.  
  153. jeedom.cmd.execute({ // Récupération de la valeur de la commande batterie
  154. id: battery#id#,
  155. success: function(valeur){
  156. batterie = valeur;
  157. console.log("récup batterie : "+batterie);
  158. console.log("online : "+online);
  159. ext_online=(online == 1 ?'':'_nobt');
  160. root_dir='plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/';
  161. if (batterie >= 80) {
  162. $('.cmd[data-cmd_id=#id#] .IMGihtid#id#').attr('src',root_dir+'No.ext_100'+ext_online+'.png');
  163. }else if (batterie >= 60 && batterie < 80){
  164. $('.cmd[data-cmd_id=#id#] .IMGihtid#id#').attr('src',root_dir+'No.ext_80'+ext_online+'.png');
  165. }else if (batterie >= 40 && batterie < 60){
  166. $('.cmd[data-cmd_id=#id#] .IMGihtid#id#').attr('src',root_dir+'No.ext_60'+ext_online+'.png');
  167. }else if (batterie >= 20 && batterie < 40){
  168. $('.cmd[data-cmd_id=#id#] .IMGihtid#id#').attr('src',root_dir+'No.ext_40'+ext_online+'.png');
  169. }else if (batterie >= 5 && batterie < 20){
  170. $('.cmd[data-cmd_id=#id#] .IMGihtid#id#').attr('src',root_dir+'No.ext_20'+ext_online+'.png');
  171. }else if (batterie < 5){
  172. $('.cmd[data-cmd_id=#id#] .IMGihtid#id#').attr('src',root_dir+'No.ext_0'+ext_online+'.png');
  173. }
  174. }
  175. });
  176. }
  177. });
  178.  
  179. $('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate);
  180. $('.cmd[data-cmd_id=#id#] .state').empty().append(_options.display_value);
  181. console.log("fin fonction jeedom update");
  182. }
  183. jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#'});
  184.  
  185. </script>
  186. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement