This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm that you accept these cookies being set.

Room color based on temperature off
#1
Hi
I would like to make a button on the floor plan on each room.
This will be colored due to offset between set temperature of a room and the temperature status of the room.

1/0/1 temperature status
1/0/2 temperature set point 

For instance if offset is -0.5 -> 0.5 would give green with opacity 0.7

With offset -0.5->-1 gives light blue opacity 0.8 (indicate colder)
With offset 0.5->1 gives light orange opacity 0.8 (indicate hotter)

And so on. The script should find correct values to calculate with based on room number. Then calculate and make button correct color 

On click of button the room widget opens.

Anybody found a way to make this?

Attached Files Thumbnail(s)
   
Reply
#2
I'am thinking somethink like this

https://www.itbaktuelt.no/2015/01/18/bru...sd-bilder/

Either the whole room or Just the button displaying the temperature.

Is this possible?

It will be very easy for the customer to see what room he needs to attend to.
Here it is a gradent view that fades over to red or blue based on temperature
Reply
#3
Hi
Have a look here
https://forum.logicmachine.net/showthrea...7#pid12317
BR
------------------------------
Ctrl+F5
Reply
#4
Thanks for link. I went for this https://forum.logicmachine.net/showthrea...08#pid2108
Script as it checks setp and temp in room with class fu ction. I get this to workon text and change text color.
In case I add an icon it doesnt work. Is it possible to change a white picture or a blank picture(to make a room box?)
Reply
#5
This will let you change image color.
Add img or object with attached svg and add additional calsss ' custom' to it
Add this to custom JS
Code:
$(function(){
  if (typeof grp === 'object') {
    grp.listen('32/1/1', function(obj) {
      $('.custom').css('filter', 'hue-rotate(' + (obj.value * 3) + 'deg)');
    });
  }
});
Image color will change based on the value in object 32/1/1, change as needed.

Attached Files
.svg   Sq_blank.svg (Size: 347 bytes / Downloads: 38)
------------------------------
Ctrl+F5
Reply


Forum Jump: