Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN

Begonnen von MaJu, 08 April 2014, 21:15:32

Vorheriges Thema - Nächstes Thema

MaJu

Zum Slider bin ich noch nicht gekommen. Optimierung der Abwesenheit und Schaffung eines neuen Status "schlafen" haben Vorrang, um die TV-Programm-Aktualisierung bei Nichtnotwendigkeit abzuschalten.

Tipps zu den Hue:
Ich hatte schon seit einer Weile Living Colors. Quasi die "HUE" aber mit autarker Fernbedienung.
Der Clou: Hat man eine HUE-Bridge, dann kann man bei den neueren Living Colors die Fernbedienung mit der HUE-Bridge koppeln und fortan die Living Colors genauso verwenden wie HUEs! Die Living Colors sind um einiges preiswerter als die Hue ...

Für E27-Fassungen brauchte ich dann keine bunten Lampen, sondern eher helles weißes Licht. Hier sind die HUE LUX zu empfehlen. 2 Birnen mit Bridge unter 100 € und ich konnte die Living Colors mit einbinden.

Wichtig nur: Die HUEs sind darauf ausgerichtet, dass sie IMMER Strom haben. Ausschalten geht auch, sie schalten dann nach dem Strom-Wiedereinschalten sofort mit voller Helligkeit ein und lassen sich danach wieder regeln. Werden sie jedoch durch Befehle eingeschalten, dann gehen sie schön soft an, das gefällt mir sehr gut.
Erlebnisreiche Grüße aus Leipzig!

Tommy82

Hi, danke für die Tips. An dem Thema mit dem TV Programm will ich auch noch basteln, aber im Moment fehlt mir etwas die Zeit, und erstmal muss der Slider und der Abfallkalender sauber funktionieren
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Tion

Zitat
Bin gerade dabei,den Heizungsslider etwas aufzupeppen.Geht auch ganz einfach über die CSS
Code: [Auswählen]
/* detail-selector & slider */
select {  margin-left:5px; margin-right:5px; }
.set,.attr { margin-bottom:5px; float:left; }
.slider { float:left; width:400px; height:50px; border:0px solid; color:#303030; background-image:url(SliderBack.png) }
.set .slider { background:#F0F0D8; border-radius:8px; }
.handle { position:relative; cursor:move; width:40px;
          height:44px; user-select:none;
          border:0px solid; color:#111111; text-align:center; font-size:48px; vertical-align:middle; }
.downText { margin-top:2px; }

Wieso klappt dieser Code bei mir nicht?

Du änderst es schon in deiner Floorplan CSS ??

Ich werde nichts mehr mit den Slidern machen.Die neuen Knob Elemente gefallen mir einfach besser.
Passt zwar nicht mehr zum Star Trek Design aber mir gefallen sie einfach.

Gruß Volker



FHEM@CT||RFXTRX,CUL868@MAX,HM-Usb,JeeLink
Jee:TX29DTH-IT||Max:Thermostat,ShutterContact,
HM:SEC-MDIR,LC-SW1-PL2,LC-Dim1TPBU-FM,PB-2-WM55
RFX:FA20RF/2, HE501EU,ITL-230,OWL Intuition-lc,YCT-100,div Brennstuhl,IT 1500
FS20:IRU,KSE||FbDect 200,EG-PM2-LAN

MaJu

Danke für den Hinweis, knob kannte ich noch nicht.
Was sind die neuen Knob-Elemente? Ich habe spontan nur einen Thread von vor einem Jahr gefunden.

Grundsätzlich gefällt mir das auch mehr, als Slider.
Erlebnisreiche Grüße aus Leipzig!

Tion

#214
Okay,neu sind sie nicht  :o aber endlich fest mit eingebaut  8)

Zitat
fhemweb.js Umbau
« am: 10 Januar 2015, 21:27:26 »
Ich habe die Aenderungen aus dem FHEMWEB_JS_UMBAU Zweig heute ins trunk eingebaut, und sie auch sofort per update zur Verfuegung gestellt.
- es gibt ein neues knob Widget (wrapper fuer jquery.knob) und ein textField-long

Das Thema hab ich schon länger verfolgt und jetzt zufällig im Chancelog gelesen.
Bin grad noch am rumtesten, was geht und was nicht.

Hier die GitHub Seite des Autors mit den Attributen https://github.com/aterrien/jQuery-Knob
und hier eine Beispiel Def in Fhem
Internals:
   NAME       slider_az
   NR         157
   STATE      17.5
   TYPE       dummy
   Readings:
     2015-01-15 08:49:57   state           17.5
Attributes:
   fp_heizung 270,185,7,
   fp_schalten 136,293,5,
   group      Heizung
   room       Floorplan
   setList    state:knob,min:12,max:25,step:0.5,fgColor:red,anglearc:180,angleoffset:270,bgcolor:blue,width:250,linecap:round,font:lcars,displayPrevious:true
   webCmd     state


Gruß Volker

Thx@Rudi
FHEM@CT||RFXTRX,CUL868@MAX,HM-Usb,JeeLink
Jee:TX29DTH-IT||Max:Thermostat,ShutterContact,
HM:SEC-MDIR,LC-SW1-PL2,LC-Dim1TPBU-FM,PB-2-WM55
RFX:FA20RF/2, HE501EU,ITL-230,OWL Intuition-lc,YCT-100,div Brennstuhl,IT 1500
FS20:IRU,KSE||FbDect 200,EG-PM2-LAN

Tommy82

#215
Hi, komm im moment nicht an meine Fhem aber kann heute abend nochmal genauer schauen, aber ja ich ändere in meiner FP css, hab im grunde deine behalten, welche du hier mal zurverfügung gestellt hast, mit kleinen änderungen, kann die aber gerne heute abend mal hier Posten.
Du meinst doch die css welche ich als attribut dem jeweiligen FP zugeordnet habe!?

Wobei (ich kannte sie auch noch nicht) mir die Knob elemente auch sehr gut gefallen :-) Hab jetzt noch nicht ganz verstanden wie ich die einbauen kann, aber werd mir das auch mal ansehn, weiss nur noch nicht ob ich die aus Platzgründen überall nutzen kann, so das ich wahrscheinlich auch ein paat Slider brauche.
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Tion

ZitatHab jetzt noch nicht ganz verstanden wie ich die einbauen kann

Einfach in der Def deines Dummys statt silder ein knob eintragen  8)

