Code : Tout sélectionner
<style>
@font-face {
font-family: danfoss;
src: url('/plugins/widget/core/template/dashboard/cmd.info.numeric.AtoutPOPP/digital-7-italic.ttf');
}
div.vanne {
position: absolute;
top: 30px;
left: 30px;
}
div.pending {
position: absolute;
top: 30px;
left: 120px;
}
div.temperature {
position: absolute;
top: 45px;
left: 105px;
}
div.batterie {
position: absolute;
top: 60px;
left: 115px;
}
span.batterie_label {
position: absolute;
background-color:#FFFFFF;
border:1px solid #323232;
font-size:8px;
color: #323232 ;
padding:0px 2px 0px 2px;
top: 30px;
left: 5px;
}
span.temp_unite {
font-family: danfoss;
font-size:17px;
color: #323232 ;
position: absolute;
top: 22px;
right: 5px;
}
span.vanne_unite {
font-family: danfoss;
font-size:23px;
color: #323232 ;
position: absolute;
top: 25px;
right: 33px;
}
span.vanne_decimal {
font-family: danfoss;
font-size:12px;
color: #323232 ;
position: absolute;
top: 35px;
right: 27px;
}
span.vanne_label {
font-family: danfoss;
font-size:12px;
color: #323232 ;
position: absolute;
top: 30px;
right: 25px;
}
span.vanne_consignePending {
font-size:12px;
background-color:#FFFFFF;
color: #323232 ;
border:1px solid #323232;
padding:0px 2px 0px 2px;
}
</style>
<div class="cmd" data-type="action" data-subtype="slider" data-cmd_id="#id#" style="left:10px;top:0px;" >
<div><span style="font-size: 1em;" id="iconCmd#id#"></span></div>
<map name="metroid#id#">
<area id="areaMinus#id#" shape="circle" coords="10,38,15" href="">
<area id="areaPlus#id#" shape="circle" coords="70,38,15" href="">
</map>
<div class="batterie">
<img id="batterie#id#" style="width:30px;float:left;padding:-5px;" src="plugins/widget/core/template/dashboard/cmd.info.numeric.AtoutPOPP/battery-low-48.png">
<span class="batterie_label" id="batterieLabel#id#"></span>
</div>
<div class="vanne">
<img src="plugins/widget/core/template/dashboard/cmd.info.numeric.AtoutPOPP/Danfoss.png" usemap="#metroid#id#" hidefocus="true" ismap="ismap" border="0">
<span class="vanne_unite" id="intNumVanne#id#"></span>
<span class="vanne_decimal" id="decNumVanne#id#"></span>
<span class="vanne_label" id="uniteVanne#id#">°</span>
</div>
<div class="pending">
<span class="vanne_consignePending" id="consignePending#id#"></span>
</div>
</div>
<script>
var poppConsignePending#id# = parseInt('#ConsignePending#');
var poppConsigne#id# = parseInt('#Temperature#');
var poppTemperature#id# = parseInt('#Temperature#');
var poppCommande#id# = parseInt('#Commande#');
var poppBatterie#id# = parseInt('#Batterie#');
var valConsignPending#id#=0;
// Temperature
jeedom.cmd.execute({
id: poppTemperature#id#,
success: function(valeur) {
var intNum = Math.floor(valeur);
$('#intNumTemp#id#').text(intNum+"°");
}
});
$('#intNumTemp#id#')
.css('cursor', 'pointer')
.click(
function(){
$('#md_modal').dialog({title: "Historique Temperature"});
$("#md_modal").load('index.php?v=d&modal=cmd.history&id='+poppTemperature#id#).dialog('open');
});
var valConsign#id#=0;
jeedom.cmd.execute({
id: poppConsigne#id#,
success: function(valeur)
{
valConsign#id#=valeur;
}
});
// Consigne Pending
function getConsignePending(){
jeedom.cmd.execute({
id: poppConsignePending#id#,
success: function(valeur) {
valConsignPending#id#=valeur;
if (valConsignPending#id# == ''){ valConsignPending#id# = valConsign#id#; }
$('#consignePending#id#').text(valConsignPending#id#+'°');
}
});
}
getConsignePending();
$('#consignePending#id#')
.css('cursor', 'pointer')
.click(
function(){
$('#md_modal').dialog({title: "Historique Console Pending"});
$("#md_modal").load('index.php?v=d&modal=cmd.history&id='+poppConsignePending#id#).dialog('open');
});
// Batterie
jeedom.cmd.execute({
id: poppBatterie#id#,
success: function(valeur) {
$('#batterieLabel#id#').text(valeur+'%');
var batt="full";
if (valeur > 50 && valeur <= 65) {batt='high';}
if (valeur > 20 && valeur <= 50) {batt='mid';}
if (valeur > 0 && valeur <= 20) {batt='low';}
if (valeur == 0) {batt='empty';}
$('#batterie#id#').attr('src', 'plugins/widget/core/template/dashboard/cmd.info.numeric.AtoutPOPP/battery-'+batt+'-48.png');
}
});
$('#batterieLabel#id#')
.css('cursor', 'pointer')
.click(
function(){
$('#md_modal').dialog({title: "Historique Batterie"});
$("#md_modal").load('index.php?v=d&modal=cmd.history&id='+poppBatterie#id#).dialog('open');
});
// Consigne
jeedom.cmd.execute({
id: poppConsigne#id#,
success: function(valeur) {
var intNum = Math.floor(valeur);
var decNum = Math.round((valeur - intNum) * 10);
$('#intNumVanne#id#').text(intNum);
if (decNum != 0)
{
$('#decNumVanne#id#').text('.'+decNum);
$('#intNumVanne#id#.state_unite').css('left' , '25px');
}
var areaPlus = document.getElementById("areaPlus#id#");
var areaMinus = document.getElementById("areaMinus#id#");
areaMinus.onclick = function()
{
var curVal=valConsignPending#id#;
if (curVal>10) { curVal=curVal - 0.5;}
valConsignPending#id#=curVal;
jeedom.cmd.execute({id :poppCommande#id#, value : {slider : curVal}})
$('#consignePending#id#').text(valConsignPending#id#+'°');
return false;
}
areaPlus.onclick = function()
{
var curVal=valConsignPending#id#;
if (curVal<30) { curVal=curVal + 0.5;}
valConsignPending#id#=curVal;
jeedom.cmd.execute({id :poppCommande#id#, value : {slider : curVal}})
$('#consignePending#id#').text(valConsignPending#id#+'°');
return false;
}
}
});
$('#intNumVanne#id#')
.css('cursor', 'pointer')
.click(
function(){
$('#md_modal').dialog({title: "Historique Consigne"});
$("#md_modal").load('index.php?v=d&modal=cmd.history&id='+poppConsigne#id#).dialog('open');
});
</script>