Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="cmd #history# tooltips cmd-widget widget#id#" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="#collectDate#">
- <div style="font-weight: bold;font-size : 12px; #hideCmdName#">#name#</div>
- <div class="conso_position#id#">
- <img class="IMGihtid#id#" id="imgID#id#" src="plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/No.ext_100.png">
- <span class="lcd_text stateint_temp#id#" id="intNumTemp#id#"></span>
- <span class="lcd_text statedec_temp#id#" id="decNumTemp#id#"></span>
- <span class="lcd_text unite_temp#id#" id="unite#id#">#unite#</span>
- <span class="lcd_text humidityint_unite#id#" id="intNumHumidity#id#"></span>
- <span class="lcd_text humiditydec_unite#id#" id="decNumHumidity#id#"></span>
- <span class="lcd_text humidityunite#id#" id="humidityunite#id#">%</span>
- </div>
- <style>
- @font-face {
- font-family: "Digital-7";
- src: url("plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/font/digital-7.eot?") format("eot"),
- url("plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/font/digital-7.woff") format("woff"),
- url("plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/font/digital-7.ttf") format("truetype"),
- url("plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/font/digital-7.svg#Digital-7") format("svg");
- font-weight:normal;
- font-style:normal;
- }
- .lcd_text {
- font-family: "Digital-7";
- position: absolute;
- color: #181818;
- }
- .widget#id#
- {
- /* pour centrer , pas joli mais ca marche*/
- width: 220px;
- width: calc(220px*#coefficient#);
- line-height:1.42857;
- }
- .conso_position#id#
- {
- box-sizing: border-box;
- width: 500px; /* taille de l'image sans scale */
- transform-origin: 0 0;
- -webkit-transform-origin: 0 0;
- -moz-transform-origin: 0 0;
- -ms-transform-origin: 0 0;
- -o-transform-origin: 0 0;
- /* 0.435 pour faire 220px */
- transform:scale(0.435);
- -webkit-transform:scale(0.435); /* Safari and Chrome */
- -moz-transform:scale(0.435); /* Firefox */
- -ms-transform:scale(0.435); /* IE 9+ */
- -o-transform:scale(0.435); /* Opera */
- transform:scale(calc(0.435*#coefficient#)) ;
- -webkit-transform:scale(calc(0.435*#coefficient#)) ; /* Safari and Chrome */
- -moz-transform:scale(calc(0.435*#coefficient#)); /* Firefox */
- -ms-transform:scale(calc(0.435*#coefficient#)); /* IE 9+ */
- -o-transform:scale(calc(0.435*#coefficient#)); /* Opera */
- }
- span.stateint_temp#id# {
- font-size: 185px;
- letter-spacing: 6px;
- top: 65px;
- right: 180px;
- }
- span.statedec_temp#id# {
- font-size:114px;
- top: 138px;
- left: 322px;
- text-align:left;
- }
- span.unite_temp#id# {
- font-size: 57px;
- font-weight: bold;
- top: 111px;
- left: 322px;
- text-align:left;
- }
- div.conso#id# {
- width:140px;
- min-height : 140px;
- }
- span.humidityint_unite#id# {
- font-size: 142px;
- letter-spacing: 6px;
- bottom: 63px;
- right: 180px;
- }
- span.humiditydec_unite#id# {
- font-size: 71px;
- bottom: 90px;
- left: 322px;
- text-align:left;
- }
- span.humidityunite#id# {
- font-size: 57px;
- bottom: 156px;
- left: 322px;
- text-align:left;
- }
- .ui-mobile-viewport span.humidityint_unite#id#, .ui-mobile-viewport span.stateint_temp#id#{
- letter-spacing: -6px;
- }
- .ui-mobile-viewport .widget#id#
- {
- width: 220px;
- height: 220px;
- }
- .ui-mobile-viewport .conso_position#id#
- {
- width: fit-content;
- transform-origin: 0 0;
- -webkit-transform-origin: 0 0;
- -moz-transform-origin: 0 0;
- -ms-transform-origin: 0 0;
- -o-transform-origin: 0 0;
- /* 0.42 pour faire 220px avec 5px de padding*/
- transform:scale(0.42);
- -webkit-transform:scale(0.42); /* Safari and Chrome */
- -moz-transform:scale(0.42); /* Firefox */
- -ms-transform:scale(0.42); /* IE 9+ */
- -o-transform:scale(0.42); /* Opera */
- }
- </style>
- <script>
- jeedom.cmd.byId({id:#id#, success:
- function(valeur) {
- var debug = 1*'#debug#';
- var humidity#id#;
- var present#id# = #id#;
- var battery#id#;
- jeedom.eqLogic.getCmd({id:valeur.eqLogic_id,success:
- function(cmds) {
- for (var id_cmd in cmds) {
- if( cmds[id_cmd].logicalId == 'battery' )
- battery#id# = cmds[id_cmd].id;
- if( cmds[id_cmd].logicalId == 'humidity' || cmds[id_cmd].logicalId == 'moisture')
- humidity#id# = cmds[id_cmd].id;
- if( cmds[id_cmd].logicalId == 'present' )
- present#id# = cmds[id_cmd].id;
- }
- jeedom.cmd.update['#id#'] = function(_options){
- debug == 1 && console.log("début fonction jeedom update");
- // Déclaration des variables
- debug == 1 && console.log(jeedom.cmd.normalizeName('#name#'));
- var batterie;
- var intNum = Math.floor(_options.display_value);
- var decNum = Math.round((_options.display_value - intNum) * 10);
- debug == 1 && console.log("modification valeur Température");
- // 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
- $('#intNumTemp#id#').text(intNum+".");
- $('#decNumTemp#id#').text(decNum);
- debug == 1 && console.log("température : "+intNum+"."+decNum);
- jeedom.cmd.execute({ // Récupération de la valeur de la commande humidité
- id: humidity#id#,
- success: function(valeur) {
- var humidityintNum = Math.floor(valeur);
- var humiditydecNum = Math.round((valeur - humidityintNum) * 10);
- $('#intNumHumidity#id#').text(humidityintNum+".");
- $('#decNumHumidity#id#').text(humiditydecNum);
- debug == 1 && console.log("humidité : "+humidityintNum+"."+humiditydecNum);
- }
- });
- jeedom.cmd.execute({ // Récupération de la valeur de la commande present (binaire)
- id: present#id#,
- success: function(online){
- jeedom.cmd.execute({ // Récupération de la valeur de la commande batterie
- id: battery#id#,
- success: function(valeur){
- batterie = valeur;
- debug == 1 && console.log("récup batterie : "+batterie);
- debug == 1 && console.log("online : "+online);
- ext_online=(online == 1 ?'':'_nobt');
- root_dir='plugins/widget/core/template/dashboard/cmd.info.numeric.HygroThermographe_TaG/';
- var numero_image = '100';
- if (batterie >= 60 && batterie < 80){
- numero_image = '80';
- }else if (batterie >= 40 && batterie < 60){
- numero_image = '60';
- }else if (batterie >= 20 && batterie < 40){
- numero_image = '40';
- }else if (batterie >= 5 && batterie < 20){
- numero_image = '20';
- }else if (batterie < 5){
- numero_image = '0';
- }
- var image = root_dir+'No.ext_'+numero_image+ext_online+'.png';
- var obj = $('.cmd[data-cmd_id=#id#] .IMGihtid#id#')
- obj.attr('src',image);
- }
- });
- }
- });
- $('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate);
- $('.cmd[data-cmd_id=#id#] .state').empty().append(_options.display_value);
- debug == 1 && console.log("fin fonction jeedom update");
- }
- jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#'});
- }});
- }});
- </script>
- </div>
Add Comment
Please, Sign In to add comment