:fill(white):strip_exif()/i/2006976478.jpeg?f=thumbmini)
:strip_icc():strip_exif()/u/467922/crop57c03d1ebae0a_cropped.jpeg?f=community)
@Scriptman CCTR-800+ (AliExpress) met een Simyo prepaid kaartje. Ik gebruik de Traccar add-on (Hassio nodig) en zodra je daar een GPS tracker toevoegt komt hij als Device_tracker. in HA. Je kan ook los een docker container opzetten.
:strip_exif()/u/87698/avatarline.gif?f=community){kind=avatar}
:strip_icc():strip_exif()/u/34345/crop604df19f86683.jpg?f=community)
Software
- Ubuntu 19.04
- Home Assistant 0.103.6 (Docker)
- DSMR_Reader 2.15.0(Docker)
- Overige containers;Pi-Hole, Portainer, Mosquitto, Influxdb, Grafana, Unify Controller
Hardware
1x Intel NUC7CJYH (mediacenter)1x Intel NUCDN2820; 4GB geheugen, 120GB SSD (home automation)
1x Raspberry Pi 3B
1x Raspberry Zero W
1x Slimme meter (DSMRv5) + P1 kabel
1x Philips Hue Bridge 2.0
3x Ubiquiti UniFi AP-AC LITE
1x Ubiquiti UniFi Switch (8-poorts, 60W PoE)
3x Philips Hue Draadloze Dimmer
2x Philips Hue Motion Sensor
6x Philips Hue White and Ambiance GU10
2x Philips Hue White Ambiance E14
2x Philips Hue White Ambiance E27
1x Osram Lightify GardenSpot Mini
1x Sonoff POW R2
1x Sonoff TH16
2x Sonoff Basic
5x Xiaomi Mi Flora
Nog ongebruikt:
1x Shelly
3x Sonoff POW R2
2x Sonoff Basic
1x Sonoff TH16
Setup en automations
Presence detectionDit is een combinatie van de Bluetooth scanner en de (wifi)Unify Controller Integration.
Als één van beide componenten een bewoner detecteert gaat er een input boolean naar 'True'.
Maar om boolean deze weer op 'False' te krijgen moeten beide aangeven dat er géén detectie meer is.
De Bluetooth scanner zit in de meterkast, bij de voordeur. Wifi bereik denkt het gehele huis en de voor/achtertuin.
Lampen
Lampen/spots in de woonkamer gaan aan op basis van: aanwezigheid / zons op- en ondergang / hoeveelheid licht in woonkamer / status van Kodi.
• Als één van de bewoners thuis komt (vanaf een half uur voor zonsopgang tot 00:00) gaat het licht in de gang aan (nog voordat de voordeur bereikt is).
• Als één van de bewoners thuis komt en er is nog niemand thuis, dan gaan de woonkamer lichten aan. Diverse tijdvlakken bepalen de kleur en sterkte.
• Als m'n vriendin thuis is en haar Laptop connect met wifi, dan gaat de lampen daar aan. Diverse tijdvlakken bepalen de kleur en sterkte.
• Als er iemand thuis is en het begint donker/schemerig te worden, dan gaan de woonkamer lichten aan. Diverse tijdvlakken bepalen de kleur en sterkte.
• Als alle bewoners van huis gaan, gaan bijna alle lichten uit.
• Als Kodi media afspeelt en de woonkamer lichten staan aan, dan worden ze gedimd. Bij een stop/pauze gaan ze terug naar de oude kleur/sterkte.
• Als Kodi media afspeelt en de woonkamer lichten staan nóg niet aan maar een andere trigger om ze aan te zetten gaat af, dan wordt ook het 'media/dim' setting gebruikt.
• Vanaf 22:00 tot 01:00 vind er ieder kwartier een controle plaats; stroomverbruik media center, wifi/netwerk connectie (PS4, Laptop, NUC mediacenter). Als deze negatief zijn, dan gaan bijna alle woonkamer lichten uit en een paar spots op 1%.
• Motion sensor op de overloop bepaalt:
- Op basis van tijdvlakken en hoeveelheid licht of, wanneer en hoe sterk het licht op de overloop aan gaat.
- Dat 's ochtend tussen 06:45 en 09:00 de lampen in de woonkamer, gang en overloop aan gaan.
Reistijd
• Als de bewoners thuis zijn en het is een werkdag, dan tussen 07:00 en 08:00 elke 5 minuten de verwachte reistijd naar de werklocaties ophalen. Bij meer dan 10 minuten vertraging volgt een pushnotificatie.
Afval / containers
• De avond vóórdat de vuilcontainers geleegd worden, word er een pushnotificatie naar de telefoon(s) gestuurd.
Setup en automations - To do
DeurbelBij aanbellen:
- Ganglicht aan, indien het donker is.
- Push notificatie naar telefoon(s)
- Geluid van de bel uit als er een nachtdienst gedraaid is
Wasmachine / droger
Stroom verbruik meten.
Op basis van stroomverbruik een push notificatie sturen wanner de programma's afgerond zijn.
Batterijstatus
Push notificaties wanneer het percentage onder de 10% komt.
Buitenlicht / voordeur
Als iemand de tuin inloopt (al dan niet over het pad):
- Het licht bij de voordeur aanzetten.
- Op basis van tijd een push notificatie versturen.
Grafische interface / Lovelace
Dat dus
Tis nu nog allemaal erg basic en alles op 1 scherm/tab
[ Voor 5% gewijzigd door Nnoitra op 07-02-2020 11:59 ]
Sarcasm is my superpower! What's yours?
@maartend Makkelijk een jaar met 10 euro. Alleen het sturen van configuratie berichten en de reply's daarvan kosten meer geld. Daarna verbruikt het minimale hoeveelheid KB's voor het versturen van de GPS coördinaten. Helaas werkt het buitenland nog niet. Wellicht dat dit op te lossen is door een abbo ipv prepaid. De Tracker ondersteunt het in ieder geval wel.
@Hmmbob
Hij gaat makkelijk 30 dagen mee zonder stroom (verzend alleen coördinaten als de G sensor beweging ziet). En ik rij voor mijn werk elke dag minimaal 2 uur met de auto.
- Auto 1 -
USB autolader in de 12V stekker met USB kabel (meegeleverd) naar GPS tracker en soms blijft hij aangesloten maar vooral met lange tochten gooi k hem in de lader en dan kan hij makkelijk mee tot de volgende lange rit.
- Auto 2 -
USB autolader in de 12V stekker met USB kabel (meegeleverd) naar GPS tracker. Deze tracker is volledig weggewerkt achter mijn dashboard en de kabel komt tussen de stoel en middenconsole naar boven. 90% van de tijd ingeplugd.
- Auto 3 - VOORKEUR
Ik heb een kastje met twee USB poorten welke stroom krijgt via een aftap van de 12V sigaretten aansteker. USB 1 gaat naar mijn dashcam en USB 2 naar mijn GPS tracker. Dit hele verhaal is weggewerkt in het dashboard en middenconsole dus niet zichtbaar. Dashcam kabel is ook gewerkt via A-stijl tot aan binnenspiegel.
Het nadeel van een hardwire kit is namelijk dat het toch een kleine hoeveelheid stroom vraagt en voor auto's die soms langere tijd stil staan betekend dat lege accu's. Doordat de GPS tracker zelf een batterij heeft die lang genoeg mee gaat kan ik dit probleem overbruggen (ik rij zeker elke twee weken in de auto). De 12V sigaretten aansteker gaat uit als de auto uitgaat en de GPS tracker gaat dan in rust modus tot de auto weer beweegt.
Uiteindelijk gaan alle wagens op deze manier ingericht worden maar ik heb er nog geen tijd voor gehad. Auto 3 is de hobby auto en had bij mij prio. Het is een sport autotje en de ruime is al beperkt dus wilde ik de 12V vrij houden voor ruime voor een telefoon o.i.d..
USB splitter
Aftap:
Zwart naar carrosserie, rood strippen en aan aftap. Let wel goed op bij de aftap dat je de juiste maat neemt.
Loopt allemaal via het zekeringskastje binnen in de auto. Dashboard hoeft er niet uit. Meestal is achter het stuur of het dashboardkastje ruimte.
@Hmmbob
Hij gaat makkelijk 30 dagen mee zonder stroom (verzend alleen coördinaten als de G sensor beweging ziet). En ik rij voor mijn werk elke dag minimaal 2 uur met de auto.
- Auto 1 -
USB autolader in de 12V stekker met USB kabel (meegeleverd) naar GPS tracker en soms blijft hij aangesloten maar vooral met lange tochten gooi k hem in de lader en dan kan hij makkelijk mee tot de volgende lange rit.
- Auto 2 -
USB autolader in de 12V stekker met USB kabel (meegeleverd) naar GPS tracker. Deze tracker is volledig weggewerkt achter mijn dashboard en de kabel komt tussen de stoel en middenconsole naar boven. 90% van de tijd ingeplugd.
- Auto 3 - VOORKEUR
Ik heb een kastje met twee USB poorten welke stroom krijgt via een aftap van de 12V sigaretten aansteker. USB 1 gaat naar mijn dashcam en USB 2 naar mijn GPS tracker. Dit hele verhaal is weggewerkt in het dashboard en middenconsole dus niet zichtbaar. Dashcam kabel is ook gewerkt via A-stijl tot aan binnenspiegel.
Het nadeel van een hardwire kit is namelijk dat het toch een kleine hoeveelheid stroom vraagt en voor auto's die soms langere tijd stil staan betekend dat lege accu's. Doordat de GPS tracker zelf een batterij heeft die lang genoeg mee gaat kan ik dit probleem overbruggen (ik rij zeker elke twee weken in de auto). De 12V sigaretten aansteker gaat uit als de auto uitgaat en de GPS tracker gaat dan in rust modus tot de auto weer beweegt.
Uiteindelijk gaan alle wagens op deze manier ingericht worden maar ik heb er nog geen tijd voor gehad. Auto 3 is de hobby auto en had bij mij prio. Het is een sport autotje en de ruime is al beperkt dus wilde ik de 12V vrij houden voor ruime voor een telefoon o.i.d..
USB splitter
Aftap:
Zwart naar carrosserie, rood strippen en aan aftap. Let wel goed op bij de aftap dat je de juiste maat neemt.
Loopt allemaal via het zekeringskastje binnen in de auto. Dashboard hoeft er niet uit. Meestal is achter het stuur of het dashboardkastje ruimte.
Ook dat staat op 'm to-do lijst
Ik wil alles eerst een beetje netjes onderverdelen in 'eigen' .yml files voordat ik 't deel; tis nu nog een beetje een warboel zeg maar.
Maar stuur me gerust een PM over wat je wilt weten
Sarcasm is my superpower! What's yours?
:strip_icc():strip_exif()/u/82832/innoicon.jpg?f=community)
"The desire to bring something into the world that didn't exist, is one of the most important human desires there is. We are inventors, and we are explorers." - Adam Savage
Tevreden van jouw Shelly 1's? Ik verwacht elk moment een Shelly 1 uit Bulgarije.:toon volledige berichtSoftware
- Home Assistant 0.95.4
- DSMR Reader (nog niet in HA)
Hardware
- Raspberry Pi 3
- Philips Hue 2.1 Bridge
- Google Home
- Logitech Harmony Hub
- Google Nest thermostaat V3
- 6x Shelly 1 - waarvan 1 nog te installeren
- 2x Sonoff T1 1-gang - waarvan 1 nog te installeren
- 2x Sonoff T1 2-gang
- 4x Sonoff S20 - waarvan 1 gebruikt wordt voor verschillende tijdelijke zaken (kerstboom/ventilator)
- 1x RGB controller
- Foscam Fosbaby camera
- China cam
- iPhone 8
- Samsung Galaxy S10
- FRITZ!Box 7590
Automations/scenes
Aanwezigheid
Telefoons van mij en mijn vrouw worden gebruikt voor aanwezigheidsdetectie via bluetooth en wifi op de FRITZ!Box. Werkt perfect. In de interface wordt de foto van mij en/of mijn vrouw zwart/wit als we afwezig zijn. In de interface zitten twee knoppen om afwezig/thuis te overriden, voor als we bijvoorbeeld oppas hebben, of er per ongeluk een telefoon thuis is blijven liggen.
Werkdagen van mijn vrouw komen uit Google Calendar. Moet nog even iets slims/leuks voor mijzelf bedenken (aangezien ik vrij regelmatig werk en dat dus wel een open deur is).
Lampen
Op basis van aanwezigheid en lichtsterkte schakelt de (belangrijkste) lamp in de woonkamer. Dit gaat in de toekomst nog verbeterd worden door meer sensoren te plaatsen (ook in verschillende ruimtes zoals de hal). In de winter gaat een groeilamp (voor mijn peper- en tomatenplantjes) aan gebaseerd op lichtsterkte, aanwezigheid van iemand in de woonkamer (TV/lampen aan) en tijd.
Als we het huis allebei verlaten en er zijn nog lampen aan, dan krijg ik een melding.
In de toekomst wil ik meer doen met beweging/lichtsterkte.
Wasmachine/droge
Melding via Google Home op basis van stroomverbruik dat de wasmachine en droger klaar zijn. Mijn vrouw vond dit zwaar overdreven, maar is daar toch van teruggekomen.
Afstandsbediening
In de interface verandert de afstandsbediening op basis van de activity in de Harmony Hub (TV/Netflix/NAS).
Vuilnis
Iedere ochtend dat er vuilnis buiten gezet moet worden krijg ik een berichtje om kwart over 7 met daarin het soort afval.
Wakker
Deze scene wordt werd geactiveerd op basis van mijn alarm. Zodra ik mijn alarm uitzet (dus niet snooze) zorgt Google Assistant (alleen wanneer telefoon in EN (US) staat) ervoor dat bepaalde lampen en de TV (op nieuws) aangaan.
Slapen
TV/muziek gaat uit. Lampen beneden gaan uit en boven aan (in bepaalde volgorde voor een bepaalde tijd).
Backup
Dagelijkse backup van Home Assistant midden in de nacht.Screenshots
Wij gebruiken de interface met name op de telefoon, dus daar is deze voor gebouwd. (Is het nu onderhand al mogelijk om zowel een mobile als desktop view te maken??) En ja ik houd van roze!
(clickable)
[Afbeelding] [Afbeelding] [Afbeelding] [Afbeelding] [Afbeelding] [Afbeelding]Beveiliging
Camera's en verlichting/sensoren hebben geen toegang tot internet. En dit wil ik ook zoveel mogelijk voorkomen.
Heb je de Shelly's gekoppeld via de community store add-on? Problemen ondervonden? Andere tips?
Gebruik je Shelly's i.c.m. drukknoppen of aan/uit-schakelaars?
:strip_icc():strip_exif()/u/40748/crop626fc0619693c_cropped.jpg?f=community)
Leuk topic om door te lezen, veel goeie inspiratie 
Bij dezen mijn setup, nog verre van af, maar krijgt steeds meer vorm.
Software
Ubuntu 18.04.4 LTS
Home Assistant 0.106.2 (Docker)
Hardware
1x Minipc met een i5, 16Gb Ram, 512Gb SSD.
1x Raspberry Pi 3B (Pi-Hole, maar nog niet in gebruik (Kan de DNS niet wijzigen in m'n Ziggo modem.)
1x Philips Hue Bridge 2.0
3x TP-Link Deco M9
5x Philips Hue Draadloze Dimmer
1x Philips Hue Motion Sensor
2x Wyze Motion Sensor
4x Wyze Magnet Sensor
1x Wyze Pan-Cam
2x Wyze Cam (In een semi waterdichte behuizingen, een hangt buiten bij de voordeur, de ander in de achtertuin.)
3x Philips Hue White and Color Ambiance GU10
6x Philips Hue White Ambiance GU10
6x Philips Hue White Ambiance E27
4x Philips Hue White Ambiance E14
1x Philips Impress buitenlamp (White and Color Ambiance)
3x Ikea Tradfri GU10
1x Ikea Tradfri Dimmer
4x TP-Link HS110 Smart Plugs
1x Action LSC Ledstrip (Tasmota)
1x Google Hub
1x Google Mini
1x Nest Thermostaat
2x Nest Protect
1x Chromecast
2x Shelly Dimmer
Automations
- Een van de spots in de gang gaat aan bij openen voordeur als het donker is, en de lampen niet al aan staan. Gaat na 1 minuut weer uit.
- Een lamp in de woonkamer gaat aan bij openen van de achterdeur, ook alleen als het donker is en de lamp niet al aan staat. Gaat na 1 minuut weer uit.
- Verwarming gaat aan als een van ons 2 de werk zone verlaat na 16:00 op een werkdag.
- M'n kinderen willen nog wel eens aan de thermostaat zitten, deze zet zichzelf terug naar 19°c als hij langer als 10 seconden op 23°c of hoger staat. (moet dit nog aanpassen dat hij naar de temperatuur gaat waar hij op stond voordat de kinderen eraan zaten.)
- Notificatie zodra HA weer up is na een herstart.
Lovelace
En zo ziet het eruit, heb mn best gedaan voor een hoge WAF, zodat ook mn vrouw het fijn vind om te gebruiken. En met redelijk succes, alle andere apps (hue, wyze, kasa, etc) worden nu niet meer gebruikt.
Bij dezen mijn setup, nog verre van af, maar krijgt steeds meer vorm.
Software
Ubuntu 18.04.4 LTS
Home Assistant 0.106.2 (Docker)
Hardware
1x Minipc met een i5, 16Gb Ram, 512Gb SSD.
1x Raspberry Pi 3B (Pi-Hole, maar nog niet in gebruik (Kan de DNS niet wijzigen in m'n Ziggo modem.)
1x Philips Hue Bridge 2.0
3x TP-Link Deco M9
5x Philips Hue Draadloze Dimmer
1x Philips Hue Motion Sensor
2x Wyze Motion Sensor
4x Wyze Magnet Sensor
1x Wyze Pan-Cam
2x Wyze Cam (In een semi waterdichte behuizingen, een hangt buiten bij de voordeur, de ander in de achtertuin.)
3x Philips Hue White and Color Ambiance GU10
6x Philips Hue White Ambiance GU10
6x Philips Hue White Ambiance E27
4x Philips Hue White Ambiance E14
1x Philips Impress buitenlamp (White and Color Ambiance)
3x Ikea Tradfri GU10
1x Ikea Tradfri Dimmer
4x TP-Link HS110 Smart Plugs
1x Action LSC Ledstrip (Tasmota)
1x Google Hub
1x Google Mini
1x Nest Thermostaat
2x Nest Protect
1x Chromecast
2x Shelly Dimmer
Automations
- Een van de spots in de gang gaat aan bij openen voordeur als het donker is, en de lampen niet al aan staan. Gaat na 1 minuut weer uit.
- Een lamp in de woonkamer gaat aan bij openen van de achterdeur, ook alleen als het donker is en de lamp niet al aan staat. Gaat na 1 minuut weer uit.
- Verwarming gaat aan als een van ons 2 de werk zone verlaat na 16:00 op een werkdag.
- M'n kinderen willen nog wel eens aan de thermostaat zitten, deze zet zichzelf terug naar 19°c als hij langer als 10 seconden op 23°c of hoger staat. (moet dit nog aanpassen dat hij naar de temperatuur gaat waar hij op stond voordat de kinderen eraan zaten.)
- Notificatie zodra HA weer up is na een herstart.
Lovelace
En zo ziet het eruit, heb mn best gedaan voor een hoge WAF, zodat ook mn vrouw het fijn vind om te gebruiken. En met redelijk succes, alle andere apps (hue, wyze, kasa, etc) worden nu niet meer gebruikt.
[ Voor 79% gewijzigd door Meelobee op 18-05-2020 22:53 . Reden: Hardware lijst bijgewerkt. :) ]
Ryzen 7 7700X | ROG Strix B650-E Gaming Wifi | ROG Strix RTX 4070Ti | 32Gb GSkill RipJaws S5 | 980Pro 2Tb | Corsair RM850x Shift | Fractal Design North Black
Schrikdraad-apparaat er aan zou ik zeggen, dan leren ze het wel af. Gelukkig hebben mijn kinderen (11 en 9) dat ding nog nooit aangeraakt (denk ik).
Mooi hoor. Hoe heb je die afval-sensor gemaakt?En zo ziet het eruit, heb mn best gedaan voor een hoge WAF, zodat ook mn vrouw het fijn vind om te gebruiken. En met redelijk succes, alle andere apps (hue, wyze, kasa, etc) worden nu niet meer gebruikt.
Tja het zijn kinderen dus ze doen wel eens iets wat niet mag, het is ook een mooi schermpje om mee te 'spelen'. (Tweakers in de dop!) Met deze automation vang ik het af en is er verder weinig aan de hand
De afval sensor heb ik eerder al eens gepost in het HA topic: https://gathering.tweakers.net/forum/view_message/61356214
De plaatjes staan hier: https://1drv.ms/u/s!AlaBg5xBef-IgrQsS4SBZOKK_N4QkQ?e=KXbGW5
De afval sensor heb ik eerder al eens gepost in het HA topic: https://gathering.tweakers.net/forum/view_message/61356214
De plaatjes staan hier: https://1drv.ms/u/s!AlaBg5xBef-IgrQsS4SBZOKK_N4QkQ?e=KXbGW5
[ Voor 45% gewijzigd door Meelobee op 02-03-2020 21:12 ]
Ryzen 7 7700X | ROG Strix B650-E Gaming Wifi | ROG Strix RTX 4070Ti | 32Gb GSkill RipJaws S5 | 980Pro 2Tb | Corsair RM850x Shift | Fractal Design North Black
Zou jij wellicht de plaatjes nog een keer willen delen? De link geeft geen plaatjes meer:
Tja het zijn kinderen dus ze doen wel eens iets wat niet mag, het is ook een mooi schermpje om mee te 'spelen'. (Tweakers in de dop!) Met deze automation vang ik het af en is er verder weinig aan de hand
De afval sensor heb ik eerder al eens gepost in het HA topic: https://gathering.tweakers.net/forum/view_message/61356214
De plaatjes staan hier: https://1drv.ms/u/s!AlaBg5xBef-IgrQsS4SBZOKK_N4QkQ?e=KXbGW5
het is dan wel niet mijn container zet, maar had de zip nog in mijn downloads staan
volgens mij moet dit hem zijn
https://www.dropbox.com/s.../Container_icons.zip?dl=0
volgens mij moet dit hem zijn
https://www.dropbox.com/s.../Container_icons.zip?dl=0
Thanks.:
het is dan wel niet mijn container zet, maar had de zip nog in mijn downloads staan
volgens mij moet dit hem zijn
https://www.dropbox.com/s.../Container_icons.zip?dl=0
Algemene vraag:
Zal er ook een icoon zijn voor de groene bak? (bij sommige weer bruin overigens) van restafval?
edit: denk het niet
https://nl.vecteezy.com/v...-verschillende-prullenbak
[ Voor 10% gewijzigd door Mich op 12-03-2020 19:18 ]
/u/1002033/crop5a1d6e8df24f6_cropped.png?f=community)
:strip_icc():strip_exif()/u/680783/crop5da85e072be86_cropped.jpeg?f=community)
Bedankt voor je config in github, heel leerzaam.:toon volledige berichtSoftware
- Linux Ubuntu LTS
- Home Assistant (sinds v0.22 oid)
- DSMR Reader
- Appdaemon
- ESPHome
Hardware
- Asrock J3160 / SSD / 2x RAID 1 disk
- Aeotec USB-stick Z-Stick Gen5
- meerdere Fibaro Dimmer 2's
- Fibaro Switch 2
- Fibaro Roller shutter 2
- 1x Xiaomi Mi Flora
- P1-Kabel t.b.v. Slimme meter
- 10x ESP32 / ESP8266
- Sonoff Dual
- berg temperatuur en vochtigheidssensoren
- fans, voor op de convectorput
- C1101 om de ITHO doos te sturen
- EMS bordje voor Nefit ketel
- 2x Eastron SDM120D stroom meters
- Max Cube & 2x EQ3 radiatorknoppen
Automations
Een kleine greep uit de vele automations die ik gebruik. Mijn config kun je hier vinden:
https://github.com/balk77/Home-AssistantConfig
Lampen
Alle lampen in de woonkamer zijn bedienbaar. Een Z-wave switch om alles uit te zetten.
Aanrechtverlichting
De werkbladverlichting in de open keuken kan ik dimmen met PWM uit een ESP32. Na 20:00 dimt het licht; bij beweging weer vol aan.
Badkamerverlichting
Licht is gedimt in de nacht. In de ochtend gaat het in 1 minuut naar vol. Tijdsgrenzen zijn afhankelijk van de zonstand.
Badkamerventilatie
ITHO box gestuurd door 1) vocht sensor of 2) als de ketel een seintje geeft dat er warm water getapt wordt.
De ventilatie schakelt in bij een groot verschil met de minimum luchtvochtiheid in de afgelopen 4 uur. Dit om seizoensinvloeden te verminderen.
Wasmachine/Droger
Stroom meting geeft een seintje via Telegram wanneer die klaar zijn.
Vakantie/niet thuisstand
Regelt random verlichting mbv Occusim.
Radiatoren op kinder kamers
M.b.v. een PIR sensor activeert de radiatoren. Als er druk gespeeld wordt, staat de verwarming aan. Zijn ze elders, staat ie uit.Screenshots
Mijn frontend is niet zo heel fancy; ik kom er weinig om dat veel zaken automatisch geregeld worden
[Afbeelding]
:strip_exif()/u/11936/dd2.gif?f=community)
/u/847895/crop5db04067d9841_cropped.png?f=community)
Software
- Home Assistant 0.107.1
- File editor addon
- Samba addon
- deConz addon
- Shopping List addon
- HACS addon
Hardware
- Raspberry Pi 3B
- Aqara deurstandsensor x3
- Aqara thermometertje x2
- Xiaomi/Mija BTLE thermometer
- Yeelight E27 color bulb x3
- Yeelight Ledstrip (color)
- IKEA TRÅDFRI E14 kaarslamp
- Sonoff S20 outlet switch x2
- ConBee II usb adapter
- 30mm Pi-Fan om de boel koel te houden
Automations
Hierbij een greep uit de meest handige automations (m.i.):Lampen:
Bij thuiskomst na zosondergang gaan de lampen in de woonkamer automatisch aan wanneer ik de deur open.
Badkamerlicht gaat automatisch aan/uit bij het openen van de deur (aan als je hem opent, uit als ze de afgelopen 10 seconden niet geschakeld zijn en de deur wederom opent, de 10 seconden is gedaan als debounce omdat ze anders weer gelijk aan gingen als je de deur voor de tweede keer opende
), slaapkamerlichtje gaat automatisch aan om 00:45 (want nachtbraker).Als ik wakker word en de slaapkamerdeur open doe (om te gaan leven enzo) gaat automatisch het licht in de woonkamer aan.
Locatiegebaseerd:
Lampen, versterker en TV gaan automatisch aan of uit wanneer ik thuis kom of wegga.
Telefoon:
M.b.v. de Nabu Casa app wordt de batterijstatus van mijn telefoon gechecked, als die onder de 30% valt gaat een lamp in de woonkamer op rood.
Ligt hij aan de lader en komt de batterij boven de 90% wordt diezelfde lamp groen en zegt mijn Google Home Mini speaker "Phone charged", omdat ik lui ben
Haal ik hem er dan nóg niet af, herhaalt bovenstaande (grofweg) nog eens maar dan met een rode lamp en de melding "Your phone is overcharging". Werkt erg goed
Veiligheid:
Mocht mijn deur open gaan als ik niet thuis ben (wat wijst op inbraak) krijg ik op mijn telefoon een melding hiervan.
Overige info
Presence detection wordt gedaan d.m.v. de Home Assistant Companion app van Nabu Casa.Andere leuke integraties zijn, maar niet gelimiteerd tot:
- Afvalkalender
- Buienradar loop
- iFrame met windy.com
- Circadiaans ritme dat de lampen volgen (helderheid en kleurtemperatuur wordt gebaseerd op de stand van de zon)
- Reistijden naar werk en thuis vanaf mijn huidige locatie
- Monitoring tools voor de Pi zelf
- Geänimeerde achtergronden met cinemagraphs die wisselen bij refresh en andere laten zien op basis van dag/nacht
Screenshots
Mijn floorplan met alle lampen, temperaturen en deurstanden.
Media control op een Picture Elements kaartje met als achtergrondj een foto van de daadwerkelijke versterker
Weet een beetje van veel dingen en veel van een paar dingen.
Mooie Lovelace interface! Welk thema gebruik je?:toon volledige bericht
Leuk topic om door te lezen, veel goeie inspiratie
Bij dezen mijn setup, nog verre van af, maar krijgt steeds meer vorm.
Software
Ubuntu 18.04.4 LTS
Home Assistant 0.106.2 (Docker)
Hardware
1x Minipc met een i5, 16Gb Ram, 512Gb SSD.
1x Raspberry Pi 3B (Pi-Hole, maar nog niet in gebruik (Kan de DNS niet wijzigen in m'n Ziggo modem.)
1x Philips Hue Bridge 2.0
3x TP-Link Deco M9
5x Philips Hue Draadloze Dimmer
1x Philips Hue Motion Sensor
1x Wyze Motion Sensor
2x Wyze Magnet Sensor
1x Wyze Pan-Cam
1x Wyze Cam (In een semi waterdichte behuizing, hangt buiten bij de voordeur.)
3x Philips Hue White and Color Ambiance GU10
6x Philips Hue White Ambiance GU10
6x Philips Hue White Ambiance E27
4x Philips Hue White Ambiance E14
1x Philips Impress buitenlamp (White and Color Ambiance)
3x Ikea Tradfri GU10
1x Ikea Tradfri Dimmer
4x TP-Link HS110 Smart Plugs
1x Action LSC Ledstrip (Tasmota)
1x Google Hub
1x Google Mini
1x Nest Thermostaat
2x Nest Protect
1x Chromecast
2x Shelly Dimmer
Automations
- Een van de spots in de gang gaat aan bij openen voordeur als het donker is, en de lampen niet al aan staan. Gaat na 1 minuut weer uit.
- Een lamp in de woonkamer gaat aan bij openen van de achterdeur, ook alleen als het donker is en de lamp niet al aan staat. Gaat na 1 minuut weer uit.
- Verwarming gaat aan als een van ons 2 de werk zone verlaat na 16:00 op een werkdag.
- M'n kinderen willen nog wel eens aan de thermostaat zitten, deze zet zichzelf terug naar 19°c als hij langer als 10 seconden op 23°c of hoger staat. (moet dit nog aanpassen dat hij naar de temperatuur gaat waar hij op stond voordat de kinderen eraan zaten.)
- Notificatie zodra HA weer up is na een herstart.
Lovelace
En zo ziet het eruit, heb mn best gedaan voor een hoge WAF, zodat ook mn vrouw het fijn vind om te gebruiken. En met redelijk succes, alle andere apps (hue, wyze, kasa, etc) worden nu niet meer gebruikt.
[Afbeelding]
[Afbeelding]
[Afbeelding]
[Afbeelding]
[Afbeelding]
[Afbeelding]
Misschien niet niet het juiste topic, maar toch de vraag.
Zou je de code van de personen card willen delen?
Dus op de de eerste afbeelding links boven in?
Ik heb lopen knoeien met picture-elements maar krijg het niet zo voor elkaar om het net zoals jou te krijgen...
Thanks
Thema is custom made en nog een work in progress, hier en daar missen er nog wat kleuren of zijn sommige dingen niet goed leesbaar, maar is grotendeels al prima bruikbaar.
Dit is de achtergrond:
En dit de thema code:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
| 01_Custom:
# Background image
lovelace-background: 'center / cover no-repeat url("/local/backgrounds/colors_01.jpg") fixed'
# Colors
text-color: '#ffffff' # White text
text-medium-light-color: '#cacacc' # Medium-light grey text
text-medium-color: '#88888f' # Medium grey text
text-dark-color: '#6A6B74' # Dark grey text
accent-color: '#e8d195' # Orange
accent-medium-color: '#ffc947' # Light orange
accent-dark-color: '#c66900' # Dark orange
background-color: '#37464f' # Dark grey background
background-color-2: '#484E59' # Light grey background
background-color-3: '#1f4f5f' # Dark green
background-color-4: '#29697e' # Lighter green (still dark though)
background-card-color: '#434952' # Grey background
border-color: '#383C46' # Grey border
test: 'ffff00' # Test color_do not use.
# Header
primary-color: 'var(--tes)' # Header background color (and header text on cards)
text-primary-color: 'var(--text-color)' # Text
# Left Menu
paper-listbox-background-color: 'var(--background-color-3)' # Background
sidebar-icon-color: 'var(--text-medium-color)' # icons
sidebar-selected-icon-color: 'var(--accent-color)' # icon on selected sidebar item (and background @ 15%)
sidebar-selected-text-color: 'var(--accent-color)' # Text on selected sidebar item
sidebar-text_-_background: 'var(--test)' # 'var(--background-color-2)'
# UI
paper-card-header-color: "var(--text-primary-color)" # Title in settings
primary-background-color: 'var(--background-color-4)' # Background (also title background in left menu)
mdc-theme-primary: 'var(--accent-color)' # Action Buttons (save, restart)
card-background-color: "#263137" # Entity registry background
# Card
paper-card-background-color: "rgba(49, 153, 188, 0.6)" # Blue Transparant card background
primary-text-color: "var(--text-color)"
paper-listbox-color: 'var(--primary-color)'
secondary-text-color: "var(--text-medium-light-color)"
paper-dialog-button-color: 'var(--primary-color)'
secondary-background-color: "var(--primary-background-color)"
# Icons
paper-item-icon-color: "var(--sidebar-text_-_background)" # Off
paper-item-icon-active-color: "var(--accent-color)" # On
# Switches
switch-checked-button-color: 'var(--text-medium-light-color)' # Knob On
switch-unchecked-button-color: 'var(--text-medium-light-color)' # Knob Off
switch-checked-track-color: '#009FFF' # Background On
switch-unchecked-track-color: '#767682' # Background Off
# Slider
paper-slider-active-color: "var(--accent-color)"
paper-slider-secondary-color: "var(--accent-medium-color)"
paper-slider-container-color: "var(--background-color-2)"
paper-slider-knob-color: "var(--text-medium-light-color)"
paper-slider-knob-start-color: "var(--primary-color)"
paper-slider-pin-color: "var(--primary-color)"
# Toggle button
paper-toggle-button-checked-ink-color: "var(--accent-dark-color)"
paper-toggle-button-checked-button-color: "var(--accent-dark-color)"
paper-toggle-button-checked-bar-color: "var(--accent-dark-color)"
paper-progress-secondary-color: "var(--sidebar-text_-_background)"
paper-item-selected_-_background-color: "var(--primary-color)"
paper-item-icon_-_color: "var(--text-primary-color)"
paper-grey-50: "var(--sidebar-text_-_background)"
paper-grey-200: "var(--primary-background-color)"
label-badge-background-color: "var(--sidebar-text_-_background)"
label-badge-text-color: "var(--text-primary-color)"
label-badge-red: "var(--primary-color)"
label-badge-blue: "var(--accent-medium-color)"
label-badge-green: "var(--accent-dark-color)"
label-badge-yellow: "var(--text-primary-color)"
label-badge-grey: "var(--paper-grey-500)"
table-row-background-color: "var(--background-color)"
table-row-alternative-background-color: "var(--sidebar-text_-_background)" |
Voor de Personen card is dit de code:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
| cards:
- elements:
- entity: device_tracker.yellowghost
hold_action: toggle
state_image:
AH 1: /local/images/picture_card/location/ah1.png
AH 2: /local/images/picture_card/location/ah2.png
Edz&Chris: /local/images/picture_card/location/edzchris.png
KDV: /local/images/picture_card/location/kdv.png
Flip: /local/images/picture_card/location/flip.png
Jet: /local/images/picture_card/location/jet.png
Klaas: /local/images/picture_card/location/klaas.png
Marlijn: /local/images/picture_card/location/marlijnmenno.png
work1: /local/images/picture_card/location/work1.png
work2: /local/images/picture_card/location/work2.png
home: /local/images/picture_card/location/home.png
not_home: /local/images/picture_card/location/away.png
style:
left: 50%
top: 86%
width: 90%
type: image
- entity: sensor.battery_level
style:
left: 8%
top: 64%
type: state-icon
- entity: sensor.battery_level
label_color: green
style:
left: 10%
top: 74.5%
type: state-label
- entity: sensor.battery_state
state_image:
Charging: /local/images/picture_card/charging.png
Full: /local/images/picture_card/1x1_clear.png
Not Charging: /local/images/picture_card/1x1_clear.png
style:
left: 85.5%
top: 75%
width: 25%
type: image
- entity: sensor.connection_type
state_image:
Cellular: /local/images/picture_card/4G.png
Wi-Fi: /local/images/picture_card/wifi.png
style:
left: 94%
top: 65%
width: 10%
type: image
image: /local/images/picture_card/martijn.png
style: |
ha-card {
border-radius: 8px;
color: #ffffff;
font-size: 14px;
type: picture-elements
- elements:
- entity: device_tracker.rineke
hold_action: toggle
state_image:
AH 1: /local/images/picture_card/location/ah1.png
AH 2: /local/images/picture_card/location/ah2.png
Edz&Chris: /local/images/picture_card/location/edzchris.png
KDV: /local/images/picture_card/location/kdv.png
Flip: /local/images/picture_card/location/flip.png
Jet: /local/images/picture_card/location/jet.png
Klaas: /local/images/picture_card/location/klaas.png
Marlijn: /local/images/picture_card/location/marlijnmenno.png
work1: /local/images/picture_card/location/work1.png
work2: /local/images/picture_card/location/work2.png
home: /local/images/picture_card/location/home.png
not_home: /local/images/picture_card/location/away.png
style:
left: 50%
top: 86%
width: 90%
type: image
- entity: sensor.battery_level_3
style:
left: 8%
top: 64%
theme: oxforddark
type: state-icon
- entity: sensor.battery_level_3
style:
left: 10%
top: 74.5%
theme: oxforddark
type: state-label
- entity: sensor.battery_state_3
state_image:
Charging: /local/images/picture_card/charging.png
Full: /local/images/picture_card/1x1_clear.png
Not Charging: /local/images/picture_card/1x1_clear.png
style:
left: 85.5%
top: 75%
width: 25%
type: image
- entity: sensor.connection_type_3
state_image:
Cellular: /local/images/picture_card/4G.png
Wi-Fi: /local/images/picture_card/wifi.png
style:
left: 94%
top: 65%
width: 10%
type: image
image: /local/images/picture_card/rineke.png
style: |
ha-card {
border-radius: 8px;
color: #ffffff;
font-size: 14px;
type: picture-elements
type: horizontal-stack |
Ryzen 7 7700X | ROG Strix B650-E Gaming Wifi | ROG Strix RTX 4070Ti | 32Gb GSkill RipJaws S5 | 980Pro 2Tb | Corsair RM850x Shift | Fractal Design North Black
Bedankt!
Ik ga er mee aan de gang.
Wellicht te veel gevraagd, maar wil je ook je icoontjes uploaden:
- charging.png
- 1x1_clear.png
- 4G.png
- wifi.png
Sure:
[...]
Wellicht te veel gevraagd, maar wil je ook je icoontjes uploaden:
https://1drv.ms/u/s!AlaBg5xBef-IgrYOc26VZG6xktb69A?e=5dKiwF
Ryzen 7 7700X | ROG Strix B650-E Gaming Wifi | ROG Strix RTX 4070Ti | 32Gb GSkill RipJaws S5 | 980Pro 2Tb | Corsair RM850x Shift | Fractal Design North Black
:strip_icc():strip_exif()/u/1067589/crop5fb23510755cd_cropped.jpeg?f=community)
:strip_exif()/u/359617/crop5c4a5227d035a.gif?f=community)
(Eerste post als template gebruikt )
Home Assistant 0.109.2 (hassio docker)
Raspbian met daarop raspotify, Snapserver/client en mopidy
Ipad 2de Generatie voor aan de muur
Z-wave.me usb stick
Google Chromecast
Logitech Harmony Hub
7x Neo Coolcam v2 PIR (heb er nog 1 liggen maar die komt straks onder de overkapping)
5x Neo Coolcam Doorsensor
2x Neo Coolcam Wallplug
4x Tkbhome switch
6x Mcohome dimmer
1x Z-wave bulb (kan het niet aanraden zonde van het geld)
1x rgbw wall controller
1x Raspberry Pi 3B+
3x Raspberry Pi 4
4x Speakers van 10 euro bij de action
ESP8266 t.b.v. van Slimme deurbel (camera is nog onderweg helaas)
P1-Kabel t.b.v. Slimme meter
Kodi Mediacenter
Lampen
Zodra de zon een halve graad onder de horizon is gaan de lampen in de woonkamer aan.
Speel ik op dat moment een film af worden ze gelijk gedimt
Ook zijn losse ruimtes zoals de overloop, hal, toilet, schuur en schuur voorzien van PIR's en gaan de lampen automatisch aan bij beweging in de ruimtes. De lamp op b.v. de overloop gaat s'nachts heel zwak branden als een nachtlampje en de in avond gewoon op volledige sterkte.
Kodi Mediaplayer
Zodra ik een film of serie start worden de lampen automatisch gedimd en zodra ik de film of serie stop of op pauze set gaan de lampen weer naar hun oude niveau.
Deurbel
Ik heb onze "domme" deurbel slim gemaakt met een ESP-01S en de oude deurgong eruit gehaald
Door heel het huis staan speakers dus als er aangebeld wordt dan speelt tie via snapserver overal gelijktijdig een mp3 (Het geluid van q-dance als een feest afgelopen is) af na 21:00 alleen in de woonkamer
Goedemorgen
Als ik me wekker uitdruk op me telefoon en daarna registreert tie beweging in de woonkamer dan krijg ik te horen wat voor weer het wordt en of er file staat etc, mijn vriendin krijgt ongeveer hetzelfde te horen maar daar gaat ook automatisch de koffiepot aan als ze de wekker uitzet en gaat 30 min later weer uit
Als wij weggaan zet hij alles uit en wordt het alarm aangezet
mocht er een deur opengaan terwijl wij weg zijn of s'avonds zelf het alarm hebben aangezet
Dan krijgt iedereen een berichtje op de tel welke deur open gegaan is en alle lampen gaan aan.
Daarna wordt er een alarm afgespeeld (ingezongen door me nichtje
)
Als iemand thuiskomt wordt die gene begroet met een random zin en hoeveel graden het etc is
Een uur voordat het gaat regenen krijg ik een melding via tts als me zolderraam nog openstaat
Rest van de ramen nog sensoren voor kopen
Als overkapping klaar is moet ik daar nog het een en ander doen qua verlichting en geluid etc
En wil nog graag een robotstofzuiger en zonnescherm
Zo ziet het er op de ipad uit maar dat is meer voor het zicht geloof niet dat je het echt gaat gebruiken
:strip_exif()/f/image/C4vSaaYWFSTrrUSYl5rbzspb.jpg?f=fotoalbum_large)
:strip_exif()/f/image/Qp0aw6QH9pGSy4ay03JYuH5s.jpg?f=fotoalbum_large)
De telefoon gebruik je toch het vaakst ondanks dat ik alles ook via siri kan starten maar spraak is toch niet altijd fijner.dus die heb ik zo gemaakt:
/f/image/zRD97Et10zDqP9YhzamBdfqt.png?f=fotoalbum_large)
/f/image/WJ8MSNSwHgibj6TE3DQRJSmN.png?f=fotoalbum_large)
)Software
ubuntu serverHome Assistant 0.109.2 (hassio docker)
Raspbian met daarop raspotify, Snapserver/client en mopidy
Hardware
AMD Athlon(tm) II Neo N36L Dual-Core Processor Server (daar draait tevens een website en me cloudserver op)Ipad 2de Generatie voor aan de muur
Z-wave.me usb stick
Google Chromecast
Logitech Harmony Hub
7x Neo Coolcam v2 PIR (heb er nog 1 liggen maar die komt straks onder de overkapping
)5x Neo Coolcam Doorsensor
2x Neo Coolcam Wallplug
4x Tkbhome switch
6x Mcohome dimmer
1x Z-wave bulb (kan het niet aanraden zonde van het geld)
1x rgbw wall controller
1x Raspberry Pi 3B+
3x Raspberry Pi 4
4x Speakers van 10 euro bij de action
ESP8266 t.b.v. van Slimme deurbel (camera is nog onderweg helaas)
P1-Kabel t.b.v. Slimme meter
Kodi Mediacenter
Automations
Een kleine greep uit de vele automations die ik gebruik:Lampen
Zodra de zon een halve graad onder de horizon is gaan de lampen in de woonkamer aan.
Speel ik op dat moment een film af worden ze gelijk gedimt
Ook zijn losse ruimtes zoals de overloop, hal, toilet, schuur en schuur voorzien van PIR's en gaan de lampen automatisch aan bij beweging in de ruimtes. De lamp op b.v. de overloop gaat s'nachts heel zwak branden als een nachtlampje en de in avond gewoon op volledige sterkte.
Kodi Mediaplayer
Zodra ik een film of serie start worden de lampen automatisch gedimd en zodra ik de film of serie stop of op pauze set gaan de lampen weer naar hun oude niveau.
Deurbel
Ik heb onze "domme" deurbel slim gemaakt met een ESP-01S en de oude deurgong eruit gehaald
Door heel het huis staan speakers dus als er aangebeld wordt dan speelt tie via snapserver overal gelijktijdig een mp3 (Het geluid van q-dance als een feest afgelopen is) af na 21:00 alleen in de woonkamer
Goedemorgen
Als ik me wekker uitdruk op me telefoon en daarna registreert tie beweging in de woonkamer dan krijg ik te horen wat voor weer het wordt en of er file staat etc, mijn vriendin krijgt ongeveer hetzelfde te horen maar daar gaat ook automatisch de koffiepot aan als ze de wekker uitzet en gaat 30 min later weer uit
Als wij weggaan zet hij alles uit en wordt het alarm aangezet
mocht er een deur opengaan terwijl wij weg zijn of s'avonds zelf het alarm hebben aangezet
Dan krijgt iedereen een berichtje op de tel welke deur open gegaan is en alle lampen gaan aan.
Daarna wordt er een alarm afgespeeld (ingezongen door me nichtje
)Als iemand thuiskomt wordt die gene begroet met een random zin en hoeveel graden het etc is
Een uur voordat het gaat regenen krijg ik een melding via tts als me zolderraam nog openstaat
Nog te doen
Kleine spycam bij de deur plaatsen met een powerbank zodat het niet opvaltRest van de ramen nog sensoren voor kopen
Als overkapping klaar is moet ik daar nog het een en ander doen qua verlichting en geluid etc
En wil nog graag een robotstofzuiger en zonnescherm
Screenshots
Zo ziet het eruit op de pc maar gebruik dat toch nooit, alleen om dingen aan te passen:no_upscale():strip_icc():fill(white):strip_exif()/f/image/JnM672xTqboL4RVzslqI36Be.jpg?f=user_large) | :fill(white):strip_exif()/f/image/TwsLlACyNZdmO5UcQdMjcLmh.png?f=user_large) |
Zo ziet het er op de ipad uit maar dat is meer voor het zicht geloof niet dat je het echt gaat gebruiken
:no_upscale():strip_icc():fill(white):strip_exif()/f/image/C4vSaaYWFSTrrUSYl5rbzspb.jpg?f=user_large)
:no_upscale():strip_icc():fill(white):strip_exif()/f/image/Qp0aw6QH9pGSy4ay03JYuH5s.jpg?f=user_large)
De telefoon gebruik je toch het vaakst ondanks dat ik alles ook via siri kan starten maar spraak is toch niet altijd fijner.dus die heb ik zo gemaakt:
:fill(white):strip_exif()/f/image/zRD97Et10zDqP9YhzamBdfqt.png?f=user_large)
:fill(white):strip_exif()/f/image/WJ8MSNSwHgibj6TE3DQRJSmN.png?f=user_large)
:strip_icc():strip_exif()/u/741335/crop655c9dd523eba_cropped.jpg?f=community)
Tof! Hoe was je van plan die slimme deurbel te maken? Ik had zoiets ook in gedachten, maar ben nooit verder gegaan met dat projectje (heb de ESP camera met ESPHome in HA gekregen en toen heb ik het project naast me neer gelegd...) Trouwens, ik weet al waarom ik er niet verder mee ben gegaan: ik moet nog een behuizing printen en volgens mij werkt de camera niet door het spionnetje heen. Verder heb ik al een semi-slimme deurbel, dus ik heb alleen beeld nodig. Misschien toch nog eens over nadenken een dezer dagen...:toon volledige bericht
(Eerste post als template gebruiktSoftware
ubuntu server
Home Assistant 0.109.2 (hassio docker)
Raspbian met daarop raspotify, Snapserver/client en mopidyHardware
AMD Athlon(tm) II Neo N36L Dual-Core Processor Server (daar draait tevens een website en me cloudserver op)
Ipad 2de Generatie voor aan de muur
Z-wave.me usb stick
Google Chromecast
Logitech Harmony Hub
7x Neo Coolcam v2 PIR (heb er nog 1 liggen maar die komt straks onder de overkapping
5x Neo Coolcam Doorsensor
2x Neo Coolcam Wallplug
4x Tkbhome switch
6x Mcohome dimmer
1x Z-wave bulb (kan het niet aanraden zonde van het geld)
1x rgbw wall controller
1x Raspberry Pi 3B+
3x Raspberry Pi 4
4x Speakers van 10 euro bij de action
ESP8266 t.b.v. van Slimme deurbel (camera is nog onderweg helaas)
P1-Kabel t.b.v. Slimme meter
Kodi MediacenterAutomations
Een kleine greep uit de vele automations die ik gebruik:
Lampen
Zodra de zon een halve graad onder de horizon is gaan de lampen in de woonkamer aan.
Speel ik op dat moment een film af worden ze gelijk gedimt
Ook zijn losse ruimtes zoals de overloop, hal, toilet, schuur en schuur voorzien van PIR's en gaan de lampen automatisch aan bij beweging in de ruimtes. De lamp op b.v. de overloop gaat s'nachts heel zwak branden als een nachtlampje en de in avond gewoon op volledige sterkte.
Kodi Mediaplayer
Zodra ik een film of serie start worden de lampen automatisch gedimd en zodra ik de film of serie stop of op pauze set gaan de lampen weer naar hun oude niveau.
Deurbel
Ik heb onze "domme" deurbel slim gemaakt met een ESP-01S en de oude deurgong eruit gehaald
Door heel het huis staan speakers dus als er aangebeld wordt dan speelt tie via snapserver overal gelijktijdig een mp3 (Het geluid van q-dance als een feest afgelopen is) af na 21:00 alleen in de woonkamer
Goedemorgen
Als ik me wekker uitdruk op me telefoon en daarna registreert tie beweging in de woonkamer dan krijg ik te horen wat voor weer het wordt en of er file staat etc, mijn vriendin krijgt ongeveer hetzelfde te horen maar daar gaat ook automatisch de koffiepot aan als ze de wekker uitzet en gaat 30 min later weer uit
Als wij weggaan zet hij alles uit en wordt het alarm aangezet
mocht er een deur opengaan terwijl wij weg zijn of s'avonds zelf het alarm hebben aangezet
Dan krijgt iedereen een berichtje op de tel welke deur open gegaan is en alle lampen gaan aan.
Daarna wordt er een alarm afgespeeld (ingezongen door me nichtje
Als iemand thuiskomt wordt die gene begroet met een random zin en hoeveel graden het etc is
Een uur voordat het gaat regenen krijg ik een melding via tts als me zolderraam nog openstaatNog te doen
Kleine spycam bij de deur plaatsen met een powerbank zodat het niet opvalt
Rest van de ramen nog sensoren voor kopen
Als overkapping klaar is moet ik daar nog het een en ander doen qua verlichting en geluid etc
En wil nog graag een robotstofzuiger en zonneschermScreenshots
Zo ziet het eruit op de pc maar gebruik dat toch nooit, alleen om dingen aan te passen
[Afbeelding] [Afbeelding]
Zo ziet het er op de ipad uit maar dat is meer voor het zicht geloof niet dat je het echt gaat gebruiken
[Afbeelding]
[Afbeelding]
De telefoon gebruik je toch het vaakst ondanks dat ik alles ook via siri kan starten maar spraak is toch niet altijd fijner.dus die heb ik zo gemaakt:
[Afbeelding]
[Afbeelding]
Trouwens nog een suggestie: je gebruikt nu voor iedere lamp een lamp-icoon. Zelf gebruik ik voor vrijwel elke lampknop een ander icoon, zodat het icoontje ook daadwerkelijk visueel nut heeft. Wellicht voor jullie ook handig?
Hoe lang zou je kunnen doen met die powerbank?
En dit is een van mijn views, ter inspiratie wat betreft de icoontjes
:no_upscale():strip_icc():fill(white):strip_exif()/f/image/8FlpW14KhAufuL2Fit5kn0vU.jpg?f=user_large)
Ik dacht, laat ik mijn setup eens zien, veel aan gepuzzeld de laatste tijd en dankzij de Soft-Gui een mooie lovelace kunnen neerzetten.
Dit is wanneer ik HA start, maar voor andere gebruikers staan hun eigen naam er bij en informatie die hun zelf wilde.
:fill(white):strip_exif()/f/image/rZoaRlu474PTzC4gYRTQhK4k.png?f=user_large)
Voorbeeld van het dashboard account, de onderstaande knoppen verwijzen ook naar de juiste pagina.
:fill(white):strip_exif()/f/image/PzGEWx7XE219tiTpcqMqB0MT.png?f=user_large)
De back-button brengt je weer terug op de homepage.
:fill(white):strip_exif()/f/image/NPiyvdRjbPPTa6P27ACEvwAE.png?f=user_large)
:fill(white):strip_exif()/f/image/UzlZCMDN1jQAIzGTpb0WQnxe.png?f=user_large)
:fill(white):strip_exif()/f/image/ozktdkqLm1ZaHVOCl1pixnVX.png?f=user_large)
:fill(white):strip_exif()/f/image/bKWQ4Cyy1Uj44nce7rhMueN3.png?f=user_large)
:fill(white):strip_exif()/f/image/1gQhl86KnHUpTuzerzm5LvVP.png?f=user_large)
De slider komt pas tevoorschijn zodra de lamp aan staat.
:fill(white):strip_exif()/f/image/76vZ94dMFnANAd23drxEfqEL.png?f=user_large)
Dit is wanneer ik HA start, maar voor andere gebruikers staan hun eigen naam er bij en informatie die hun zelf wilde.
Voorbeeld van het dashboard account, de onderstaande knoppen verwijzen ook naar de juiste pagina.
De back-button brengt je weer terug op de homepage.
De slider komt pas tevoorschijn zodra de lamp aan staat.
[ Voor 4% gewijzigd door JunSn0w. op 25-05-2020 15:00 ]
Thanks! Is inderdaad de volgende stap, mijn config op github
Haha, je hebt helemaal gelijk! In het begin twijfelde ik of het plafond of plafon was. In eerste instantie had ik plafond, maar dacht dat dat toch niet klopte. Zit ik toch fout
Dank!
Dankje. Is eigenlijk niet heel spannend, het is een combi van custom:button-card en een markdown card + wat vertical stacks.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
| cards:
- icon: 'mdi:lightbulb-multiple'
show_icon: true
show_name: false
style: |
ha-card {
margin: 10px 14px 15px 14px;n;
box-shadow: var(--ha-card-box-shadow);
}
styles:
card:
- width: 80px
- height: 80px
- border-radius: 15px
- background-color: var(--primary-background-color)
icon:
- color: var(--primary-text-color)
tap_action:
action: navigate
haptic: light
navigation_path: /lovelace/lights
type: 'custom:button-card'
- cards:
- content: |
# Lights
style: |
ha-card {
height: 20px;
--paper-card-background-color: 'rgba(11, 11, 11, 0.00)';
box-shadow: 2px 2px rgba(0,0,0,0.0);
}
h1 {
font-size: 20px;
font-weight: bold;
font-family: Helvetica;
letter-spacing: '-0.01em';
}
type: markdown
- content: |
{% set count = states('sensor.total_lights_on')|int %}
{% if count < 1 %}
# Er staan geen lampen aan
{% elif count == 1 %}
# Er staat 1 lamp aan
{% elif count == 10 %}
# Alle lampen staan aan
{% else %}
# Er staan {{ count }} lampen aan.
{% endif %}
style: |
ha-card {
--paper-card-background-color: 'rgba(11, 11, 11, 0.00)';
box-shadow: 2px 2px rgba(0,0,0,0.0);
}
h1 {
font-size: 15px;
font-weight: thin;
font-family: Helvetica;
letter-spacing: '-0.01em';
}
type: markdown
type: vertical-stack
type: horizontal-stack |
[ Voor 63% gewijzigd door JunSn0w. op 25-05-2020 18:53 ]
Ik ben een aantal weken geleden begonnen met HA, zat er al tijden aan te denken maar door gebruik van een homey kwam het er niet van. Na +/- 2 jaar gewacht te hebben op de lang verwachte en nogsteeds aangekondigde zigbee aanpassing heb ik besloten in maart om alles over te gaan zetten op home assistant. De installatie is wat ruw, maar als je een beetje ingelezen bent vind ik het opzich wel fijn werken. De gebruiksvriendelijkheid van homey heeft HA nog lang niet bereikt maar ach.
/f/image/gfzVuZT8T9tpY5QF0DVnjzv3.png?f=fotoalbum_large)
Software
Onderstaande draait allemaal op Ubuntu Server in combinatie met Docker- Home Assistant Core 0.109.6
- Mosquitto
- Zigbee2mqtt
- Zigbee2mqtt Assistant
- Traefik 2.3
- Portainer
- UNIFI Controller
- Node-red
- InfluxDB
- Grafana
Hardware
- Intel NUC, celeron, 8GB, 64GB SSD
- Nest Thermostaat
- LAUNCHXL-CC26X2R1 dev board t.b.v. Zigbee
- AEOTEC Gen5 USB t.b.v. Z-wave
- Ring Pro, Ring 2
- Sonos Play 1, Play 3 en Playbar
- 6x INNR SP120 smartplug
- 2x Fibaro smartplug
- 1x Fibaro bewegingsmelder
- 12 Xiaomi Deurcontact
- 6x Xiaomi Temperatuur sensor
- 7x Xioami Bewegingsmelder
- 16x Ikea GU10 tradfri spot
- 2x INNR GU10 spot
- 3x Philips Hue spot
- 8x Philips Hue color & white E27
- 6x Philips Hue white E27
- 1x Fibaro double switch
- 6x Danfoss LC13
- 1x AEOTEC Bewegingsmelder/multisensor
Automations
- Hier ben ik nog niet veel aan toegekomen maar onderstaande al wel:
- Automatisch lichten aan bij beweging of thuiskomst
- Automatisch lichten aan in de hal, toilet
- Automatisch lichten aanpassen bij gebruik TV na een bepaalde tijdstip
- Automatisch lichten aan in de tuin bij zonsondergang
- Automatisch lichten aan in de garage
Wat er nog op de planning staat:
- 'Gasten' based besluiten gaan nemen, wie is er aanwezig, hebben die een bepaalde voorkeur voor bepaalde lampen
- Wasmachine en droger meldingen via telegram
- Verlichting boven automatisch schakelen in het bijzonder na 8 uur 's avonds vanwege de slapende kinderen
- Alarm systeem maken
- Tablet aan de muur maken zodat 'gasten' ook het huis kunnen bedienen zonder app
- Google Home verder indelen zodat er gemakkelijker met stem zones aan en uit gezet kunnen worden.
- Automatisch foto ontvangen bij aanbellen achter- of voordeur
- Toevoegen van afvalbeheer
- Grafisch verbeteren van pop-ups in lovelace, de standaard geeft teveel zinloze informatie en de sliders zijn te klein voor een tablet
Showcase
Hieronder mijn GUI voor PC/telefoon, de opzet is bewust in lovelace gedaan zodat deze meeschaalt met telefoons. Voor het -nog op te hangen- tablet zal een eigen gui gemaakt worden met minder prive informatie en met de camera's onder een ander tabblad::fill(white):strip_exif()/f/image/gfzVuZT8T9tpY5QF0DVnjzv3.png?f=user_large)
Lovelace opbouw
Bijna alles is gemaakt met de custom-button card, custom-mediaplayer kaarten.toon volledige berichtZiet er gaaf uit! Ik ben eigenlijk wel benieuwd, die tijd die onder jou en jou partner (aanname) staat, ik verwacht dat die de tijd meet hoelang jullie thuis en op het werk zijn die dag. Ik ben wel benieuwd hoe je dat hebt gedaan.
Overigens heb ik ook een tablet hangen, maar maak ik ook gewoon gebruik van lovelace. Als je alles in een vertical stack gooit en dan in panelmode zet, dan hoef je geen eigen gui te maken. Je kan bijv. gewoon een aparte dashboard voor je tablet maken zodat deze niet je desktop/mobiele versie overhoopt gooit.
Afhankelijk wat je natuurlijk zelf in gedachten hebt
Ik laat zien waar we zijn en hoelang het duurt voordat we op werk zijn of als we niet thuis zijn hoelang het duurt voordat we thuis zijn.
Dat doe je op de volgende manier, onder het kopje 'sensor' of in een specifieke 'sensors.yaml'
YAML:
1
2
3
4
5
| - platform: waze_travel_time name: "Ruud's tijd naar werk" origin: device_tracker.sm_g975f destination: Werk Ruud region: 'EU' |
Destination heb ik gedefineerd op de kaart uiteraard :-)
Ja met GUI bedoelde ik vooral de indeling in Lovelace, bovenstaande is daar ook in gemaakt en voor het tablet komt het daar ook in. Echter heb ik gemerkt dat voor een tablet mount de hoeveelheid informatie gewoon teveel is. Apparte dashboard zal ik binnenkort is mee gaan spelen, bedankt voor de tip!Overigens heb ik ook een tablet hangen, maar maak ik ook gewoon gebruik van lovelace. Als je alles in een vertical stack gooit en dan in panelmode zet, dan hoef je geen eigen gui te maken. Je kan bijv. gewoon een aparte dashboard voor je tablet maken zodat deze niet je desktop/mobiele versie overhoopt gooit.
Afhankelijk wat je natuurlijk zelf in gedachten hebt
[ Voor 39% gewijzigd door Stekeltje op 28-05-2020 10:39 ]
Ik neem aan dat je het Gasten kaartje bedoeld? Dat is eigenlijk super simpel, mits je de infra hebt. Door middel van de Ubiquiti Controller die ook op de NUC draait krijg ik van elke client die connect op mijn wifi een nieuwe entiteit 'tracker' in HA.
Vervolgens heb ik van iedereen die bij ons langskomt een 'person' aangemaakt:
:no_upscale():strip_icc():fill(white):strip_exif()/f/image/j2q2BQUyc4qz7zZIoCzX8w7x.jpg?f=user_large)
Daarna koppel ik de tracker aan die 'person':
:no_upscale():strip_icc():fill(white):strip_exif()/f/image/NhoUuU3odWOKYsWKXsveaaKm.jpg?f=user_large)
Het gasten kaartje is verder alleen maar een glancecard met een filter waarin ik kijk of iemand 'home' is:
YAML:
1
2
3
4
5
6
7
8
9
| card: show_name: false show_state: false type: glance entities: - person.ad_martens state_filter: - home type: entity-filter |
:strip_icc():strip_exif()/u/531266/crop60146ed3278a5_cropped.jpeg?f=community)
toon volledige berichtIk denk eerlijk gezegd dat hij juist het informatie-deel van jullie beide bedoelde.. Anders ben ik wel benieuwd
Ook bijvoorbeeld naar je background/card-theme
[ Voor 9% gewijzigd door Koepert op 16-06-2020 11:17 ]
No problemo::
[...]
Ik denk eerlijk gezegd dat hij juist het informatie-deel van jullie beide bedoelde.. Anders ben ik wel benieuwd
Ook bijvoorbeeld naar je background/card-theme
Theme is gebaseerd op ios-dark-theme, echter heb ik daar wat wijzigingen in aangebracht.
https://community.home-as...os-dark-mode-theme/149136
De code voor mijn eigen informatiekaart hieronder:
YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
| aspect_ratio: 3/1 custom_fields: locatie: | [[[ return `<ha-icon icon="mdi:map-marker" style="width: 25px; height: 20px; color: white;"> </ha-icon><span>${entity.state}</span>` ]]] thuis: | [[[ return `<ha-icon icon="mdi:home" style="width: 25px; height: 20px; color: white;"> </ha-icon><span><span style="color: var(--text-color-sensor);">${states['sensor.ruud_s_tijd_naar_huis'].state} minuten</span></span>` ]]] werk: | [[[ return `<ha-icon icon="mdi:briefcase" style="width: 25px; height: 20px; color: white;"> </ha-icon><span><span style="color: var(--text-color-sensor);">${states['sensor.ruud_s_tijd_naar_werk'].state} minuten</span></span>` ]]] entity: person.ruud_martens name: Ruud show_entity_picture: true styles: card: - border-radius: 12px - padding: 4% - color: ivory - font-size: 12px - text-shadow: 0px 0px 2px black - text-transform: capitalize custom_fields: locatie: - padding-bottom: 2% - align-self: end - justify-self: start thuis: - padding-top: 2% - align-self: end - justify-self: start werk: - padding-top: 2% - align-self: end - justify-self: start grid: - grid-template-areas: '"n i" "locatie locatie" "werk thuis"' - grid-template-columns: 1fr 1fr - grid-template-rows: 2fr 0.5fr 0.5fr img_cell: - justify-items: start - align-self: start - margin-right: '-50%' name: - font-size: 20px - color: white - align-self: start - justify-self: start type: 'custom:button-card' |
toon volledige berichtLeuk idee, ga ik misschien ook wel doen. Al heb je tegenwoordig steeds minder mensen die vragen naar wifi, omdat de mobiele bundel volledig toereikend is.
---edit---
Zo bedenk ik me net dat ik via BT kan tracken of mijn (onder)buren er zijn (in known_devices.yaml komt meer dan genoeg terug daarvan)...
Lekker dan...
[ Voor 5% gewijzigd door barrymossel op 16-06-2020 12:10 ]
Voor degenen die elektrisch rijden en de telemetrie van de Kia e-Niro erin willen opnemen:
https://github.com/peet47/hassio_kia#entitie-card
Voorbeeld van resultaat:
/f/image/WM25CWGZslWj6UZuOtpBCPjB.png?f=fotoalbum_large)
https://github.com/peet47/hassio_kia#entitie-card
Voorbeeld van resultaat:
:fill(white):strip_exif()/f/image/WM25CWGZslWj6UZuOtpBCPjB.png?f=user_large)
Prometeia cooled P4 2,4B@3,15 Ghz, Abit IT7MAX2 v2.0, Corsair 3500C2 512 mb, 2x WD800JB RAID 0 striping
:strip_icc():strip_exif()/u/624557/crop5fda1050278f3_cropped.jpeg?f=community)
De informatie van de series waar je mee bezig bent, waar haal je die vandaan?
Neem aan dat hier een API voor gebruikt wordt?
Overigens heel tof allemaal! Ik heb al jaren in mn hoofd om een smart-home te realiseren maar gezien het (nog) thuis wonen heb ik het maar opzij gelegd. Nu ik langzaam aan het kijken ben om op mezelf te gaan wonen wordt dit weer heel interssant, genoeg inspiratie iedergeval hier
AMD 5900X | MSI B550 GAMING EDGI WIFI | G.Skill Ripjaws 32GB (2x16) 3600Mhz CL16 | Gigabyte RTX 3080 Gaming OC
Dit is het show-off topic, heb je het grote topic ook gezien?:
[...]
De informatie van de series waar je mee bezig bent, waar haal je die vandaan?
Neem aan dat hier een API voor gebruikt wordt?
Overigens heel tof allemaal! Ik heb al jaren in mn hoofd om een smart-home te realiseren maar gezien het (nog) thuis wonen heb ik het maar opzij gelegd. Nu ik langzaam aan het kijken ben om op mezelf te gaan wonen wordt dit weer heel interssant, genoeg inspiratie iedergeval hier
Home Assistant: Open source Python3 home automation - deel 2
Sometimes you need to plan for coincidence
Yes vanuit daar kwam ik hier, toch bedankt
Toevallig dat hij iets had waar ik nog niet overnagedacht had en ik het toch even wou vragen. Verder wou ik alleen even mijn bewondering laten blijken voor de vele (uitgebreide) setups
AMD 5900X | MSI B550 GAMING EDGI WIFI | G.Skill Ripjaws 32GB (2x16) 3600Mhz CL16 | Gigabyte RTX 3080 Gaming OC
/u/316174/crop5b26bc86bda66_cropped.png?f=community)
Niet mijn volledige setup (da's niet veel meer dan wat Z-wave spulletjes en verlichting in standaard designs) maar ik wou mijn laatste projectje toch delen
:strip_exif()/f/image/T130nMUHtuTBU2KoDoQrK6Ff.jpg?f=fotoalbum_large)
Ik heb geen grote keuken en een Dolce Gusto is dan een uitvinding.
Lekkere koffie, maar compact apparaatje
Tenminste: het device zelf is klein. De cups nemen toch wel behoorlijk veel ruimte in... Gelukkig heb ik een smalle, verticale loze ruimte in mijn keuken. Dus daar moest ik maar wat mee maken.
Bij gebrek aan een 3D printer is het een beetje een 'beun de haas' apparaat geworden al zie je dat toch niet als hij verstopt zit in die loze ruimte. En het werkt als een tiet!
(bestaande uit: wat Hornbach latjes, 6 SG90 servo's, ESP8266 / NodeMCU (damn wat zijn die dingen awesome btw!) en een touch sensor)
:no_upscale():strip_icc():fill(white):strip_exif()/f/image/T130nMUHtuTBU2KoDoQrK6Ff.jpg?f=user_large)
Ik heb geen grote keuken en een Dolce Gusto is dan een uitvinding.
Lekkere koffie, maar compact apparaatje
Tenminste: het device zelf is klein. De cups nemen toch wel behoorlijk veel ruimte in... Gelukkig heb ik een smalle, verticale loze ruimte in mijn keuken. Dus daar moest ik maar wat mee maken.
Bij gebrek aan een 3D printer is het een beetje een 'beun de haas' apparaat geworden
al zie je dat toch niet als hij verstopt zit in die loze ruimte. En het werkt als een tiet!:no_upscale():strip_icc():fill(white):strip_exif()/f/image/czcxSOsmVFNuwYYK9DqwTYRu.jpg?f=user_large) | :no_upscale():strip_icc():fill(white):strip_exif()/f/image/whD5tVLIYA88Smefe8jOIC71.jpg?f=user_large) | :no_upscale():strip_icc():fill(white):strip_exif()/f/image/LnRYk358RjSMdTITEGJsU9c5.jpg?f=user_large) |
(bestaande uit: wat Hornbach latjes, 6 SG90 servo's, ESP8266 / NodeMCU (damn wat zijn die dingen awesome btw!) en een touch sensor)
[ Voor 3% gewijzigd door Richh op 24-08-2020 13:10 ]
☀️ 4500wp zuid | 🔋MT Venus 5kW | 🚗 Tesla Model 3 SR+ 2020 | ❄️ Daikin 3MXM 4kW
Deze video laat de werking wel zien
Toestemming nodig voor bekijken van YouTube
Op deze plek staat ingesloten content die van YouTube afkomstig is. Het tonen van deze inhoud kan ertoe leiden dat YouTube persoonlijke gegevens zoals je IP-adres verwerkt en/of cookies op jouw computer of ander apparaat zet. Hiervoor moet je eerst expliciet toestemming geven voor Sociale media.
Bekijk op YouTubeCoffee cup dispenser
Iets meer info:
Ik wou het origineel met 1 motor per 'rail' doen, met een 'klepje' wat de eerstvolgende blokkeert als hij opent, in dezelfde beweging. Echter zit je met behoorlijk kleine toleranties en mijn linkerhand-figuurzaag-kunst
Note to self: ik heb een 3D printer nodig - dus er is een 2e motortje bij gekomen. Technisch ziet het er daardoor wel leuker uit Op de ESP8266 heb ik een simpele REST API geschreven; als je naar <ipaddress>/dispense/coffee gaat, beweegt hij dus eerst het onderste motortje en daarna de bovenste open en dicht. De Home Assistant button roept simpel het rest_command op als je erop tikt.
[ Voor 3% gewijzigd door Richh op 24-08-2020 13:38 ]
☀️ 4500wp zuid | 🔋MT Venus 5kW | 🚗 Tesla Model 3 SR+ 2020 | ❄️ Daikin 3MXM 4kW
:strip_exif()/u/73/koelkast-lach.gif?f=community)
Heel erg origineel gedaan. Maar wat is nu eigenlijk het doel? Is het een dispenser?:
[...]
Deze video laat de werking wel zien
[YouTube: Coffee cup dispenser]
Iets meer info:
Ik wou het origineel met 1 motor per 'rail' doen, met een klepje wat de eerstvolgende blokkeert als hij opent, in dezelfde beweging. Echter zit je met behoorlijk kleine toleranties en mijn linkerhand-figuurzaag-kunst
Op de ESP8266 heb ik een simpele REST API geschreven; als je naar <ipaddress>/dispense/coffee gaat, beweegt hij dus eerst het onderste motortje en daarna de bovenste open en dicht. De Home Assistant button roept simpel het rest_command op als je erop tikt.
Yep, het is niks meer dan een dispenser, waardoor ik die cupjes in de loze ruimte kwijt kan
Het doel was wellicht meer "hobby"
☀️ 4500wp zuid | 🔋MT Venus 5kW | 🚗 Tesla Model 3 SR+ 2020 | ❄️ Daikin 3MXM 4kW
/u/317612/icon.png?f=community){kind=icon}
Haha, ik vind het geniaal
Nu alleen nog een soort trechter die ervoor zorgt dat je cupje precies in het toestel valt!
Nu alleen nog een soort trechter die ervoor zorgt dat je cupje precies in het toestel valt!
Android developer & dürüm-liefhebber
:strip_icc():strip_exif()/u/67591/crop5bf5ebd1b2d79_cropped.jpeg?f=community)
Super leuk gedaan!:
[...]
Yep, het is niks meer dan een dispenser, waardoor ik die cupjes in de loze ruimte kwijt kan
Het doel was wellicht meer "hobby"
werkt idd er mooi
omdat het kan! hehe
een mening is zo sterk als de som van zijn argumenten
Gaaf, dat is nog eens een showcase! Ik ben zelf deze aan het 3DPrinten voor mijn Nespresso cups doordat ik hier twee linkerhanden heb en mijn netjes zagen nog veel erger zou zijn dan bij jou:toon volledige bericht
Niet mijn volledige setup (da's niet veel meer dan wat Z-wave spulletjes en verlichting in standaard designs) maar ik wou mijn laatste projectje toch delen
[Afbeelding]
Ik heb geen grote keuken en een Dolce Gusto is dan een uitvinding.
Lekkere koffie, maar compact apparaatje
Tenminste: het device zelf is klein. De cups nemen toch wel behoorlijk veel ruimte in... Gelukkig heb ik een smalle, verticale loze ruimte in mijn keuken. Dus daar moest ik maar wat mee maken.
Bij gebrek aan een 3D printer is het een beetje een 'beun de haas' apparaat geworden
[Afbeelding] [Afbeelding] [Afbeelding]
(bestaande uit: wat Hornbach latjes, 6 SG90 servo's, ESP8266 / NodeMCU (damn wat zijn die dingen awesome btw!) en een touch sensor)
Ben wel benieuwd wat precies je usecase is, doordat het horizontaal is duwt hij er steeds een voor een uit?
:fill(white):gifsicle():strip_exif()/f/image/BygJufXgWJaDQ9vQ7h87dGyD.gif?f=user_large)
Looks good!:
Onder het mom van "beter goed gejat dan slecht bedacht"
Credits naar @Hmmbob. Uit zijn config heb ik veel ideeën gehaald
[Afbeelding]
Hoe krijg je die mini-graph cards zo dat ze schuiven?
Staat je config op Github?
Sometimes you need to plan for coincidence
Thanks!
Met Swiper card
Mijn config staat (nog) niet op Github. Daar moet ik nog een keer tijd insteken/ in verdiepen.
Als je (of iemand anders) geïnteresseerd is in een stukje code, kan ik het hier eventueel wel posten
.
[ Voor 27% gewijzigd door larsiey op 27-08-2020 15:48 ]
Ziet erg goed uit!:
Onder het mom van "beter goed gejat dan slecht bedacht"
Credits naar @Hmmbob. Uit zijn config heb ik veel ideeën gehaald
[Afbeelding]
Ik moet er zelf nog een beetje in verdiepen maar nu het toch langskomt:
Hoe heb je het groeperen van lampen in een dropdown gekregen en ook de dimmer in een entity card?
AMD 5900X | MSI B550 GAMING EDGI WIFI | G.Skill Ripjaws 32GB (2x16) 3600Mhz CL16 | Gigabyte RTX 3080 Gaming OC
:strip_icc():strip_exif()/u/263316/crop6406fe8c902ba_cropped.jpg?f=community)
Visit my Smart Home Adventure blog at https://docs.joepverhaeg.nl with lots of awesome FIBARO home automation!
super gaaf gedaan!:
Onder het mom van "beter goed gejat dan slecht bedacht"
Credits naar @Hmmbob. Uit zijn config heb ik veel ideeën gehaald
[Afbeelding]
jammer dat je het nog niet op github heb
Ben erg benieuwd hoe je de button-card gemaakt hebt op je lampen tab
kan je misschien van een van de buttons de yaml delen ?
een mening is zo sterk als de som van zijn argumenten
@DaTuX @skank
Deze custom button cards komen uit de config van matt8707.
De icoontjes heeft hij zelf ontworpen en omgezet naar svg animations. Hier in het topic van hem, geeft hij nog wel aan hoe je zelf icoontjes kan omzetten op een wat simpelere manier.
Ik post hieronder de code die ik gebruik. Dit is inclusief popup card om de helderheid en kleur te veranderen.
In de custom button card worden templates gebruikt: base en light. Dit om te voorkomen dat er heel veel dezelfde code wordt hergebruikt. Als je de onderstaande code ziet, begrijp je waarom. In de documentatie van cutom button card staat wel uitgelegd waar je de template file moet plaatsen.
base template:
Light template:
Deze custom button cards komen uit de config van matt8707.
De icoontjes heeft hij zelf ontworpen en omgezet naar svg animations. Hier in het topic van hem, geeft hij nog wel aan hoe je zelf icoontjes kan omzetten op een wat simpelere manier.
Ik post hieronder de code die ik gebruik. Dit is inclusief popup card om de helderheid en kleur te veranderen.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| - type: custom:button-card
entity: light.hal
style:
top: 20.35%
left: 66.14%
width: 10%
custom_fields:
icon_spot: &icon_spot >
[[[ const state = entity.state === 'on' ? 'animate_on' : 'animate_off';
return `<svg viewBox="0 0 50 50"><style>@keyframes animate_on{0%{transform: rotateZ(0deg); animation-timing-function: cubic-bezier(0.7, 0, 0.84, 0);}70%{transform: rotateZ(-15deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}75%{transform: rotateZ(-15deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}88%{transform: rotateZ(-11deg);}100%{transform: rotateZ(-15deg);}}.animate_on{animation: animate_on 0.7s; transform-origin: 40% 20%; animation-fill-mode: forwards; animation-delay: -0.1s;}@keyframes animate_off{0%{transform: rotateZ(-15deg); animation-timing-function: cubic-bezier(0.7, 0, 0.84, 0);}70%{transform: rotateZ(0deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}75%{transform: rotateZ(0deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}88%{transform: rotateZ(-4deg);}100%{transform: rotateZ(0deg);}}.animate_off{animation: animate_off 0.7s; transform-origin: 40% 20%; animation-fill-mode: forwards;}</style>
<path style="clip-path: url(#mask);" fill="#9da0a2" d="M40.5.8H17.1c-.1 0-.1 0-.1.1A3.12 3.12 0 0 0 20.1 4h6.1c.1 0 .1 0 .1.1v7.4L18 19.1l3.6 3.5 9.1-8.6c.4-.4.6-1 .7-1.6V4c0-.1 0-.1.1-.1h6c1.7.1 3.1-1.3 3-3.1z"/><defs><clipPath id="mask"><path class="${state}" d="M0 9.1h24l8.3 8.8H50V-9H0z"/></clipPath></defs><path class="${state}" fill="var(--button-card-light-color-no-temperature)" d="M25.5 46.4s1.4.5 10.4-8.2c.5-.4 6.3-6.3 5.8-7.1-.7-.8-18.6-19.5-18.6-19.5s-.6-.9-8.6 6.4c-.6.5-8.7 8-7.7 9.1l18.7 19.3z"/></svg>`; ]]]
styles: &icon_spot_styles
custom_fields:
icon_spot:
[top: 11.5%, left: 8%, width: 2.7vw, position: absolute, width: 35%, height: 35%]
template: ['base', 'light'] |
In de custom button card worden templates gebruikt: base en light. Dit om te voorkomen dat er heel veel dezelfde code wordt hergebruikt. Als je de onderstaande code ziet, begrijp je waarom
. In de documentatie van cutom button card staat wel uitgelegd waar je de template file moet plaatsen.base template:
code:
1
2
3
4
| base: aspect_ratio: 1/1 show_state: true show_icon: false |
Light template:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
| light:
state: &button_state
- value: 'on'
styles:
card: [background-color: 'rgba(255, 255, 255, 0.8)']
name: [color: 'rgba(0, 0, 0, 0.6)']
state: [color: 'rgba(0, 0, 0, 0.6)']
custom_fields:
info: >
[[[ if (entity.state === 'on' && entity.attributes.brightness) {
const brightness = Math.round(entity.attributes.brightness / 2.54);
const radius = 20.5; const circumference = radius * 2 * Math.PI;
return `<svg viewBox="0 0 50 50"><circle cx="25" cy="25" r="${radius}" stroke="#b2b2b2" stroke-width="1.5" fill="none" style="
transform: rotate(-90deg); transform-origin: 50% 50%; stroke-dasharray: ${circumference}; stroke-dashoffset: ${circumference - brightness / 100 * circumference};" />
<text x="50%" y="54%" fill="#8d8e90" font-size="14" text-anchor="middle" alignment-baseline="middle">${brightness}<tspan font-size="10">%</tspan></text></svg>`; } ]]]
styles:
name: &button_styles_name
[top: 65.7%, left: 11%, position: absolute, line-height: 10pt, font-weight: bold]
state: &button_styles_state
[top: 79%, left: 11%, position: absolute, line-height: 10pt]
custom_fields:
info: &circle_pos
[top: 8.5%, left: 56.2%, width: 35%, position: absolute, letter-spacing: 0.03vw]
card: &button_styles_card
[letter-spacing: 0.05vw, text-rendering: optimizeLegibility, font-weight: 400, color: 'var(--text-color)', font-size: 14px,
background-color: 'var(--card-background-color', border-radius: '(--ha-card-border-radius)', box-shadow: '(--ha-card-box-shadow)', transition: none,]
tap_action:
action: toggle
haptic: light
hold_action:
action: call-service
service: browser_mod.popup
service_data:
title: '[[[ return entity.attributes.friendly_name ]]]'
deviceID: this
style:
.: |
:host {
--mdc-theme-surface: var(--background-color-2);
--ha-card-background: rgba(0,0,0,0);
}
card:
type: entities
entities:
- type: custom:light-popup-card
entity: '[[[ return entity.entity_id ]]]'
icon: '[[[ return entity.attributes.icon ]]]'
fullscreen: false
brightnessWidth: 150px
brightnessHeight: 400px
borderRadius: 1.7em
sliderColor: '#c7c7c7'
sliderTrackColor: rgba(25, 25, 25, 0.9)
actionSize: 4.5em
actionsInARow: 3
sliderColoredByLight: false
style: |
#popup {
margin: -0.4em 0 1.4em 0; }
#popup > div.range-holder > input[type=range] {
cursor: grab; }
#brightnessValue {
color: rgba(255, 255, 255, 0.8); margin: -1em 0 0 0; font-size: 2em; font-weight: 400;
position: absolute; z-index: 100; letter-spacing: 0.02em; pointer-events: none;
mix-blend-mode: difference; text-align:center; width: 3.4em; height: 3.4em; }
#popup > div.range-holder > input[type=range]::-webkit-slider-thumb {
border: 0; eight: 0; width: 0; cursor: grabbing; }
#popup > div.action-holder > div > div {
margin: 0.8em 0.5em -0.8em 0.5em; }
#popup > div.action-holder > div:last-child > div:last-child > .color {
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 80%),
conic-gradient(rgb(120,39,230), rgb(230,34,231), rgb(228,5,136), rgb(228,25,25), rgb(229,105,30), rgb(232,226,46),
rgb(125,230,41), rgb(52,232,40), rgb(51,231,92), rgb(52,232,224),rgb(32,125,229), rgb(18,39,229), rgb(120,39,230));
border-width: 2px; border-color: #e6e6e6; --size: 4.4em !important; }
#popup > .action-holder .action .name {
color: var(--text-color);
padding-left: 15%;
}
actions:
- service: light.turn_on
service_data:
entity_id: '[[[ return entity.entity_id ]]]'
# color_temp: 326
color: "#FFBC55"
name: Ontspannen
- service: light.turn_on
service_data:
entity_id: '[[[ return entity.entity_id ]]]'
# color_temp: 153
color: "#FFCD78"
name: Helder
- service: light.turn_on
service_data:
entity_id: '[[[ return entity.entity_id ]]]'
# color_temp: 500
brightness: 145
color: "#FFCD78"
name: Gedimd
- service: light.turn_on
service_data:
entity_id: '[[[ return entity.entity_id ]]]'
# color_temp: 500
brightness: 220
color: "#FFF0C6"
name: Fel
- service: browser_mod.popup
name: Kleurkiezer
service_data:
title: '[[[ return entity.attributes.friendly_name ]]]'
deviceID: this
card:
type: entities
show_header_toggle: false
entities:
- entity: '[[[ return entity.entity_id ]]]'
secondary_info: last-changed
- type: custom:light-entity-card
entity: '[[[ return entity.entity_id ]]]'
consolidate_entities: true
brightness: true
white_value: true
color_temp: true
full_width_sliders: true
hide_header: true
show_slider_percent: true
smooth_color_wheel: true |
Super!:toon volledige bericht
@DaTuX @skank
Deze custom button cards komen uit de config van matt8707.
De icoontjes heeft hij zelf ontworpen en omgezet naar svg animations. Hier in het topic van hem, geeft hij nog wel aan hoe je zelf icoontjes kan omzetten op een wat simpelere manier.
Ik post hieronder de code die ik gebruik. Dit is inclusief popup card om de helderheid en kleur te veranderen.
code:
- type: custom:button-card entity: light.hal style: top: 20.35% left: 66.14% width: 10% custom_fields: icon_spot: &icon_spot > [[[ const state = entity.state === 'on' ? 'animate_on' : 'animate_off'; return `<svg viewBox="0 0 50 50"><style>@keyframes animate_on{0%{transform: rotateZ(0deg); animation-timing-function: cubic-bezier(0.7, 0, 0.84, 0);}70%{transform: rotateZ(-15deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}75%{transform: rotateZ(-15deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}88%{transform: rotateZ(-11deg);}100%{transform: rotateZ(-15deg);}}.animate_on{animation: animate_on 0.7s; transform-origin: 40% 20%; animation-fill-mode: forwards; animation-delay: -0.1s;}@keyframes animate_off{0%{transform: rotateZ(-15deg); animation-timing-function: cubic-bezier(0.7, 0, 0.84, 0);}70%{transform: rotateZ(0deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}75%{transform: rotateZ(0deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}88%{transform: rotateZ(-4deg);}100%{transform: rotateZ(0deg);}}.animate_off{animation: animate_off 0.7s; transform-origin: 40% 20%; animation-fill-mode: forwards;}</style> <path style="clip-path: url(#mask);" fill="#9da0a2" d="M40.5.8H17.1c-.1 0-.1 0-.1.1A3.12 3.12 0 0 0 20.1 4h6.1c.1 0 .1 0 .1.1v7.4L18 19.1l3.6 3.5 9.1-8.6c.4-.4.6-1 .7-1.6V4c0-.1 0-.1.1-.1h6c1.7.1 3.1-1.3 3-3.1z"/><defs><clipPath id="mask"><path class="${state}" d="M0 9.1h24l8.3 8.8H50V-9H0z"/></clipPath></defs><path class="${state}" fill="var(--button-card-light-color-no-temperature)" d="M25.5 46.4s1.4.5 10.4-8.2c.5-.4 6.3-6.3 5.8-7.1-.7-.8-18.6-19.5-18.6-19.5s-.6-.9-8.6 6.4c-.6.5-8.7 8-7.7 9.1l18.7 19.3z"/></svg>`; ]]] styles: &icon_spot_styles custom_fields: icon_spot: [top: 11.5%, left: 8%, width: 2.7vw, position: absolute, width: 35%, height: 35%] template: ['base', 'light']
In de custom button card worden templates gebruikt: base en light. Dit om te voorkomen dat er heel veel dezelfde code wordt hergebruikt. Als je de onderstaande code ziet, begrijp je waarom
base template:
code:
Light template:
code:
light: state: &button_state - value: 'on' styles: card: [background-color: 'rgba(255, 255, 255, 0.8)'] name: [color: 'rgba(0, 0, 0, 0.6)'] state: [color: 'rgba(0, 0, 0, 0.6)'] custom_fields: info: > [[[ if (entity.state === 'on' && entity.attributes.brightness) { const brightness = Math.round(entity.attributes.brightness / 2.54); const radius = 20.5; const circumference = radius * 2 * Math.PI; return `<svg viewBox="0 0 50 50"><circle cx="25" cy="25" r="${radius}" stroke="#b2b2b2" stroke-width="1.5" fill="none" style=" transform: rotate(-90deg); transform-origin: 50% 50%; stroke-dasharray: ${circumference}; stroke-dashoffset: ${circumference - brightness / 100 * circumference};" /> <text x="50%" y="54%" fill="#8d8e90" font-size="14" text-anchor="middle" alignment-baseline="middle">${brightness}<tspan font-size="10">%</tspan></text></svg>`; } ]]] styles: name: &button_styles_name [top: 65.7%, left: 11%, position: absolute, line-height: 10pt, font-weight: bold] state: &button_styles_state [top: 79%, left: 11%, position: absolute, line-height: 10pt] custom_fields: info: &circle_pos [top: 8.5%, left: 56.2%, width: 35%, position: absolute, letter-spacing: 0.03vw] card: &button_styles_card [letter-spacing: 0.05vw, text-rendering: optimizeLegibility, font-weight: 400, color: 'var(--text-color)', font-size: 14px, background-color: 'var(--card-background-color', border-radius: '(--ha-card-border-radius)', box-shadow: '(--ha-card-box-shadow)', transition: none,] tap_action: action: toggle haptic: light hold_action: action: call-service service: browser_mod.popup service_data: title: '[[[ return entity.attributes.friendly_name ]]]' deviceID: this style: .: | :host { --mdc-theme-surface: var(--background-color-2); --ha-card-background: rgba(0,0,0,0); } card: type: entities entities: - type: custom:light-popup-card entity: '[[[ return entity.entity_id ]]]' icon: '[[[ return entity.attributes.icon ]]]' fullscreen: false brightnessWidth: 150px brightnessHeight: 400px borderRadius: 1.7em sliderColor: '#c7c7c7' sliderTrackColor: rgba(25, 25, 25, 0.9) actionSize: 4.5em actionsInARow: 3 sliderColoredByLight: false style: | #popup { margin: -0.4em 0 1.4em 0; } #popup > div.range-holder > input[type=range] { cursor: grab; } #brightnessValue { color: rgba(255, 255, 255, 0.8); margin: -1em 0 0 0; font-size: 2em; font-weight: 400; position: absolute; z-index: 100; letter-spacing: 0.02em; pointer-events: none; mix-blend-mode: difference; text-align:center; width: 3.4em; height: 3.4em; } #popup > div.range-holder > input[type=range]::-webkit-slider-thumb { border: 0; eight: 0; width: 0; cursor: grabbing; } #popup > div.action-holder > div > div { margin: 0.8em 0.5em -0.8em 0.5em; } #popup > div.action-holder > div:last-child > div:last-child > .color { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 80%), conic-gradient(rgb(120,39,230), rgb(230,34,231), rgb(228,5,136), rgb(228,25,25), rgb(229,105,30), rgb(232,226,46), rgb(125,230,41), rgb(52,232,40), rgb(51,231,92), rgb(52,232,224),rgb(32,125,229), rgb(18,39,229), rgb(120,39,230)); border-width: 2px; border-color: #e6e6e6; --size: 4.4em !important; } #popup > .action-holder .action .name { color: var(--text-color); padding-left: 15%; } actions: - service: light.turn_on service_data: entity_id: '[[[ return entity.entity_id ]]]' # color_temp: 326 color: "#FFBC55" name: Ontspannen - service: light.turn_on service_data: entity_id: '[[[ return entity.entity_id ]]]' # color_temp: 153 color: "#FFCD78" name: Helder - service: light.turn_on service_data: entity_id: '[[[ return entity.entity_id ]]]' # color_temp: 500 brightness: 145 color: "#FFCD78" name: Gedimd - service: light.turn_on service_data: entity_id: '[[[ return entity.entity_id ]]]' # color_temp: 500 brightness: 220 color: "#FFF0C6" name: Fel - service: browser_mod.popup name: Kleurkiezer service_data: title: '[[[ return entity.attributes.friendly_name ]]]' deviceID: this card: type: entities show_header_toggle: false entities: - entity: '[[[ return entity.entity_id ]]]' secondary_info: last-changed - type: custom:light-entity-card entity: '[[[ return entity.entity_id ]]]' consolidate_entities: true brightness: true white_value: true color_temp: true full_width_sliders: true hide_header: true show_slider_percent: true smooth_color_wheel: true
Dankjewel!
een mening is zo sterk als de som van zijn argumenten
Tof! Hier ga ik mee aan de slag:toon volledige bericht
@DaTuX @skank
Deze custom button cards komen uit de config van matt8707.
De icoontjes heeft hij zelf ontworpen en omgezet naar svg animations. Hier in het topic van hem, geeft hij nog wel aan hoe je zelf icoontjes kan omzetten op een wat simpelere manier.
Ik post hieronder de code die ik gebruik. Dit is inclusief popup card om de helderheid en kleur te veranderen.
code:
- type: custom:button-card entity: light.hal style: top: 20.35% left: 66.14% width: 10% custom_fields: icon_spot: &icon_spot > [[[ const state = entity.state === 'on' ? 'animate_on' : 'animate_off'; return `<svg viewBox="0 0 50 50"><style>@keyframes animate_on{0%{transform: rotateZ(0deg); animation-timing-function: cubic-bezier(0.7, 0, 0.84, 0);}70%{transform: rotateZ(-15deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}75%{transform: rotateZ(-15deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}88%{transform: rotateZ(-11deg);}100%{transform: rotateZ(-15deg);}}.animate_on{animation: animate_on 0.7s; transform-origin: 40% 20%; animation-fill-mode: forwards; animation-delay: -0.1s;}@keyframes animate_off{0%{transform: rotateZ(-15deg); animation-timing-function: cubic-bezier(0.7, 0, 0.84, 0);}70%{transform: rotateZ(0deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}75%{transform: rotateZ(0deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}88%{transform: rotateZ(-4deg);}100%{transform: rotateZ(0deg);}}.animate_off{animation: animate_off 0.7s; transform-origin: 40% 20%; animation-fill-mode: forwards;}</style> <path style="clip-path: url(#mask);" fill="#9da0a2" d="M40.5.8H17.1c-.1 0-.1 0-.1.1A3.12 3.12 0 0 0 20.1 4h6.1c.1 0 .1 0 .1.1v7.4L18 19.1l3.6 3.5 9.1-8.6c.4-.4.6-1 .7-1.6V4c0-.1 0-.1.1-.1h6c1.7.1 3.1-1.3 3-3.1z"/><defs><clipPath id="mask"><path class="${state}" d="M0 9.1h24l8.3 8.8H50V-9H0z"/></clipPath></defs><path class="${state}" fill="var(--button-card-light-color-no-temperature)" d="M25.5 46.4s1.4.5 10.4-8.2c.5-.4 6.3-6.3 5.8-7.1-.7-.8-18.6-19.5-18.6-19.5s-.6-.9-8.6 6.4c-.6.5-8.7 8-7.7 9.1l18.7 19.3z"/></svg>`; ]]] styles: &icon_spot_styles custom_fields: icon_spot: [top: 11.5%, left: 8%, width: 2.7vw, position: absolute, width: 35%, height: 35%] template: ['base', 'light']
In de custom button card worden templates gebruikt: base en light. Dit om te voorkomen dat er heel veel dezelfde code wordt hergebruikt. Als je de onderstaande code ziet, begrijp je waarom
base template:
code:
Light template:
code:
light: state: &button_state - value: 'on' styles: card: [background-color: 'rgba(255, 255, 255, 0.8)'] name: [color: 'rgba(0, 0, 0, 0.6)'] state: [color: 'rgba(0, 0, 0, 0.6)'] custom_fields: info: > [[[ if (entity.state === 'on' && entity.attributes.brightness) { const brightness = Math.round(entity.attributes.brightness / 2.54); const radius = 20.5; const circumference = radius * 2 * Math.PI; return `<svg viewBox="0 0 50 50"><circle cx="25" cy="25" r="${radius}" stroke="#b2b2b2" stroke-width="1.5" fill="none" style=" transform: rotate(-90deg); transform-origin: 50% 50%; stroke-dasharray: ${circumference}; stroke-dashoffset: ${circumference - brightness / 100 * circumference};" /> <text x="50%" y="54%" fill="#8d8e90" font-size="14" text-anchor="middle" alignment-baseline="middle">${brightness}<tspan font-size="10">%</tspan></text></svg>`; } ]]] styles: name: &button_styles_name [top: 65.7%, left: 11%, position: absolute, line-height: 10pt, font-weight: bold] state: &button_styles_state [top: 79%, left: 11%, position: absolute, line-height: 10pt] custom_fields: info: &circle_pos [top: 8.5%, left: 56.2%, width: 35%, position: absolute, letter-spacing: 0.03vw] card: &button_styles_card [letter-spacing: 0.05vw, text-rendering: optimizeLegibility, font-weight: 400, color: 'var(--text-color)', font-size: 14px, background-color: 'var(--card-background-color', border-radius: '(--ha-card-border-radius)', box-shadow: '(--ha-card-box-shadow)', transition: none,] tap_action: action: toggle haptic: light hold_action: action: call-service service: browser_mod.popup service_data: title: '[[[ return entity.attributes.friendly_name ]]]' deviceID: this style: .: | :host { --mdc-theme-surface: var(--background-color-2); --ha-card-background: rgba(0,0,0,0); } card: type: entities entities: - type: custom:light-popup-card entity: '[[[ return entity.entity_id ]]]' icon: '[[[ return entity.attributes.icon ]]]' fullscreen: false brightnessWidth: 150px brightnessHeight: 400px borderRadius: 1.7em sliderColor: '#c7c7c7' sliderTrackColor: rgba(25, 25, 25, 0.9) actionSize: 4.5em actionsInARow: 3 sliderColoredByLight: false style: | #popup { margin: -0.4em 0 1.4em 0; } #popup > div.range-holder > input[type=range] { cursor: grab; } #brightnessValue { color: rgba(255, 255, 255, 0.8); margin: -1em 0 0 0; font-size: 2em; font-weight: 400; position: absolute; z-index: 100; letter-spacing: 0.02em; pointer-events: none; mix-blend-mode: difference; text-align:center; width: 3.4em; height: 3.4em; } #popup > div.range-holder > input[type=range]::-webkit-slider-thumb { border: 0; eight: 0; width: 0; cursor: grabbing; } #popup > div.action-holder > div > div { margin: 0.8em 0.5em -0.8em 0.5em; } #popup > div.action-holder > div:last-child > div:last-child > .color { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 80%), conic-gradient(rgb(120,39,230), rgb(230,34,231), rgb(228,5,136), rgb(228,25,25), rgb(229,105,30), rgb(232,226,46), rgb(125,230,41), rgb(52,232,40), rgb(51,231,92), rgb(52,232,224),rgb(32,125,229), rgb(18,39,229), rgb(120,39,230)); border-width: 2px; border-color: #e6e6e6; --size: 4.4em !important; } #popup > .action-holder .action .name { color: var(--text-color); padding-left: 15%; } actions: - service: light.turn_on service_data: entity_id: '[[[ return entity.entity_id ]]]' # color_temp: 326 color: "#FFBC55" name: Ontspannen - service: light.turn_on service_data: entity_id: '[[[ return entity.entity_id ]]]' # color_temp: 153 color: "#FFCD78" name: Helder - service: light.turn_on service_data: entity_id: '[[[ return entity.entity_id ]]]' # color_temp: 500 brightness: 145 color: "#FFCD78" name: Gedimd - service: light.turn_on service_data: entity_id: '[[[ return entity.entity_id ]]]' # color_temp: 500 brightness: 220 color: "#FFF0C6" name: Fel - service: browser_mod.popup name: Kleurkiezer service_data: title: '[[[ return entity.attributes.friendly_name ]]]' deviceID: this card: type: entities show_header_toggle: false entities: - entity: '[[[ return entity.entity_id ]]]' secondary_info: last-changed - type: custom:light-entity-card entity: '[[[ return entity.entity_id ]]]' consolidate_entities: true brightness: true white_value: true color_temp: true full_width_sliders: true hide_header: true show_slider_percent: true smooth_color_wheel: true
kleine update:toon volledige bericht
@DaTuX @skank
Deze custom button cards komen uit de config van matt8707.
De icoontjes heeft hij zelf ontworpen en omgezet naar svg animations. Hier in het topic van hem, geeft hij nog wel aan hoe je zelf icoontjes kan omzetten op een wat simpelere manier.
Ik post hieronder de code die ik gebruik. Dit is inclusief popup card om de helderheid en kleur te veranderen.
code:
- type: custom:button-card entity: light.hal style: top: 20.35% left: 66.14% width: 10% custom_fields: icon_spot: &icon_spot > [[[ const state = entity.state === 'on' ? 'animate_on' : 'animate_off'; return `<svg viewBox="0 0 50 50"><style>@keyframes animate_on{0%{transform: rotateZ(0deg); animation-timing-function: cubic-bezier(0.7, 0, 0.84, 0);}70%{transform: rotateZ(-15deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}75%{transform: rotateZ(-15deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}88%{transform: rotateZ(-11deg);}100%{transform: rotateZ(-15deg);}}.animate_on{animation: animate_on 0.7s; transform-origin: 40% 20%; animation-fill-mode: forwards; animation-delay: -0.1s;}@keyframes animate_off{0%{transform: rotateZ(-15deg); animation-timing-function: cubic-bezier(0.7, 0, 0.84, 0);}70%{transform: rotateZ(0deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}75%{transform: rotateZ(0deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}88%{transform: rotateZ(-4deg);}100%{transform: rotateZ(0deg);}}.animate_off{animation: animate_off 0.7s; transform-origin: 40% 20%; animation-fill-mode: forwards;}</style> <path style="clip-path: url(#mask);" fill="#9da0a2" d="M40.5.8H17.1c-.1 0-.1 0-.1.1A3.12 3.12 0 0 0 20.1 4h6.1c.1 0 .1 0 .1.1v7.4L18 19.1l3.6 3.5 9.1-8.6c.4-.4.6-1 .7-1.6V4c0-.1 0-.1.1-.1h6c1.7.1 3.1-1.3 3-3.1z"/><defs><clipPath id="mask"><path class="${state}" d="M0 9.1h24l8.3 8.8H50V-9H0z"/></clipPath></defs><path class="${state}" fill="var(--button-card-light-color-no-temperature)" d="M25.5 46.4s1.4.5 10.4-8.2c.5-.4 6.3-6.3 5.8-7.1-.7-.8-18.6-19.5-18.6-19.5s-.6-.9-8.6 6.4c-.6.5-8.7 8-7.7 9.1l18.7 19.3z"/></svg>`; ]]] styles: &icon_spot_styles custom_fields: icon_spot: [top: 11.5%, left: 8%, width: 2.7vw, position: absolute, width: 35%, height: 35%] template: ['base', 'light']
In de custom button card worden templates gebruikt: base en light. Dit om te voorkomen dat er heel veel dezelfde code wordt hergebruikt. Als je de onderstaande code ziet, begrijp je waarom
base template:
code:
Light template:
code:
light: state: &button_state - value: 'on' styles: card: [background-color: 'rgba(255, 255, 255, 0.8)'] name: [color: 'rgba(0, 0, 0, 0.6)'] state: [color: 'rgba(0, 0, 0, 0.6)'] custom_fields: info: > [[[ if (entity.state === 'on' && entity.attributes.brightness) { const brightness = Math.round(entity.attributes.brightness / 2.54); const radius = 20.5; const circumference = radius * 2 * Math.PI; return `<svg viewBox="0 0 50 50"><circle cx="25" cy="25" r="${radius}" stroke="#b2b2b2" stroke-width="1.5" fill="none" style=" transform: rotate(-90deg); transform-origin: 50% 50%; stroke-dasharray: ${circumference}; stroke-dashoffset: ${circumference - brightness / 100 * circumference};" /> <text x="50%" y="54%" fill="#8d8e90" font-size="14" text-anchor="middle" alignment-baseline="middle">${brightness}<tspan font-size="10">%</tspan></text></svg>`; } ]]] styles: name: &button_styles_name [top: 65.7%, left: 11%, position: absolute, line-height: 10pt, font-weight: bold] state: &button_styles_state [top: 79%, left: 11%, position: absolute, line-height: 10pt] custom_fields: info: &circle_pos [top: 8.5%, left: 56.2%, width: 35%, position: absolute, letter-spacing: 0.03vw] card: &button_styles_card [letter-spacing: 0.05vw, text-rendering: optimizeLegibility, font-weight: 400, color: 'var(--text-color)', font-size: 14px, background-color: 'var(--card-background-color', border-radius: '(--ha-card-border-radius)', box-shadow: '(--ha-card-box-shadow)', transition: none,] tap_action: action: toggle haptic: light hold_action: action: call-service service: browser_mod.popup service_data: title: '[[[ return entity.attributes.friendly_name ]]]' deviceID: this style: .: | :host { --mdc-theme-surface: var(--background-color-2); --ha-card-background: rgba(0,0,0,0); } card: type: entities entities: - type: custom:light-popup-card entity: '[[[ return entity.entity_id ]]]' icon: '[[[ return entity.attributes.icon ]]]' fullscreen: false brightnessWidth: 150px brightnessHeight: 400px borderRadius: 1.7em sliderColor: '#c7c7c7' sliderTrackColor: rgba(25, 25, 25, 0.9) actionSize: 4.5em actionsInARow: 3 sliderColoredByLight: false style: | #popup { margin: -0.4em 0 1.4em 0; } #popup > div.range-holder > input[type=range] { cursor: grab; } #brightnessValue { color: rgba(255, 255, 255, 0.8); margin: -1em 0 0 0; font-size: 2em; font-weight: 400; position: absolute; z-index: 100; letter-spacing: 0.02em; pointer-events: none; mix-blend-mode: difference; text-align:center; width: 3.4em; height: 3.4em; } #popup > div.range-holder > input[type=range]::-webkit-slider-thumb { border: 0; eight: 0; width: 0; cursor: grabbing; } #popup > div.action-holder > div > div { margin: 0.8em 0.5em -0.8em 0.5em; } #popup > div.action-holder > div:last-child > div:last-child > .color { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 80%), conic-gradient(rgb(120,39,230), rgb(230,34,231), rgb(228,5,136), rgb(228,25,25), rgb(229,105,30), rgb(232,226,46), rgb(125,230,41), rgb(52,232,40), rgb(51,231,92), rgb(52,232,224),rgb(32,125,229), rgb(18,39,229), rgb(120,39,230)); border-width: 2px; border-color: #e6e6e6; --size: 4.4em !important; } #popup > .action-holder .action .name { color: var(--text-color); padding-left: 15%; } actions: - service: light.turn_on service_data: entity_id: '[[[ return entity.entity_id ]]]' # color_temp: 326 color: "#FFBC55" name: Ontspannen - service: light.turn_on service_data: entity_id: '[[[ return entity.entity_id ]]]' # color_temp: 153 color: "#FFCD78" name: Helder - service: light.turn_on service_data: entity_id: '[[[ return entity.entity_id ]]]' # color_temp: 500 brightness: 145 color: "#FFCD78" name: Gedimd - service: light.turn_on service_data: entity_id: '[[[ return entity.entity_id ]]]' # color_temp: 500 brightness: 220 color: "#FFF0C6" name: Fel - service: browser_mod.popup name: Kleurkiezer service_data: title: '[[[ return entity.attributes.friendly_name ]]]' deviceID: this card: type: entities show_header_toggle: false entities: - entity: '[[[ return entity.entity_id ]]]' secondary_info: last-changed - type: custom:light-entity-card entity: '[[[ return entity.entity_id ]]]' consolidate_entities: true brightness: true white_value: true color_temp: true full_width_sliders: true hide_header: true show_slider_percent: true smooth_color_wheel: true
heb het werkend , het stylen is wel even puzzelen haha
anyhow, dit is wat ik ervan gebakken heb;
:fill(white):strip_exif()/f/image/UglGrKsh7HIDCv4lICNZ8ShB.png?f=user_large)
@larsiey
heb de code nog iets verder vereenvoudigd en daardoor is het nog makkelijker om items toe te voegen, maar ook om snel van icon te wisselen
ik heb alle templates uit jou voorbeeld als individuele file in een speciale map gezet
in mijn geval heb ik alle lovelace componenten en templates staan in de /config/ui-lovelace
hierin een map cbs-templates gemaakt welke ik toevoeg via
YAML:
1
2
| button_card_templates: !include_dir_merge_named ui-lovelace/cbc-templates |
in die folder de 2 files uit jou voorbeeld base en light gezet (base-template.yaml en light-template.yaml)
tevens heb ik hier voor iedere "lamp soort" een specifieke styling in staan
- bulb-template.yaml voor normale lampen
YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| bulb: style: top: 20.35% left: 66.14% width: 10% custom_fields: icon_hue: &icon_hue > [[[ const state = entity.state === 'on' ? 'animate' : null; return `<svg viewBox="0 0 50 50"><style>@keyframes animate{0%{transform: scale(0.85);}20%{transform: scale(1.1);}40%{transform: scale(0.95);}60%{transform: scale(1.03);}80%{transform: scale(0.97);}100%{transform: scale(1);}}.animate{animation: animate 0.8s; transform-origin: center;}</style> <path fill="#9da0a2" d="M27.4 47.3h-4.9s-.7.1-.7.8.4.9.7.9h4.9c.3 0 .7-.1.7-.9s-.7-.8-.7-.8zm3.3-2.9H19.3s-.8 0-.8.8.6.9.8.9h11.5c.2 0 .8-.1.8-.9-.1-.8-.9-.8-.9-.8zm0-3H19.3s-.8 0-.8.8.6.9.8.9h11.5c.2 0 .8-.1.8-.9-.1-.8-.9-.8-.9-.8zm0-2.9H19.3s-.8 0-.8.8.6.9.8.9h11.5c.2 0 .8-.1.8-.9s-.9-.8-.9-.8zm5.2-23.2c-3.3-5.3-7-5.6-10.9-5.6-3.8 0-8.4.4-10.9 5.6-.1.1-.1.3.1.7.4.8 3.3 7.2 3.2 18.8 0 1.1-.1 1.6 0 1.7 0 .1 0 .7 1.1.7h13c1 0 1-.5 1.1-.7v-1.7c-.1-11.6 2.8-18 3.2-18.8.1-.4.1-.5.1-.7"/> <path class="${state}" fill="var(--button-card-light-color-no-temperature)" d="M14.1 15.3c3.4-.3 7-.4 10.9-.4 3.8 0 7.5.2 10.9.4.4-.4.7-.8.9-1.1C39 8.5 38.9 6.5 38.9 6c-.2-4.4-8.4-5-12.1-5h0-3.4c-3.7 0-12 .5-12.1 5 0 .5-.1 2.5 2.1 8.2 0 .3.3.8.7 1.1z"/></svg>`; ]]] styles: &icon_hue_styles custom_fields: icon_hue: [top: 11.5%, left: 8%, width: 2.7vw, position: absolute, width: 35%, height: 35%] |
- spot-template.yaml voor spots / plafond lampen
YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| spot: style: top: 20.35% left: 66.14% width: 10% custom_fields: icon_spot: &icon_spot > [[[ const state = entity.state === 'on' ? 'animate_on' : 'animate_off'; return `<svg viewBox="0 0 50 50"><style>@keyframes animate_on{0%{transform: rotateZ(0deg); animation-timing-function: cubic-bezier(0.7, 0, 0.84, 0);}70%{transform: rotateZ(-15deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}75%{transform: rotateZ(-15deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}88%{transform: rotateZ(-11deg);}100%{transform: rotateZ(-15deg);}}.animate_on{animation: animate_on 0.7s; transform-origin: 40% 20%; animation-fill-mode: forwards; animation-delay: -0.1s;}@keyframes animate_off{0%{transform: rotateZ(-15deg); animation-timing-function: cubic-bezier(0.7, 0, 0.84, 0);}70%{transform: rotateZ(0deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}75%{transform: rotateZ(0deg); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}88%{transform: rotateZ(-4deg);}100%{transform: rotateZ(0deg);}}.animate_off{animation: animate_off 0.7s; transform-origin: 40% 20%; animation-fill-mode: forwards;}</style> <path style="clip-path: url(#mask);" fill="#9da0a2" d="M40.5.8H17.1c-.1 0-.1 0-.1.1A3.12 3.12 0 0 0 20.1 4h6.1c.1 0 .1 0 .1.1v7.4L18 19.1l3.6 3.5 9.1-8.6c.4-.4.6-1 .7-1.6V4c0-.1 0-.1.1-.1h6c1.7.1 3.1-1.3 3-3.1z"/><defs><clipPath id="mask"><path class="${state}" d="M0 9.1h24l8.3 8.8H50V-9H0z"/></clipPath></defs><path class="${state}" fill="var(--button-card-light-color-no-temperature)" d="M25.5 46.4s1.4.5 10.4-8.2c.5-.4 6.3-6.3 5.8-7.1-.7-.8-18.6-19.5-18.6-19.5s-.6-.9-8.6 6.4c-.6.5-8.7 8-7.7 9.1l18.7 19.3z"/></svg>`; ]]] styles: &icon_spot_styles custom_fields: icon_spot: [top: 11.5%, left: 8%, width: 2.7vw, position: absolute, width: 35%, height: 35%] |
nu ik een lamp / enity toevoeg hoef ik alleen de template extra mee te geven die nodig is voor het type lampje wat ik wil tonen en is de code lekker kort en nog minder repetitive dan het al was door de anchors
voor die 10 lampjes van hierboven is dit de pagina:
YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
| icon: 'mdi:lamp' path: lampen theme: midnight title: Lampen badges: [] cards: - cards: - cards: - type: custom:button-card entity: light.staande_lampen template: ['base','light','bulb'] - type: custom:button-card entity: light.cilinder_lamp template: ['base','light','bulb'] - type: custom:button-card entity: light.0x086bd7fffe2d179e_light # Lamp hoek template: ['base','light','bulb'] - type: custom:button-card entity: switch.0x680ae2fffef05ba5_switch # Kooi Lamp template: ['base','light','bulb'] type: horizontal-stack - cards: - type: custom:button-card entity: light.shelly_1_light #keuken lamp template: ['base','light','spot'] - type: custom:button-card entity: light.0x680ae2fffeec0d99_light #keukenkastjes template: ['base','light','bulb'] - type: custom:button-card entity: light.shelly_hal_light_1 #Hal template: ['base','light','spot'] - type: custom:button-card entity: light.overloop_lamp # overloop template: ['base','light','spot'] type: horizontal-stack - cards: - type: custom:button-card entity: light.shelly_hal_light_2 # buitenlamp voor template: ['base','light','bulb'] - type: custom:button-card entity: light.ws281b_maartje # ledstrip Maartje template: ['base','light','bulb'] type: horizontal-stack type: vertical-stack |
zoals je ziet geef ik of "bulb" of "spot" mee in het template deel om te zorgen dat het juiste icoontje met styling gebruikt wordt
een mening is zo sterk als de som van zijn argumenten
In button cards kan je ook blank cards maken, dsn heb je niet 2 van die grote buttons:toon volledige bericht
[...]
kleine update
heb het werkend , het stylen is wel even puzzelen haha
anyhow, dit is wat ik ervan gebakken heb;
[Afbeelding]
@larsiey
heb de code nog iets verder vereenvoudigd en daardoor is het nog makkelijker om items toe te voegen, maar ook om snel van icon te wisselen
ik heb alle templates uit jou voorbeeld als individuele file in een speciale map gezet
in mijn geval heb ik alle lovelace componenten en templates staan in de /config/ui-lovelace
hierin een map cbs-templates gemaakt welke ik toevoeg via
YAML:
in die folder de 2 files uit jou voorbeeld base en light gezet (base-template.yaml en light-template.yaml)
tevens heb ik hier voor iedere "lamp soort" een specifieke styling in staan
- bulb-template.yaml voor normale lampen
YAML:
- spot-template.yaml voor spots / plafond lampen
YAML:
nu ik een lamp / enity toevoeg hoef ik alleen de template extra mee te geven die nodig is voor het type lampje wat ik wil tonen en is de code lekker kort en nog minder repetitive dan het al was door de anchors
voor die 10 lampjes van hierboven is dit de pagina:
YAML:
zoals je ziet geef ik of "bulb" of "spot" mee in het template deel om te zorgen dat het juiste icoontje met styling gebruikt wordt
Thanks! gelijk opgezocht en aangepast! haha:
[...]
In button cards kan je ook blank cards maken, dsn heb je niet 2 van die grote buttons
wat een ontzettend krachtige / veelzijdige addon die custom-button-card
:fill(white):strip_exif()/f/image/C4MzbX4FSqqCBFYWDXiVJ6SM.png?f=user_large)
[ Voor 34% gewijzigd door DaTuX op 31-08-2020 21:50 . Reden: plaatje dr bie ]
een mening is zo sterk als de som van zijn argumenten
/u/645137/crop587f364698723_cropped.png?f=community)
Ben toch wel benieuwd hoe je config eruit ziet. Als die op github staat.:
Onder het mom van "beter goed gejat dan slecht bedacht"
Credits naar @Hmmbob. Uit zijn config heb ik veel ideeën gehaald
[Afbeelding]
:strip_icc():strip_exif()/u/308942/crop59edac308601b_cropped.jpeg?f=community)
Hallo allemaal. Sinds enkele maanden ben ik ook met HA bezig en wil mijn opzet graag delen. Ik heb na migratie van Hassio op RPi 3B+ naar Intel NUC (Ubuntu met HA Core in docker), nu een eerste opzet gemaakt. Mijn huidige integraties:
- Jacuzzi (Balboa Spa)
- Google Cast
- LG webOS TV en Ziggo Next integraties
- System monitoring van de NUC, onze mobieltjes en Synology NAS (screenshot)
- Stembesturing en spraaksynthese met Google Home
- Klikaanklikuit 433 mhz via HomeWizard module (schakelaars, thermometers, deursensoren, lampen, rookmelder)
- SolarEdge zonnepanelen (icm DSMR)
- Ring deurbel en chimes
- Hue diverse lampen
- DSMR slimme meter uitlezen met o.a. charts in InfluxDB/Grafana (screenshot)
- Reistijden woon-werk
- Crypto values
- Buienradar
- Afval kalender
En automatiseringen met Google Home als end point voor waarschuwingen: voor file, waarschuwing voor regen als ik de voordeur open doe, buitenlamp aan bij bellen, 10 min voordat ik thuis ben zegt Google Home dat tegen mijn vrouw vanwege koken (!), containers aan straat, lampen uit/aan bij zonsopkomst/ondergang, rook op zolder, temperatuur achter of garage te hoog, voordeur is open en wij niet thuis.
To do's: weerstation, migratie van 433Mhz naar z-wave, Hue tuinverlichting, tuinsproeisysteem, airco, gashaard, DialogFlow voor uitgebreidere stembesturing en nog veel meer.
/f/image/TRgl6yuXVBnx9UnN2zVGx36o.png?f=fotoalbum_large)
/f/image/o9U5jf1fyk6DioJUGB5QXUO3.png?f=fotoalbum_large)
- Jacuzzi (Balboa Spa)
- Google Cast
- LG webOS TV en Ziggo Next integraties
- System monitoring van de NUC, onze mobieltjes en Synology NAS (screenshot)
- Stembesturing en spraaksynthese met Google Home
- Klikaanklikuit 433 mhz via HomeWizard module (schakelaars, thermometers, deursensoren, lampen, rookmelder)
- SolarEdge zonnepanelen (icm DSMR)
- Ring deurbel en chimes
- Hue diverse lampen
- DSMR slimme meter uitlezen met o.a. charts in InfluxDB/Grafana (screenshot)
- Reistijden woon-werk
- Crypto values
- Buienradar
- Afval kalender
En automatiseringen met Google Home als end point voor waarschuwingen: voor file, waarschuwing voor regen als ik de voordeur open doe, buitenlamp aan bij bellen, 10 min voordat ik thuis ben zegt Google Home dat tegen mijn vrouw vanwege koken (!), containers aan straat, lampen uit/aan bij zonsopkomst/ondergang, rook op zolder, temperatuur achter of garage te hoog, voordeur is open en wij niet thuis.
To do's: weerstation, migratie van 433Mhz naar z-wave, Hue tuinverlichting, tuinsproeisysteem, airco, gashaard, DialogFlow voor uitgebreidere stembesturing en nog veel meer.
:fill(white):strip_exif()/f/image/TRgl6yuXVBnx9UnN2zVGx36o.png?f=user_large)
:fill(white):strip_exif()/f/image/o9U5jf1fyk6DioJUGB5QXUO3.png?f=user_large)
Ik ben afgelopen week overgestapt van een Samsung smartphone naar een iPhone, en ik irriteerde me direct aan de wekkerfunctie van iOS. Dus, waarom niet zoiets in HA bouwen?
Zie hieronder mijn card die ik gebruik voor de wekker, waarbij ik dus een tijd kan ingeven en het aantal minuten snooze. Vervolgens kan ik kiezen uit of de lamp op de slaapkamer aan moet gaan (in transition) of dat de radio moet afspelen op de Google Home die op het nachtkastje staat (lees: iedere media zou hier natuurlijk kunnen worden ingevoerd als je dat voorbereid). De switch 'Instellingen' bepaalt of het onderste deel vanaf 'Instellingen' moet worden getoond, waarbij ik dus het afspeelmedium en het station kan kiezen, maar ook het volume en op welke dagen de wekker af moet gaan.
Zodra de wekker af gaat, ontvang ik op mijn iPhone een popup 'Wakker worden!' met daarin twee mogelijkheden: 'Snooze' en 'Uitschakelen'. 'Snooze' schakelt alle dingen uit (radio + licht evt.) en start een timer waarna het wakker-worden-script weer wordt geactiveerd. 'Uitschakelen' zet alles uit.
Als er interesse in het script post ik hem hier graag, maar het is best veel (config, input booleans, numbers, automations, script). Ik ben er in ieder geval tevreden mee, WAF ligt ook hoog omdat mijn partner het ideaal vindt dat de lamp en radio aan gaan.
Optimalisaties:
Wat ik nog zou kunnen doen is een geleidelijke volumeverhoging toe kunnen passen, maar dat heb ik nog niet ingesteld. Daarnaast zou je ook via Google Home je 'Goedemorgen'-script kunnen afspelen waardoor je nieuws etc. hoort. Ik zag nog wat mooie dingen in de setup van @larsiey voor de card, dus dat staat ook nog open.
:fill(white):strip_exif()/f/image/Se7IHmOlO38JRmjXw16jfIYx.png?f=user_large)
Zie hieronder mijn card die ik gebruik voor de wekker, waarbij ik dus een tijd kan ingeven en het aantal minuten snooze. Vervolgens kan ik kiezen uit of de lamp op de slaapkamer aan moet gaan (in transition) of dat de radio moet afspelen op de Google Home die op het nachtkastje staat (lees: iedere media zou hier natuurlijk kunnen worden ingevoerd als je dat voorbereid). De switch 'Instellingen' bepaalt of het onderste deel vanaf 'Instellingen' moet worden getoond, waarbij ik dus het afspeelmedium en het station kan kiezen, maar ook het volume en op welke dagen de wekker af moet gaan.
Zodra de wekker af gaat, ontvang ik op mijn iPhone een popup 'Wakker worden!' met daarin twee mogelijkheden: 'Snooze' en 'Uitschakelen'. 'Snooze' schakelt alle dingen uit (radio + licht evt.) en start een timer waarna het wakker-worden-script weer wordt geactiveerd. 'Uitschakelen' zet alles uit.
Als er interesse in het script post ik hem hier graag, maar het is best veel (config, input booleans, numbers, automations, script). Ik ben er in ieder geval tevreden mee, WAF ligt ook hoog omdat mijn partner het ideaal vindt dat de lamp en radio aan gaan.
Optimalisaties:
Wat ik nog zou kunnen doen is een geleidelijke volumeverhoging toe kunnen passen, maar dat heb ik nog niet ingesteld. Daarnaast zou je ook via Google Home je 'Goedemorgen'-script kunnen afspelen waardoor je nieuws etc. hoort. Ik zag nog wat mooie dingen in de setup van @larsiey voor de card, dus dat staat ook nog open.
toon volledige berichtIk denk dat veel mensen baat zullen hebben bij je config. Erg cool gedaan. Wel jammer dat je het überhaupt nodig hebt...
Thanks, het meest irritante aan de iOS-wekker vind ik dat je geen snoozetijd in kan stellen omdat het nog gebruik maakt van mechanische logica:
[...]
Ik denk dat veel mensen baat zullen hebben bij je config. Erg cool gedaan. Wel jammer dat je het überhaupt nodig hebt...
welkom in 2020!Oké, hieronder een basic setup van hoe het werkt, voor het radiogedeelte moet je even terugzoeken in dit topic, heb ik eerder gepost. Ik neem aan dat je in je configuration.yaml werkt met !include voor je sensors, etc.
Disclaimer: ik heb het niet zelf bedacht maar vooral gejat en in elkaar geschroefd naar eigen wensen. De HA community biedt zo ongelooflijk veel informatie, beetje goed lezen, knippen en plakken en dan lukt het best!
P.S. Zie de volgende post voor de configuratie van de card in de frontend, deze post zou het maximaal aantal karakters overschrijven
configuration.yaml
YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
| ios: push: categories: - name: alarm clock identifier: 'alarmclock' actions: - identifier: 'AWAKE' title: 'Wakker' activationMode: 'background' authenticationRequired: no destructive: no behavior: 'default' - identifier: 'SNOOZE' title: 'Snooze' activationMode: 'background' authenticationRequired: no destructive: yes behavior: 'default' input_boolean: wakestatus: name: Alarm icon: mdi:alarm initial: on wakeadvancedsettings: name: Instellingen icon: mdi:settings initial: off wakelight: name: Licht icon: mdi:lightbulb initial: on wakeradio: name: Radio icon: mdi:volume-high initial: on wakeweekday_mon: name: Monday icon: mdi:calendar wakeweekday_tue: name: Tuesday icon: mdi:calendar wakeweekday_wed: name: Wednesday icon: mdi:calendar wakeweekday_thu: name: Thursday icon: mdi:calendar wakeweekday_fri: name: Friday icon: mdi:calendar wakeweekday_sat: name: Saturday icon: mdi:calendar wakeweekday_sun: name: Sunday icon: mdi:calendar input_number: volume_wekker: name: Wekkervolume icon: mdi:volume-high initial: 0.25 min: 0 max: 1 step: 0.05 snooze_time: name: Snoozetime icon: mdi:alarm-off initial: 5 min: 0 max: 60 step: 1 mode: box input_datetime: wake_time_input: name: Wekker icon: mdi:clock has_date: false has_time: true |
automations.yaml
YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
| - alias: Wake up trigger: platform: template value_template: '{{ states("sensor.time") == states("sensor.wake_time") }}' condition: condition: or conditions: - condition: and conditions: - condition: state entity_id: input_boolean.wakestatus state: 'on' - condition: state entity_id: input_boolean.wakeweekday_mon state: 'on' - condition: time weekday: mon - condition: and conditions: - condition: state entity_id: input_boolean.wakestatus state: 'on' - condition: state entity_id: input_boolean.wakeweekday_tue state: 'on' - condition: time weekday: tue - condition: and conditions: - condition: state entity_id: input_boolean.wakestatus state: 'on' - condition: state entity_id: input_boolean.wakeweekday_wed state: 'on' - condition: time weekday: wed - condition: and conditions: - condition: state entity_id: input_boolean.wakestatus state: 'on' - condition: state entity_id: input_boolean.wakeweekday_thu state: 'on' - condition: time weekday: thu - condition: and conditions: - condition: state entity_id: input_boolean.wakestatus state: 'on' - condition: state entity_id: input_boolean.wakeweekday_fri state: 'on' - condition: time weekday: fri - condition: and conditions: - condition: state entity_id: input_boolean.wakestatus state: 'on' - condition: state entity_id: input_boolean.wakeweekday_sat state: 'on' - condition: time weekday: sat - condition: and conditions: - condition: state entity_id: input_boolean.wakestatus state: 'on' - condition: state entity_id: input_boolean.wakeweekday_sun state: 'on' - condition: time weekday: sun action: - service: script.turn_on entity_id: script.s_alarm_clock_wake_up - service: notify.mobile_app_iphone_van_ronker32 data: title: "Alarm Clock" message: "Wakker worden!" data: push: badge: 0 category: 'alarmclock' - alias: Alarm clock awake trigger: platform: event event_type: ios.notification_action_fired event_data: actionName: AWAKE action: service: script.turn_on entity_id: script.s_alarm_clock_awake - alias: Alarm clock snooze trigger: platform: event event_type: ios.notification_action_fired event_data: actionName: SNOOZE action: service: script.turn_on entity_id: script.s_alarm_clock_snooze |
scripts.yaml
YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
| ###### script for running what happens after awake button is pushed ###### s_alarm_clock_awake: sequence: - service: media_player.media_stop data_template: entity_id: > {% if is_state("input_select.afspeelmedium", "Gerard") %} media_player.woonkamer {% elif is_state("input_select.afspeelmedium", "Henk") %} media_player.slaapkamer {% elif is_state("input_select.afspeelmedium", "Trees") %} media_player.chromecast_woonkamer {% elif is_state("input_select.afspeelmedium", "Lies") %} media_player.chromecast_slaapkamer {% elif is_state("input_select.afspeelmedium", "Opa") %} media_player.nest {% endif %} - service: light.turn_off data: entity_id: light.slaapkamerlamp ###### script for running what happens when snooze button is pushed and for turning on the snooze timer and turning off lights ###### s_alarm_clock_snooze: sequence: - service: script.turn_off data: entity_id: script.s_alarm_clock_snooze_timer - service: media_player.media_stop data_template: entity_id: > {% if is_state("input_select.afspeelmedium", "Gerard") %} media_player.woonkamer {% elif is_state("input_select.afspeelmedium", "Henk") %} media_player.slaapkamer {% elif is_state("input_select.afspeelmedium", "Trees") %} media_player.chromecast_woonkamer {% elif is_state("input_select.afspeelmedium", "Lies") %} media_player.chromecast_slaapkamer {% elif is_state("input_select.afspeelmedium", "Opa") %} media_player.nest {% endif %} - service: light.turn_off data: entity_id: light.slaapkamerlamp - service: script.turn_on data: entity_id: script.s_alarm_clock_snooze_timer ###### script for the snooze timer ###### s_alarm_clock_snooze_timer: sequence: - delay: minutes: "{{ states('input_number.snooze_time') }}" - service: automation.trigger data: entity_id: automation.wake_up ###### script for running what happens when the alarm clock gets turned on ###### s_alarm_clock_wake_up: sequence: - choose: - conditions: - condition: state entity_id: input_boolean.wakelight state: 'on' sequence: - service: light.turn_on data: entity_id: light.slaapkamerlamp transition: 600 brightness_pct: 80 - conditions: - condition: state entity_id: input_boolean.wakeradio state: 'on' sequence: - service: media_player.volume_set data_template: entity_id: > {% if is_state("input_select.afspeelmedium", "Gerard") %} media_player.woonkamer {% elif is_state("input_select.afspeelmedium", "Henk") %} media_player.slaapkamer {% elif is_state("input_select.afspeelmedium", "Trees") %} media_player.chromecast_woonkamer {% elif is_state("input_select.afspeelmedium", "Lies") %} media_player.chromecast_slaapkamer {% elif is_state("input_select.afspeelmedium", "Nest") %} media_player.nest {% endif %} volume_level: '{{ states("input_number.volume_wekker") }}' - service: media_player.play_media data_template: entity_id: > {% if is_state("input_select.afspeelmedium", "Gerard") %} media_player.woonkamer {% elif is_state("input_select.afspeelmedium", "Henk") %} media_player.slaapkamer {% elif is_state("input_select.afspeelmedium", "Trees") %} media_player.chromecast_woonkamer {% elif is_state("input_select.afspeelmedium", "Lies") %} media_player.chromecast_slaapkamer {% elif is_state("input_select.afspeelmedium", "Opa") %} media_player.nest {% endif %} media_content_id: > {% if is_state("input_select.radio_station", "100% NL") %} https://stream.100p.nl/100pctnl.mp3 {% elif is_state("input_select.radio_station", "NPO Radio 1") %} https://icecast.omroep.nl/radio1-bb-mp3 {% elif is_state("input_select.radio_station", "NPO Radio 2") %} https://icecast.omroep.nl/radio2-bb-mp3 {% elif is_state("input_select.radio_station", "NPO 3FM") %} https://icecast.omroep.nl/3fm-bb-mp3 {% elif is_state("input_select.radio_station", "Q-Music") %} https://icecast-qmusicnl-cdp.triple-it.nl/Qmusic_nl_live_96.mp3 {% elif is_state("input_select.radio_station", "Radio 10") %} http://19993.live.streamtheworld.com/RADIO10.mp3 {% elif is_state("input_select.radio_station", "Radio 538") %} https://18973.live.streamtheworld.com/RADIO538.mp3 {% elif is_state("input_select.radio_station", "RTV Oost") %} http://streams.rtvoost.nl/audio/oost/mp3 {% elif is_state("input_select.radio_station", "Sky Radio") %} https://19993.live.streamtheworld.com/SKYRADIO.mp3 {% elif is_state("input_select.radio_station", "SLAM!") %} https://stream.slam.nl/slam_mp3 {% elif is_state("input_select.radio_station", "Veronica") %} https://20873.live.streamtheworld.com/VERONICA.mp3 {% elif is_state("input_select.radio_station", "Q-Music - Het Foute Uur") %} https://icecast-qmusicnl-cdp.triple-it.nl/Qmusic_nl_fouteuur_96.mp3 {% elif is_state("input_select.radio_station", "Sky Radio - Christmas") %} https://20073.live.streamtheworld.com/SRGSTR08.mp3 {% endif %} media_content_type: 'audio/mp4' |
sensors.yaml
YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| - platform: template sensors: wake_hour: friendly_name: 'Wake Hour' value_template: '{{ state_attr("input_datetime.wake_time_input", "hour") | round(0) }}' wake_minutes: friendly_name: 'Wake Minutes' value_template: '{{ state_attr("input_datetime.wake_time_input", "minute") | round(0) }}' wake_time: friendly_name: 'Wake Time' value_template: '{% if states("sensor.wake_hour")|length == 1 %}0{% endif %}{{ states("sensor.wake_hour") }}:{% if states("sensor.wake_minutes")|length == 1 %}0{% endif %}{{ states("sensor.wake_minutes") }}' wake_time_days: friendly_name: 'Days' value_template: '{% if states.input_boolean.wakeweekday_sun.state == "on" %}Sun {% else %} {% endif %} {% if states.input_boolean.wakeweekday_mon.state == "on" %}Mon {% else %} {% endif %} {% if states.input_boolean.wakeweekday_tue.state == "on" %}Tue {% else %} {% endif %} {% if states.input_boolean.wakeweekday_wed.state == "on" %}Wed {% else %} {% endif %} {% if states.input_boolean.wakeweekday_thu.state == "on" %}Thu {% else %} {% endif %} {% if states.input_boolean.wakeweekday_fri.state == "on" %}Fri {% else %} {% endif %} {% if states.input_boolean.wakeweekday_sat.state == "on" %}Sat {% else %} {% endif %}' |