mirror of
https://github.com/fhem/fhem-mirror.git
synced 2025-02-01 01:09:47 +00:00
123 lines
4.0 KiB
JavaScript
123 lines
4.0 KiB
JavaScript
|
|
||
|
|
FW_version["fhemweb_iconButtons.js"] = "$Id$";
|
||
|
|
|
||
|
|
FW_widgets['iconButtons'] = {
|
||
|
|
createFn:FW_iconButtonsCreate,
|
||
|
|
};
|
||
|
|
|
||
|
|
/********* iconButtons *********/
|
||
|
|
function
|
||
|
|
FW_iconButtonsCreate(elName, devName, vArr, currVal, set, params, cmd)
|
||
|
|
{
|
||
|
|
if( 0 ) {
|
||
|
|
console.log( "elName: "+elName );
|
||
|
|
console.log( "devName: "+devName );
|
||
|
|
console.log( "vArr: "+vArr );
|
||
|
|
console.log( "currVal: "+currVal );
|
||
|
|
console.log( "set: "+set );
|
||
|
|
console.log( "params: "+params );
|
||
|
|
console.log( "cmd: "+cmd );
|
||
|
|
}
|
||
|
|
|
||
|
|
if(!vArr.length || vArr[0] != "iconButtons")
|
||
|
|
return undefined;
|
||
|
|
var ipar = 2;
|
||
|
|
|
||
|
|
if( vArr[1].match(/^[A-F0-9]{6}$/))
|
||
|
|
vArr[1] = "#"+vArr[1];
|
||
|
|
|
||
|
|
var newEl = $("<div style='display:inline-block;'>").get(0);
|
||
|
|
$(newEl).addClass(vArr[0]);
|
||
|
|
|
||
|
|
var hidden;
|
||
|
|
if(elName)
|
||
|
|
hidden = $('<input type="hidden" name="'+elName+'" value="'+currVal+'">');
|
||
|
|
$(newEl).append(hidden);
|
||
|
|
|
||
|
|
var clicked = function(arg) { var new_val=newEl.getValueFn(arg);
|
||
|
|
newEl.setValueFn( new_val );
|
||
|
|
if( cmd )
|
||
|
|
cmd(new_val);
|
||
|
|
};
|
||
|
|
|
||
|
|
var buttons = [];
|
||
|
|
for( var i = 2; i < (vArr.length); i+=ipar ) {
|
||
|
|
var button = $('<input type="checkbox">').uniqueId();
|
||
|
|
var label = $('<label for="'+button.attr("id")+'" name="'+vArr[i+1]+'" title="'+vArr[i]+'" >'+vArr[i]+'</label>');
|
||
|
|
buttons.push(button);
|
||
|
|
|
||
|
|
$(newEl).append(button);
|
||
|
|
$(newEl).append(label);
|
||
|
|
|
||
|
|
$(button).change(clicked);
|
||
|
|
}
|
||
|
|
|
||
|
|
$(newEl).buttonset();
|
||
|
|
$(newEl).find("label").css({"margin":"0","border":"0","border-radius":"4px","background":"inherit"});
|
||
|
|
$(newEl).find("span").css({"padding":"0.0em 0.3em"});
|
||
|
|
|
||
|
|
$(newEl).find("Label").each(function(ind,val){
|
||
|
|
$(val).addClass("iconButtons_widget")
|
||
|
|
|
||
|
|
var ico = vArr[ind*ipar+3];
|
||
|
|
FW_cmd(FW_root+"?cmd={FW_makeImage('"+ico+"')}&XHR=1",function(data){
|
||
|
|
data = data.replace(/\n$/,'');
|
||
|
|
$(newEl).find("label").each(function(ind,val){
|
||
|
|
var re = new RegExp("\"\s?"+$(val).attr("name")+"(\s?|\")","i");
|
||
|
|
if (!(data.match(re) === null) && ($(val).find("span").html().match(re) === null)) {
|
||
|
|
$(val).find("span").addClass("iconButtons_widget").html(data);
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
if( !currVal )
|
||
|
|
currVal = ",";
|
||
|
|
|
||
|
|
newEl.getValueFn = function(arg) { var new_val="";
|
||
|
|
for( var i = 0; i < buttons.length; ++i ) {
|
||
|
|
var button = buttons[i];
|
||
|
|
if( $(button).prop("checked") ) {
|
||
|
|
button.next().css({"background-color":vArr[1]});
|
||
|
|
if( new_val ) new_val += ',';
|
||
|
|
new_val += $(button).button( "option", "label")
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if( !new_val ) return ',';
|
||
|
|
return new_val;
|
||
|
|
};
|
||
|
|
|
||
|
|
newEl.setValueFn = function(arg){ if( !arg ) arg = ',';
|
||
|
|
if( hidden )
|
||
|
|
hidden.attr("value", arg);
|
||
|
|
for( var i = 0; i < buttons.length; ++i ) {
|
||
|
|
var button = buttons[i];
|
||
|
|
button.prop("checked", arg.match(new RegExp('(^|,)'+vArr[i*ipar+2]+'($|,)') ) );
|
||
|
|
if (button.prop("checked")==true){
|
||
|
|
button.next().css({"background-color":vArr[1]});
|
||
|
|
} else {
|
||
|
|
button.next().css({"background-color":"inherit"});
|
||
|
|
}
|
||
|
|
button.button("refresh");
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
newEl.setValueFn( currVal );
|
||
|
|
|
||
|
|
return newEl;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
=pod
|
||
|
|
=begin html
|
||
|
|
|
||
|
|
=end html
|
||
|
|
|
||
|
|
=begin html_DE
|
||
|
|
|
||
|
|
=end html_DE
|
||
|
|
=cut
|
||
|
|
*/
|