FHEM@CT||RFXTRX,CUL868@MAX,HM-Usb,JeeLink
Jee:TX29DTH-IT||Max:Thermostat,ShutterContact,
HM:SEC-MDIR,LC-SW1-PL2,LC-Dim1TPBU-FM,PB-2-WM55
RFX:FA20RF/2, HE501EU,ITL-230,OWL Intuition-lc,YCT-100,div Brennstuhl,IT 1500
FS20:IRU,KSE||FbDect 200,EG-PM2-LAN

Tion

#217
So, der erste Design Entwurf für den Floorplan steht.
Ein Knob,eine paar ReadingGroups und der Rest als Hintergrundbild.
Hier z.B für das Arbeitszimmer.

Edit:Mist, den Boost Knopf vergessen  8)
FHEM@CT||RFXTRX,CUL868@MAX,HM-Usb,JeeLink
Jee:TX29DTH-IT||Max:Thermostat,ShutterContact,
HM:SEC-MDIR,LC-SW1-PL2,LC-Dim1TPBU-FM,PB-2-WM55
RFX:FA20RF/2, HE501EU,ITL-230,OWL Intuition-lc,YCT-100,div Brennstuhl,IT 1500
FS20:IRU,KSE||FbDect 200,EG-PM2-LAN

justme1968

hue, tradfri, alexa-fhem, homebridge-fhem, LightScene, readingsGroup, ...

https://github.com/sponsors/justme-1968

MaJu

Dem stimme ich zu. Es ist sehr gut in dein Design integriert, auch wenn es meinen persönlichen Geschmack nicht trifft. Dafür wird mein Floorplan auch einigen nicht gefallen *g*

Magst du uns die Attribute hier reinposten, die du für das/den Knob verwendet hast? Danke :-)
Erlebnisreiche Grüße aus Leipzig!

Tion

#220
Klar,gerne
Internals:
   NAME       slider_az
   NR         157
   STATE      20.5
   TYPE       dummy
   Readings:
     2015-01-15 12:18:49   state           20.5
Attributes:
   fp_heizung 85,396,7,
   fp_schalten 136,293,5,
   group      Heizung
   room       Floorplan
   setList    state:knob,min:12,max:25,step:0.5,fgColor:DarkOrange,anglearc:180,angleoffset:0,bgcolor:SlateBlue,width:150,linecap:butt,font:lcars,displayPrevious:true,rotation:levorotation
   webCmd     state

Sehr gut gefällt mir displayPrevious:true
ZitatdisplayPrevious : default=false | true=displays the previous value with transparency

Gruß Volker

Ps.:Bedient sich am Touchscreen viel besser als ein Slider -meinen Empfinden nach
FHEM@CT||RFXTRX,CUL868@MAX,HM-Usb,JeeLink
Jee:TX29DTH-IT||Max:Thermostat,ShutterContact,
HM:SEC-MDIR,LC-SW1-PL2,LC-Dim1TPBU-FM,PB-2-WM55
RFX:FA20RF/2, HE501EU,ITL-230,OWL Intuition-lc,YCT-100,div Brennstuhl,IT 1500
FS20:IRU,KSE||FbDect 200,EG-PM2-LAN

