API tools faq
paste
Advertisement
Guest User

Untitled

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