2
0
mirror of https://github.com/fhem/fhem-mirror.git synced 2025-01-31 12:49:34 +00:00

fhemweb_colorpicker.js: added BRI mode

git-svn-id: https://svn.fhem.de/fhem/trunk@12180 2b470e98-0d58-463d-a4d8-8e2adae1ed80
This commit is contained in:
justme-1968 2016-09-19 21:21:49 +00:00
parent c7f4fec443
commit 0f4e83812c

View File

@ -119,7 +119,7 @@ FW_colorpickerCreate(elName, devName, vArr, currVal, set, params, cmd)
bri.style.display='none';
}
newEl.setValueFn = function(arg){
newEl.setValueFn = function(arg) {
if( hidden )
hidden.attr("value", arg);
@ -210,6 +210,40 @@ FW_colorpickerCreate(elName, devName, vArr, currVal, set, params, cmd)
$(newEl).addClass("colorpicker_hue");
return newEl;
} else if( mode == 'BRI' ) {
var newEl = FW_createSlider(elName, devName, ["slider",vArr[2],vArr[3],vArr[4]], currVal, undefined, params, cmd);
$(newEl).addClass("colorpicker_bri");
var grad = 'background-image: -webkit-linear-gradient(left, #c1#, #c2# );'
+ 'background-image: -moz-linear-gradient(left, #c1#, #c2# );'
+ 'background-image: -ms-linear-gradient(left, #c1#, #c2# );'
+ 'background-image: -o-linear-gradient(left, #c1#, #c2# );'
+ 'background-image: linear-gradient(left, #c1#, #c2# );';
var slider = $(newEl).find('.slider').get(0);
var v = grad.replace(/#c1#/g, 'rgb( 0, 0 ,0)')
.replace(/#c2#/g, 'rgb(255,255,255)')
slider.setAttribute('style', v );
var setValueFn = newEl.setValueFn;
newEl.setValueFn = function(arg) {
setValueFn( arg );
var v = arg/(vArr[4]-vArr[2]);
if( v > 0.75 )
$(slider).find('.handle').get(0).style.color = '#000000';
else
$(slider).find('.handle').get(0).style.color = '#FFFFFF';
}
if( currVal ) {
newEl.setValueFn(currVal);
$(document).ready(function(arg) { newEl.setValueFn(currVal) });
}
return newEl;
}
if( currVal )