Tommy82

Ich weiss, aber dummy frage, den Dummy definieren, ist ja nicht das Problem, aber wie regelst du damit die Temp? über ein notify?

Zu meinem ursprünglichen Slider problem, die FP css sieht so aus
body     { background-color: #444444; font-family:LCARS, Arial, Helvetica, sans-serif; font-size:13px; background-image:url(../images/default/fhemicon_dark.png); background-repeat:no-repeat; }
body[id~=Media]     { background-color: #A5A5A5; font-family:Arial, Helvetica, sans-serif; font-size:13px; background-image:url(../icons/Media.bak); background-repeat:no-repeat; }
#logo { display:none !important;}
#backimg {position:absolute; top:0px; left:0px;}
#fpmenu.fp_arrange   { position:absolute; bottom:20px; left:30px; min-width:310px; font-size:9px; border:1px solid #CCCCCC; background: #111111; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding: 6px;
box-shadow:5px 5px 5px #000; }

#menu    { position:absolute; top:180px; left:30px; width:128px; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding-bottom: 6px; padding-top: 6px;}
#menu.floorplan  { position:absolute; top:180px; left:30px; width:128px; font-size:13px; border:1px solid #CCCCCC; background: #111111; box-shadow:5px 5px 5px #000; padding: 6px;}

#hdr     { position:absolute; top:15px; left:190px; border:1px solid #CCCCCC; background: #111111; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding: 6px;
box-shadow:5px 5px 5px #000; margin-bottom: 10px;}
#content { position:absolute; top:50px; left:180px; bottom:10px; right:10px; text-align:center}
#startcontent {position:absolute; top:20px; left:200px; text-align:left; font-size: 16px; color:gray; }
#errmsg { background-color: #000000; color: #FFFFFF; position:absolute; top:0px; left:40px; z-index: 10; }

a { color:#CCCCCC; text-decoration:none;}
td {padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;}

img { -moz-border-radius:8px; border-radius:8px;}

table { -moz-border-radius:8px; border-radius:8px; }
table tr.sel { backround: #333333;}
table a:hover {color: #ffffff;}
table.weather { color: #ffffff; font-size: 14px;}

.fp_Home {border:0px solid red;}

.devicename     { font-size: 14px; text-align:center; color: #FFFFFF; }
.devicestate    { text-align:center; color: #FFFFFF; }
.devicecommands { font-size:14px; text-align:center; color: #FFFFFF; }
        .devicetimestamp{ font-size:10px; text-align:center; color: #FFFFFF; }

#Wettervorhersage1_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage2_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage3_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage4_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage5_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage1_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage2_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage3_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage4_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage5_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage1_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage2_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage3_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage4_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage5_Tag {font-size:28px; color: #FF00FF; }


#Heizung_Fenster    { color: #ffffff; font-size: 14px;}
#sz_Rollo.devicecommands {font-size:12px; text-align:center; }
#ez_Aussentemperatur_dummy.devicestate  {color:green; font-size:30px; }
#HomeStatus.devicestate  {color:green; font-size:30px; }
table.dummy              {min-width:100px;}
table.FHT                {min-width:100px; }
#Wettervorhersage3_MaxTemp.devicestate      {color:green; font-size:11px; }
#ez_FHT.devicestate      {color:green; font-size:30px; }
#Home.fp_Home       {font-size:14px; width:100px; }
#Home.fp_Media           {font-size:14px; text-align:left; }
#Media                   {font-size:14px; }
#Grundriss               {font-size:14px; text-align:left; }
#YahooWetter            {font-size:16px; color:#D4D4D4}
#w_WertListe1            {font-size:20px; color:gray}
.fp_tempvalue            {color:red; font-size:20px; }
.fp_humvalue             {color:blue; font-size:20px; }


h2,h3,h4 { color:#52865D; line-height:1.3; margin-top:1.5em; font-family:Verdana; }


/* detail-selector & slider */
select {  margin-left:5px; margin-right:5px; }
.set,.attr { margin-bottom:5px; float:left; }
.slider { margin-left:10px; float:left; width:140px; height:26px; border:2px solid; color:grey; }
.set .slider { background:#101010; border-radius:8px; }


/* timepicker */
.set .set { margin-bottom:2px; margin-top:3px; }

.handle { position:relative; cursor:pointer; width:50px; height:20px;
          line-height:20px; border:2px solid; color:white; text-align:center; }
.downText { margin-top:2px; }

/* next lines are for openautomation-svg */
svg { height:32px; width:32px; fill:#fff; vertical-align:middle; margin:2px 0; }
g.on { fill:red; }

/* next lines are for remotecontrol */
.rc_body              { border-style: solid; border-color: gray; border-width: 2px;
                        padding: 5px; background: #101010; font-size:6px;}
.rc_button            { padding: 5px 7px;}
.rc_button img        { border-style: solid; border-width: 1px; border-color: transparent; }
.rc_button img:active { border-color: gray; }


Die Slider hab ich in einer ReadingsGroup, das list dazu sieht so aus:
Internals:
   DEF        <Gerät>,<Soll>,<Ist>
Gaeste_WC_Clima:desired-temp,measured-temp Heizung_Flur_Clima:desired-temp,measured-temp
Kueche_Clima:desired-temp,measured-temp
Heizung_Tuer_ClimRT_tr:desired-temp,measured-temp
HeizungFenster_Clima:desired-temp,measured-temp
   NAME       rd_Heizungs_Slider
   NR         214
   NTFY_ORDER 50-rd_Heizungs_Slider
   STATE      Initialized
   TYPE       readingsGroup
   mayBeVisible 1
   Content:
     Gaeste_WC_Clima 1
     HeizungFenster_Clima 1
     Heizung_Flur_Clima 1
     Heizung_Tuer_ClimRT_tr 1
     Kueche_Clima 1
   Content2:
   DEVICES:
     ARRAY(0x2372c30)
     ARRAY(0x271f000)
     ARRAY(0x287c110)
     ARRAY(0x27284d8)
     ARRAY(0x271ba60)
     ARRAY(0x1580218)
   Fhem:
     lastDefChange 7
     last_update 1421349555.38053
   Helper:
     DEF
     nameStyle  style="color:yellow;font-weight:bold"
     Commands:
       desired-temp desired-temp:slider,5,0.5,30,1
     Mapping:
       Gaeste_WC_Clima Gäste WC
       HeizungFenster_Clima Heizung Wohnzimmer Fenster
       Heizung_Flur_Clima Heizung Flur
       Heizung_Tuer_ClimRT_tr Heizung Wohnzimmer Tür
       Kueche_Clima Küche
Attributes:
   commands   { 'desired-temp' => 'desired-temp:slider,5,0.5,30,1' }
   fp_Heizung 215,207,0,
   group      Heizung
   mapping    {'Gaeste_WC_Clima' => 'Gäste WC', 'Heizung_Flur_Clima' => 'Heizung Flur', 'Heizung_Tuer_ClimRT_tr' => 'Heizung Wohnzimmer Tür', 'Kueche_Clima' => 'Küche', 'HeizungFenster_Clima' => 'Heizung Wohnzimmer Fenster'}
   nameStyle  style="color:yellow;font-weight:bold"
   noheading  1
   room       Flur Erdgeschoss,Gäste_WC,Küche,Wohnzimmer
   style      style="font-size:20px;color:lightgray;text-align:left"


Danke für die Hilfe
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Tion

Noch ist er ohne Funktion.Das bau ich am Wochenende mit ein.
Du brauchst zwei Notifys, eines zum Temp setzen am HT und eines vom HT zum Knob.Geht aber genauso wie beim Slider,das findest du im Forum.

Zu deinen Slider.Nimm ihn mal aus der readingsgroup raus und setze einen Sliderdummy in deinen Floorplan,dort müsste dann deine css greifen.

Gruß Volker
FHEM@CT||RFXTRX,CUL868@MAX,HM-Usb,JeeLink
Jee:TX29DTH-IT||Max:Thermostat,ShutterContact,
HM:SEC-MDIR,LC-SW1-PL2,LC-Dim1TPBU-FM,PB-2-WM55
RFX:FA20RF/2, HE501EU,ITL-230,OWL Intuition-lc,YCT-100,div Brennstuhl,IT 1500
FS20:IRU,KSE||FbDect 200,EG-PM2-LAN

Tommy82

#223
Zitat von: Tion am 16 Januar 2015, 00:46:53
Noch ist er ohne Funktion.Das bau ich am Wochenende mit ein.
Du brauchst zwei Notifys, eines zum Temp setzen am HT und eines vom HT zum Knob.Geht aber genauso wie beim Slider,das findest du im Forum.

Zu deinen Slider.Nimm ihn mal aus der readingsgroup raus und setze einen Sliderdummy in deinen Floorplan,dort müsste dann deine css greifen.

Gruß Volker

Hi, ein notify zum HT verstehe ich, aber was für eins vom HT zum Knob?

Hab jetzt mal den slider dummy definiert, sieht jetzt so aus:
Internals:
   CFGFN
   NAME       Test_slider_az
   NR         370
   STATE      72
   TYPE       dummy
   Readings:
     2015-01-16 22:27:21   state           72
Attributes:
   fp_Reciever 50,100,7,
   setList    state:slider,0,1,100
   webCmd     state


Es wird im Fp auch ein Slider angezeigt, allerdings der ganz normale, und nicht der aus der css.

Was könnte noch falsch sein?

Danke
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Tommy82

Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI