API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 27th, 2018
224
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.12 KB | None | 0 0
raw download clone embed print report
  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>
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!