Guest User

Untitled

a guest
Nov 27th, 2018
169
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#" 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. <script>
  121. jeedom.cmd.update['#id#'] = function(_options){
  122. debug == 1 && console.log("début fonction jeedom update");
  123. // Déclaration des variables
  124. debug == 1 && console.log(jeedom.cmd.normalizeName('#name#'));
  125. var intNum = Math.floor(_options.display_value);
  126. var decNum = Math.round((_options.display_value - intNum) * 10);
  127. var debug = 1*'#debug#';
  128. var online = 1;
  129. var batterie =100;
  130. debug == 1 && console.log("modification valeur Température");
  131. // 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
  132. $('#intNumTemp#id#').text(intNum+".");
  133. $('#decNumTemp#id#').text(decNum);
  134.  
  135. debug == 1 && console.log("température");
  136. debug == 1 && console.log(intNum+"."+decNum);
  137.  
  138. //Récupération des commandes de l'équipement
  139. jeedom.cmd.byId({
  140. id: #id#,
  141. success: function(equipement) {
  142. jeedom.eqLogic.getCmd({
  143. id:equipement.eqLogic_id,
  144. success: function(commande){
  145. commande.forEach(ExecuteCommands);
  146. }
  147. });
  148. }
  149. });
  150.  
  151. function ExecuteCommands(item, index) {
  152. if (item.generic_type=="HUMIDITY" || item.logicalId=="Humidity")
  153. {
  154. debug == 1 && console.log("maj humidité");
  155. jeedom.cmd.execute({ // Récupération de la valeur de la commande humidité
  156. id: item.id,
  157. success: function(valeur) {
  158. var humidityintNum = Math.floor(valeur);
  159. var humiditydecNum = Math.round((valeur - humidityintNum) * 10);
  160. $('#intNumHumidity#id#').text(humidityintNum+".");
  161. $('#decNumHumidity#id#').text(humiditydecNum);
  162. debug == 1 && console.log("humidité");
  163. debug == 1 && console.log(humidityintNum+"."+humiditydecNum);
  164. }
  165. });
  166. }
  167. if(item.logicalId=="battery" )
  168. {
  169. debug == 1 && console.log("maj battery");
  170. jeedom.cmd.execute({ // Récupération de la valeur de la commande batterie
  171. id: item.id,
  172. success: function(valeur){
  173. batterie = valeur;
  174. debug == 1 && console.log("récup batterie : "+batterie);
  175. debug == 1 && console.log("online : "+online);
  176. ext_online=(online == 1 ?'':'_nobt');
  177. root_dir='plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/';
  178. var numero_image = '100';
  179. if (batterie >= 60 && batterie < 80){
  180. numero_image = '80';
  181. }else if (batterie >= 40 && batterie < 60){
  182. numero_image = '60';
  183. }else if (batterie >= 20 && batterie < 40){
  184. numero_image = '40';
  185. }else if (batterie >= 5 && batterie < 20){
  186. numero_image = '20';
  187. }else if (batterie < 5){
  188. numero_image = '0';
  189. }
  190. var image = root_dir+'No.ext_'+numero_image+ext_online+'.png';
  191. var obj = $('.cmd[data-cmd_id=#id#] .IMGihtid#id#')
  192. obj.attr('src',image);
  193. }
  194. });
  195. }
  196. if(item.logicalId=="present")
  197. {
  198. debug == 1 && console.log("MAJ présence");
  199. jeedom.cmd.execute({ // Récupération de la valeur de la commande present (binaire)
  200. id: present#id#,
  201. success: function(valeur){
  202. online = valeur;
  203. }
  204. });
  205. }
  206. }
  207.  
  208.  
  209.  
  210.  
  211.  
  212. $('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate);
  213. $('.cmd[data-cmd_id=#id#] .state').empty().append(_options.display_value);
  214. debug == 1 && console.log("fin fonction jeedom update");
  215. }
  216. jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#'});
  217. </script>
  218. </div>
RAW Paste Data