Home Assistant - Het Swiss Army Knife Beta FEEDBACK topic

[gronoco]

d-vine schreef op dinsdag 11 april 2023 @ 17:20:
Als mensen last hebben dat na de laatste updates in april de cards niet meer getoond worden hier is een workarround zie het HA forum

card fix
[..]

Ik probeer een custom card te maken letterlijk volgens de ha handleiding/voorbeelden, maar het werkt totaal niet. Hij blijft zeuren over ofwel dat de card niet bestaat (wat ie wel doet, staat in /local/testcard.js bijv en is toegevoegd als resource) ofwel zeurt ie dat i.config(i) is not a valid function.

Maar ik begrijp dat er dus iets kapot is in deze laatste versie? Die specifieke voorbeelden met swiss knife heb ik helaas niets aan; is er ook een workaround voor uberhaupt any custom card?

Ik heb een paar jaar terug dit op deze manier al eens goed gekregen maar nu lukt het voor geen meter meer.

[d-vine]

gronoco schreef op woensdag 3 mei 2023 @ 19:50:
[...]

Ik probeer een custom card te maken letterlijk volgens de ha handleiding/voorbeelden, maar het werkt totaal niet. Hij blijft zeuren over ofwel dat de card niet bestaat (wat ie wel doet, staat in /local/testcard.js bijv en is toegevoegd als resource) ofwel zeurt ie dat i.config(i) is not a valid function.

Maar ik begrijp dat er dus iets kapot is in deze laatste versie? Die specifieke voorbeelden met swiss knife heb ik helaas niets aan; is er ook een workaround voor uberhaupt any custom card?

Ik heb een paar jaar terug dit op deze manier al eens goed gekregen maar nu lukt het voor geen meter meer.

Je kan kijken naar mijn config en voorbeelden hoe ik het heb gedaan.

https://github.com/dvine2000/Home-Assistant

Alleen tijdje niet meer geüpdatet maar dat maakt voor de werking niet uit

[ Voor 4% gewijzigd door d-vine op 03-05-2023 21:05 ]

[gronoco]

Het gaat niet om hoe de kaart(en) zijn gebouwd maar hoe je eea in HA moet krijgen, dat lukt niet. Zodra je de kaart wil gebruiken begint de ellende. Ik ga wel even vragen in het algemene HA topic, dat is denk ik beter.

[Mars Warrior]

gronoco schreef op vrijdag 5 mei 2023 @ 09:46:
Het gaat niet om hoe de kaart(en) zijn gebouwd maar hoe je eea in HA moet krijgen, dat lukt niet. Zodra je de kaart wil gebruiken begint de ellende. Ik ga wel even vragen in het algemene HA topic, dat is denk ik beter.

Heb je de kaart via HACS geïnstalleerd? Want dan staat een hoop al goed ingesteld.

[gronoco]

Nee, ik volg letterlijk deze HA tutorial: https://developers.home-a...nd/custom-ui/custom-card/

Dus ik maak een .js file aan met die inhoud in ..\config\www, met die naam ook (content-card-example.js)
Ik voeg hem toe als resource zoals daar beschreven is (dus bij dashboard - add resource)
en dan wil hem gebruiken in een dashboard, en dat werkt niet:

type: "custom:content-card-example"
entity: input_boolean.switch_tv

Ik gebruik een eigen entity (die werkt) maar de klacht is dus steeds dat ha die card niet kan vinden.

[gronoco]

Ok, dit is dus waarom ik (nog) niet zo'n fan ben van HA.
Er is weer eens een nieuwe versie, die geinstalleerd, en nu werkt het ineens wel.
(ja, cache legen etc heb ik ook gedaan, er voor, er na, tijdens, hielp steeds niks)
Jammer dit. Geeft niet echt vertrouwen als een release standaard gedocumenteerde functionaliteit kapot maakt.

[ Voor 14% gewijzigd door gronoco op 05-05-2023 14:36 ]

[Mars Warrior]

gronoco schreef op vrijdag 5 mei 2023 @ 13:38:
Ok, dit is dus waarom ik (nog) niet zo'n fan ben van HA.
Er is weer eens een nieuwe versie, die geinstalleerd, en nu werkt het ineens wel.
(ja, cache legen etc heb ik ook gedaan, er voor, er na, tijdens, hielp steeds niks)
Jammer dit. Geeft niet echt vertrouwen als een release standaard gedocumenteerde functionaliteit kapot maakt.

Vaak als je resources wijzigt, moet je HA opnieuw starten. Kan best zijn dat door een nieuwe versie te installeren, dit om die reden is opgelost.

[Mars Warrior]

Ik heb de afgelopen week mijn best gedaan om de ontwikkelomgeving te "upgraden".

• ontwikkelen in een remote SSH container met vscode
• source opdelen in aparte deelbestanden
• externe packages includen in de uitgeleverde versie
• strengere kwaliteitscontrole (eslint)

En dat is inmiddels allemaal gelukt

Ik maak dus nu gebruik van een zgn devContainer van Microsoft, een remote Docker container die draait op mijn nieuwe zuinige server, met daarin je volledige ontwikkelomgeving waar ik met vscode bij kan komen om zo de SAK kaart te wijzigen en te bouwen vanaf mijn desktop.

In de resource.yaml file van Lovelace heb ik een verwijzing naar de map van de ontwikkel container gezet, zodat ik deze SAK versie ook direct gebruik binnen HA.

Met het opdelen van de source van ca 8.000 regels JavaScript heb ik nu 27 source files. Dat maakt eea een stuk overzichtelijker.
Om hiervan weer een enkel bestand te maken gebruik ik nu rollup.js, die ook meteen de externe packages meeneemt, waardoor er geen externe afhankelijkheden meer zijn. Dat is erg fijn: geen gezeik met CORS Allowed Origins meer en wachttijden om de packages over het internet te laden!
Mensen die HA zonder internet draaien kunnen dan SAK ook gebruiken.



De strengere kwaliteitscontrole gebruikt eslint met zeer strikte regels, die van AirBNB.

En dat was ff schrikken. Ik gebruikte voorheen simpele regels om de code na te laten kijken.
De AirBNB set let bijv. op spaties, haakjes, lengte code en commentaarregels en beveelt ook aan om bepaalde standaard JavaScript zaken niet te gebruiken zoals

code:

i++; (gebruik i += 1)
var a = b = 4; (elk statement op eigen regel)
isNaN() (gebruik geen globale standaard functies, maar bijv. Number.isNaN())

.

En standaard resulteert ELKE overtreding in een ERROR, waarvan ik er dus 3.500 voor me kiezen kreeg
Yup, drie-en-een-half-duizend!

Gelukkig kon een autofix van eslint al een hoop oplossen en het uitzetten van te lange commentaarregels loste ook al een hoop op: ik had plotseling nog maar een 2.000 foutmeldingen

Na wat nalezen van eslint regeltjes en aanpassingen heb ik nog maar een 200 waarschuwingen in één enkel bestand die ik nog nader moet nakijken, want die zijn wat complex en/of beetje veel werk.

Een deel van de regels zijn expliciet uitgezet en/of niet opgevolgd: het advies om bijv. de standaard functie isNaN() (is Not A Number) te vervangen door Number.isNaN() maakte heel SAK kapot. Deze twee functies hebben weliswaar dezelfde naam, maar zijn functioneel niet compatibel. Tsja, daar kom je dus ook achter!

Al met al een leuk resultaat. Al mijn kaarten doen het nog in HA, dus ik hoop als ik versie 2.4.2 release, dat dat bij anderen ook het geval is

Er zijn nog wat mensen aan het bijkomen van HA 2023.5.0, dus ik wacht nog ff een dagje denk ik

[Mars Warrior]

Omdat ik ook de handleidingen (SAK en M3) nog wil bijwerken, kwam ik weer ff in de Google Search Console, en daar had ik ff een WTF momentje

Ik was gewend dat deze handleidingen enkel op zeer specifieke zoektermen gevonden worden, en voor wat algemenere zoektermen ergens uitkomen op pagina daar-komt-geen-mens als positie.

CTR is overigens de Click Through Ratio, oftewel in hoeveel % van de gevallen een gebruiker ook daadwerkelijk op een getoond zoekresultaat klikt.

SAK handleiding:
Je ziet dat SAK natuurlijk gevonden wordt als je op SAK icm HA zoekt, maar blijkbaar ook op andere zoektermen, en daar dus wereldwijd vaak op de 1ste pagina staat met een enorm hoge CTR. Als dit een webshop was, dan was ik waarschijnlijk rijk geworden !

Ergens half maart is er blijkbaar wat gebeurt met Google, want het aantal impressies is vanaf die tijd flink omhoog gegaan, en gebleven.



Material 3 thema handleiding:
Material 3 is van Google, en vorig jaar stond deze handleiding vaak op pagina-veel op een aantal zoektermen. Dus mijn verbazing is nogal groot dat deze handleiding nu op veel Material 3 termen (zoals de HCT colors waarop Material 3 is gebaseerd) zomaar op 1 staat in de zoekresultaten.

Verder zie je ook, net als bij SAK, dat ergens vanaf half maart 2023 het aantal impressies enorm omhoog is gegaan. Geen idee waarom. Kan ook aan een gewijzigd algoritme bij Google liggen.



Een SEO (Search Engine Optimization) expert zou hier gek van worden: gewoon 6 maanden lang niets aan je website doen, en je komt vanzelf op 1 bij Google
Volgens hun namelijk zak je in de resultaten als je niet regelmatig je website bijwerkt met nieuwe content

Leuk dat hobby spullen zo gewaardeerd worden door anderen die helemaal niets met Home Assistant te maken hebben, maar gewoon iets zoeken over Material 3 en kleurtjes

[Sjeuf]

@Mars Warrior Het is ook een geweldige toevoeging aan HA! Donatie aan jou al een tijdje geleden gedaan! Wat een werk !

Hier een impressie van een deel van mijn config. Heb helaas niet zeeen van tijd om hier aan te werken maar gestaag komt ik er. Alleen lastig dat op het moment dat ik tevreden ben met mijn design er weer iets anders voorbij komt dat me nog meer aanspreekt. Ik blijf even bij deze maar er komen meer ideeen aan !






Let wel: de flikkering van de actieve button (roomba maakt schoon) is op de gif niet zo goed als in het echt door de beperkte capture fps snelheid. maar het geeft een indruk !

hieronder een voorbeeld van sensoren (aqara binnen en buitentemp) die zichtbaar worden. Evenals een boog die de zon maakt (segarc) over ons huis die geupdate wordt waarbij de coordinaten van de button ("zon") elke minuut geupdate worden naar de stand/hoogte van de zon (tijd tussen sun rise en setting). Hiernaast ligt er nog een filter overheen waarbij de opacity van dit plaatje donkerder wordt naar mate het avond wordt.



en nog beginnende neumorphic dingetjes waarmee ik aan het experimenteren ben. Helaas alleen een filter die werkt bij light en niet bij dark... Dan krijg je rare effecten. NOg aan te passen en te stylen.





Als ik verder ben post ik hier weer opnieuw!

[ Voor 29% gewijzigd door Sjeuf op 18-06-2023 14:42 ]

[Mars Warrior]

Sjeuf schreef op zondag 18 juni 2023 @ 14:09:
@Mars Warrior Het is ook een geweldige toevoeging aan HA! Donatie aan jou al een tijdje geleden gedaan! Wat een werk !

Yep, dat had ik gezien. Ik loop nog wat achter, maar alvast bedankt. Goed voor het plezier!

Hier een impressie van een deel van mijn config. Heb helaas niet zeeen van tijd om hier aan te werken maar gestaag komt ik er. Alleen lastig dat op het moment dat ik tevreden ben met mijn design er weer iets anders voorbij komt dat me nog meer aanspreekt. Ik blijf even bij deze maar er komen meer ideeen aan !

Ja, dat ken ik. Telkens wat anders proberen, maar zo krijg je nooit een consistent dashboard

en nog beginnende neumorphic dingetjes waarmee ik aan het experimenteren ben. Helaas alleen een filter die werkt bij light en niet bij dark... Dan krijg je rare effecten. NOg aan te passen en te stylen.

Mooi gedaan zo. Donkere kleuren en NM is inderdaad lastig goed te krijgen, omdat NM uitgaat van een schaudw die met donkere achtergrond erg lastig is.

[Afbeelding]

[Afbeelding]

Ziet er alvast mooi en verzorgt uit! Ben wel benieuwd hoe je alles hebt opgebouwd. Ik leer elke keer weer van wat anderen met SAK maken, en kan ook zien wat wel en niet werkt. Want gezien de mogelijkheden, is het onmogelijk om alles te proberen.

Als ik verder ben post ik hier weer opnieuw!

Doe je best, pleur het hele forum maar vol

[Mars Warrior]

Ik ben overigens ook nog aan het knutselen. Ik wilde de sparkline functionaliteit al een tijdje uitbreiden (is nu enkel een bar chart), dus dat zal over een tijdje wel gelukt zijn.

De voorlopige experimenten in dark mode (altijd mooi met gradienten vind ik) met gradienten/masker op de bar om deze te laten 'verdwijnen' halverwege. Verder kan ik inmiddels dingen roteren en spiegelen, vandaar kan de bar nu ook boven, rechts en links zitten:


En wat met area's, lijnen/dots en dots:


In een licht thema (Material 3 natuurlijk) is het wat minder indrukwekkend, zeker de bars:





En nu is het tijd voor F1 !!!!

[Mars Warrior]

Ik ben nog steeds bezig met mijn "graph" tool. Is inmiddels ca 2.500 regels Javascript. Beetje uit de hand gelopen dus

Ben nog wel ff bezig. Heb nu de volgende sparkline graph types:

• area (met line), inclusief door-0 ondersteuning
• area met dots, inclusief door-0 ondersteuning
• bars, inclusief door-0 ondersteuning
• clock met sunburst als variant
• dots
• equalizer (weergave met rechthoeken, vierkanten en cirkels)
• line
• line met dots
• line met min/max
• timeline met audio als variant
• traffic light (weergave met rechthoeken, vierkanten en cirkels)

Heb net de pollen kaart gebruikt om 2 van de mogelijkheden eens te integreren. Je ziet in de eerste een clock/sunburst graph die het verloop van de pollen weergeeft voor vandaag.

De tweede rij doet dat met een timeline/audio graph.



Donkere variant...


Ik heb de weergave van een Awair Element ook weten na te bouwen (traffic light graph). En JA, ik heb er 3. Links is een AQI grafiek. De middelste is de temperatuur op 3 verdiepingen (screenshot is van een hete week), en rechts de luchtvochtigheid.

Boven is het dus warmer, en minder vochtig. Wat een verassing...



Ik tracht nu wat voorbeelden te maken. Vaak komt je dan nog wel de nodige bugs of gekke dingen tegen.
Zal wel augustus worden eer ik dit kan vrijgeven.

[Mars Warrior]

Best leuk zo, een Awair Element weergave beetje nabouwen.

De kleurtjes voor elke sensor maken gebruik van de Graph, maar dan in real-time mode. Dat was eenvoudig toe te voegen en voor deze weergave ook nuttig. Je ziet dus de stoplichtjes gelijk wijzigen met de state eronder. Toevallig bij het testen zat de luchtvochtigheid rond de 50,5%: precies het kantelpunt vanuit Awair voor groen of geel.

Je ziet:

• De overall score
• 24-hour historie voor de sore
• 5 sensors met hun actuele status, en actuele Awair interpretatie (beiden dus real-time)

De score historie met balletjes:



En twee grafieken handig over elkaar geplaatst kan ook:

[[_ave_]]

He hallo,

Kwam dit waanzinnig stukje add-on voor HA tegen en dacht WAUW!!!! Dat ziet er waanzinnig en gelikt uit. Dat wil ik ook. Nou dat was toch minder eenvoudig dan in eerste instantie gedacht. Het was niet zoals ik was gewend, een simpel kaartje toevoegen en ff aanpassen naar mijn eigen smaak.
Gelukkig deins ik niet snel terug en wilde toch wel heel graag weten hoe dit werkte. Dat heb ik geweten :-).

Ben wel al een heel eind op weg maar loop wel tegen iets aan waar ik niet zo snel de oplossing voor kan vinden, geen idee of dit de juiste weg is maar kon ook niet zo snel ergens iets vinden waar ik vragen kan stellen. Ik heb de kaart voor het overzicht van de systeem belasting genomen en aangepast voor mijn NAS.

Nu ziet dit op het scherm (view.png) er redelijk OK uit. (ben nog niet helemaal content met de schaduw) maar op mobiel (een Android versie 13) mis ik de load 15 5m en 15m (onderste is op PC)

Ik heb aan de originele yaml code niet heel veel veranderd, de gap heb ik op 0 gezet, vind ik zelf mooier en ik heb de 1m en 15m van plek verwisseld. Aan posities heb ik niets veranderd.

Mijn vraag: hoe komt het dat deze kaart er op mijn mobiel anders uitziet?

[ Voor 19% gewijzigd door [_ave_] op 01-08-2023 12:45 . Reden: where the heck zijn de plaatjes? ]

[ykaenS]

[_ave_] schreef op dinsdag 1 augustus 2023 @ 12:41:
He hallo,

Kwam dit waanzinnig stukje add-on voor HA tegen en dacht WAUW!!!! Dat ziet er waanzinnig en gelikt uit. Dat wil ik ook. Nou dat was toch minder eenvoudig dan in eerste instantie gedacht. Het was niet zoals ik was gewend, een simpel kaartje toevoegen en ff aanpassen naar mijn eigen smaak.
Gelukkig deins ik niet snel terug en wilde toch wel heel graag weten hoe dit werkte. Dat heb ik geweten :-)

Ik ben wel benieuwd hoe je het gedaan hebt, want ik kom er niet uit.

Mvg. Marco

[Mars Warrior]

[_ave_] schreef op dinsdag 1 augustus 2023 @ 12:41:
He hallo,

Kwam dit waanzinnig stukje add-on voor HA tegen en dacht WAUW!!!! Dat ziet er waanzinnig en gelikt uit. Dat wil ik ook. Nou dat was toch minder eenvoudig dan in eerste instantie gedacht. Het was niet zoals ik was gewend, een simpel kaartje toevoegen en ff aanpassen naar mijn eigen smaak.

Standaard kaarten met vaste layout waren er al genoeg

Gelukkig deins ik niet snel terug en wilde toch wel heel graag weten hoe dit werkte. Dat heb ik geweten :-).

Je ziet het pas als je het doorhebt En dan kun je hele leuke dingen maken. Maar het vergt wel wat tijd en geduld. Het ontwerp wordt in dit geval door de gebruiker gemaakt, en niet door de ontwikkelaar van de kaart...

Ben wel al een heel eind op weg maar loop wel tegen iets aan waar ik niet zo snel de oplossing voor kan vinden, geen idee of dit de juiste weg is maar kon ook niet zo snel ergens iets vinden waar ik vragen kan stellen. Ik heb de kaart voor het overzicht van de systeem belasting genomen en aangepast voor mijn NAS.

Nu ziet dit op het scherm (view.png) er redelijk OK uit. (ben nog niet helemaal content met de schaduw) maar op mobiel (een Android versie 13) mis ik de load 15 5m en 15m (onderste is op PC)

Deze layout gebruikt SVG scaling. Ik vermoed dat de browser die je gebruikt dit niet correct heeft geimplementeerd. Normaal was de oorzaak altijd Safari (iOS dus), maar jij gebruikt blijkbaar een browser die hetzelfde probleem heeft. Android gebruikt toch een Chrome webview? Als die recent is, dan zou het moeten werken, net als bij Chrome/Edge op de PC...

En wat bedoel je met mobiel? Via de browser of via de companion app?

[[_ave_]]

ykaenS schreef op dinsdag 1 augustus 2023 @ 17:09:
[...]


Ik ben wel benieuwd hoe je het gedaan hebt, want ik kom er niet uit.

Mvg. Marco

Wat is het dat je precies wilt weten? Buiten het verwisselen van een aantal entiteiten heb ik het theme behoorlijk onder handen genomen. Ik prefereer een dark theme, dat is veel rustiger voor mijn ogen

Wat Mars heeft gemaakt is waanzinnig mooi maar zeer vermoeiend voor mijn ogen.

[[_ave_]]

Mars Warrior schreef op dinsdag 1 augustus 2023 @ 18:14:
[...]

Standaard kaarten met vaste layout waren er al genoeg

[...]

Je ziet het pas als je het doorhebt En dan kun je hele leuke dingen maken. Maar het vergt wel wat tijd en geduld. Het ontwerp wordt in dit geval door de gebruiker gemaakt, en niet door de ontwikkelaar van de kaart...

[...]

Deze layout gebruikt SVG scaling. Ik vermoed dat de browser die je gebruikt dit niet correct heeft geimplementeerd. Normaal was de oorzaak altijd Safari (iOS dus), maar jij gebruikt blijkbaar een browser die hetzelfde probleem heeft. Android gebruikt toch een Chrome webview? Als die recent is, dan zou het moeten werken, net als bij Chrome/Edge op de PC...

En wat bedoel je met mobiel? Via de browser of via de companion app?

In een browser ziet het er normaal uit, maakt niet uit of ik een iPAD (Safari), een Chromebook met Chrome, een PC met Linux OS (Firefox) pak of mijn mobiel met Chrome. In de companian app mis ik een stukje. Dat zelfde stukje mis ik ook wanneer ik de companian app op een android tablet open.

Bijgevoegd een screenshot van het dashboard welke ik heb geopend via Chrome op mijn mobiel.

[Mars Warrior]

[_ave_] schreef op woensdag 2 augustus 2023 @ 08:30:
[...]
In een browser ziet het er normaal uit, maakt niet uit of ik een iPAD (Safari), een Chromebook met Chrome, een PC met Linux OS (Firefox) pak of mijn mobiel met Chrome. In de companian app mis ik een stukje. Dat zelfde stukje mis ik ook wanneer ik de companian app op een android tablet open.

Bijgevoegd een screenshot van het dashboard welke ik heb geopend via Chrome op mijn mobiel.

[Afbeelding]

Ok. Dat is dan vreemd. De Companion App maakt namelijk gebruik van een webview, zowel op iOS als op Android: daardoor zou je identieke weergaves moeten krijgen.

Heb je in de Companion App al eens de cache leeggemaakt? Dat helpt ook nog wel eens heb ik gemerkt als dingen er vreemd uitzien.

[[_ave_]]

Mars Warrior schreef op woensdag 2 augustus 2023 @ 10:59:
[...]

Ok. Dat is dan vreemd. De Companion App maakt namelijk gebruik van een webview, zowel op iOS als op Android: daardoor zou je identieke weergaves moeten krijgen.

Heb je in de Companion App al eens de cache leeggemaakt? Dat helpt ook nog wel eens heb ik gemerkt als dingen er vreemd uitzien.

Helaas, geen verschil. Zal de app zo eens op de iPAD van mijn werk zetten, kijken wat daar het resultaat is. Miscchien een android ding.

[[_ave_]]

[_ave_] schreef op woensdag 2 augustus 2023 @ 11:58:
[...]


Helaas, geen verschil. Zal de app zo eens op de iPAD van mijn werk zetten, kijken wat daar het resultaat is. Miscchien een android ding.

Zojuist de companian app geïnstalleerd op de iPAD van mijn werkt en daar ziet het er normaal uit zoals verwacht. Het issue doet zich dus alleen voor op een Android toestel in de companian app. Denk dat ik er mee moet leren leven

[Mars Warrior]

[_ave_] schreef op woensdag 2 augustus 2023 @ 12:17:
[...]
Zojuist de companian app geïnstalleerd op de iPAD van mijn werkt en daar ziet het er normaal uit zoals verwacht. Het issue doet zich dus alleen voor op een Android toestel in de companian app. Denk dat ik er mee moet leren leven

Ik test op iPhone en iPad, dus als dat niet had gewerkt had er iets vreemds aan de hand geweest

Maar problemen op Android (in ieder geval een recente versie) heb ik nog niet eerder vernomen, dus het kan ook nog aan de oudere Android versie liggen waar niet een recente webview wordt meegeleverd.

[[_ave_]]

Mars Warrior schreef op woensdag 2 augustus 2023 @ 12:19:
[...]

Ik test op iPhone en iPad, dus als dat niet had gewerkt had er iets vreemds aan de hand geweest

Maar problemen op Android (in ieder geval een recente versie) heb ik nog niet eerder vernomen, dus het kan ook nog aan de oudere Android versie liggen waar niet een recente webview wordt meegeleverd.

Android 13 is redelijk nieuw, anders hebben ze me verkeerd voorgelicht.

[Mars Warrior]

[_ave_] schreef op woensdag 2 augustus 2023 @ 12:49:
[...]
Android 13 is redelijk nieuw, anders hebben ze me verkeerd voorgelicht.

Nee, 14 komt pas rond aug/sep uit, dus je bent volledig up-to-date

Daarom is het wel vreemd dat de Companion App problemen geeft, en een webbrowser niet.

Kun je de webbrowser / webview kiezen in de app?

[[_ave_]]

Mars Warrior schreef op woensdag 2 augustus 2023 @ 14:34:
[...]

Nee, 14 komt pas rond aug/sep uit, dus je bent volledig up-to-date

Daarom is het wel vreemd dat de Companion App problemen geeft, en een webbrowser niet.

Kun je de webbrowser / webview kiezen in de app?

Wanneer je bedoelt of ik de interne verbinding URL gebruik dan is het antwoord nee. Ik gebruik alleen de externe URL. Ik ben er wel van overtuigd dat het niets met SAK te maken heeft maar dat het iets in de app is. Zal morgen nog eens testen met de interne URL ingeschakeld om dat ook uit te sluiten.

[ykaenS]

[_ave_] schreef op woensdag 2 augustus 2023 @ 08:20:
[...]


Wat is het dat je precies wilt weten? Buiten het verwisselen van een aantal entiteiten heb ik het theme behoorlijk onder handen genomen. Ik prefereer een dark theme, dat is veel rustiger voor mijn ogen

Wat Mars heeft gemaakt is waanzinnig mooi maar zeer vermoeiend voor mijn ogen.

Ik heb nu Home Assistant draaien op een Intel NUC.

Ik zou wel willen weten hoe ik dit thema moet installeren, ik heb wel een handleiding gevonden, maar daar kom ik niet uit.

[[_ave_]]

ykaenS schreef op woensdag 2 augustus 2023 @ 17:47:
[...]


Ik heb nu Home Assistant draaien op een Intel NUC.

Ik zou wel willen weten hoe ik dit thema moet installeren, ik heb wel een handleiding gevonden, maar daar kom ik niet uit.

Toch kan je het beste de installatie handleiding volgen, en daarna de tutorials. Installatie is in de basis

1.] Installeer SAK via HACS
2.] Installeer declutteringcard via HACS
3.] Installeer custom button card via HACS

Wat in de handleiding wel staat maar misschien kan dat wat duidelijker is dat je voor zolang als de integratie in HACS nog niet volledig is je sowieso via github de bronbestanden moet downloaden en dat je vanuit het zip bestand de inhoud van de folder ha-config/lovelace via b.v. een smb connectie in ./lovelace van HA moet kopieren.

Dan heb je de installatie gedaan maar besef, en dat is waar ik in eerste instantie tegenaan liep dat je dan niet zomaar een kaartje kan toevoegen, deze moet je zelf maken en daarom leer van de voorbeelden. SAK is iets dat je vanaf een leeg canvas moet opbouwen door code te typen (of te kopiëren en aan te passen naar eigen smaak). Picasso begon ook ooit met een schets op een leeg canvas voordat hij met schilderen begon. Mars heeft dit in zijn inleiding mooi omschreven en zelfs zijn eerste schets erbij gezet. Je zult echt tijd moeten investeren en veel moeten oefenen voordat je iets krijgt dat je mooi vind.

Voor dat oefenen adviseer ik om gebruik te maken van een aparte HA omgeving. Zelf gebruik ik hiervoor VMWare workstation maar je kunt elke andere virtuele omgeving gebruiken. Pas als je helemaal tevreden bent met het resultaat kan je dat toepassen op je life omgeving. (je kunt dan de yaml files kopieren en gebruiken )

Ik ben zelf geen programmeur en de kronkel hoe mij idee in code om te zetten ontbreekt, wat ik heb gedaan is vooral kijken wat anderen hebben gedaan en dat aangepast naar wat ik zelf wil. Wat ik wel kan is de code lezen en begrijpen wat er staat,

Als voorbeeld: Eén van kaarten die op de website van amoebelabs staat geeft een overzicht van de luchtkwaliteit, met een veranderde achtergrond kleur en en veranderede icoon van een lachend gezicht naar een gezicht met een gasmasker. Die kaart heb ik als input gebruikt voor het pollen overzicht. Echter de bar eronder heb ik weggelaten.



Concluse: Na de installatie zal je de virtuele schoolbank in moeten en daarna zal je een script(ie) moeten maken.

[Mars Warrior]

Het voordeel van deze niet standaard kaart is dat je er zoveel mee kunt: maar dat betekent wel dat je er wat tijd in moet steken, want niks gaat vanzelf.

Veel mensen gebruiken de voorbeelden die op de documentatie site staan (inclusief yaml code), en gebruiken deze 1:1 of gaan deze aanpassen aan eigen behoeftes.

Het is dus maar net hoe je leert. De voorbeelden maken gebruik van templates die je zo kunt gebruiken.

Deze kaart is nog net ff wat meer werk dan een button-card of decluttering-card.

Maar als je het echt doorhebt, en je houd van wat design werk, en hebt tijd, dan kun je hele leuke, en unieke dingen maken die met geen enkele andere kaart mogelijk zijn.

Ik ben nu mijn sparkline tool aan het testen door kaarten te maken. Met de volgende ben ik al ca 3 dagen bezig. Niet zozeer om te maken (in yaml), maar meer om te ontwerpen...

Mijn PV is al ff kapot, dus daar zie je vreemde dingen of heb ik een andere sensor genomen om in ieder geval wat te kunnen zien...





De yaml def zit al wel in een layout template, maar binnen dit template wordt nog niet/nauwelijks aan hergebruik gedaan, anders dan via de ingebouwde yaml mogelijkheden.

Vanuit de gebruiker gezien moet je dan dit invoeren om deze kaart te kunnen gebruiken met je eigen sensoren:

YAML:

cards:
  - type: vertical-stack
    cards:
      # ========================================================================
    - type: grid
      columns: 1
      square: false
      cards:
        - type: 'custom:swiss-army-knife-card'
          entities:
            ## Today actual power
            # 0..3
            - entity: sensor.dsmr_reading_electricity_currently_delivered
              name: 'Total'
            - entity: sensor.dsmr_reading_phase_currently_delivered_l1
              name: 'L1'
            - entity: sensor.dsmr_reading_phase_currently_delivered_l2
              name: 'L2'
            - entity: sensor.dsmr_reading_phase_currently_delivered_l3
              name: 'L3'
            ## Returned actual power
            # 4..6
            - entity: sensor.dsmr_reading_electricity_currently_returned
              name: 'Total'
            - entity: sensor.dsmr_reading_phase_currently_returned_l1
              name: 'L1'
            - entity: sensor.dsmr_reading_phase_currently_returned_l2
              name: 'L2'
            - entity: sensor.dsmr_reading_phase_currently_returned_l3
              name: 'L3'

            ## Today actual energy
            # 7..9
            - entity: sensor.dsmr_day_consumption_electricity_merged
              name: 'Today'
              decimals: 2
            - entity: sensor.dsmr_current_month_electricity_merged
              name: 'This Month'
              decimals: 1
            - entity: sensor.dsmr_current_year_electricity_merged
              name: 'This Year'
              decimals: 0
            ## Returned stuff
            # 10..12
            - entity: sensor.dsmr_day_consumption_electricity_returned_merged
              name: 'Today'
              decimals: 2
            - entity: sensor.dsmr_current_month_electricity_returned_merged
              name: 'This Month'
              decimals: 1
            - entity: sensor.dsmr_current_year_electricity_returned_merged
              name: 'This Year'
              decimals: 0
          layout:
            template:
              name: sak_layout_fce_electricity3  

De layout template is al ca 1.500 regels yaml. Die zal ik hier maar niet posten...

[[_ave_]]

Je weet er wel wat moois van te maken. De cirkelverdeling in 50 segmenten snap ik nog niet helemaal maar verder geeft dit maar weer eens aan wat allemaal mogelijk is.

Voordat ik zover ben dat ik aan zoiets kan beginnen eerst maar eens proberen voor de seizoenen een kaart te maken met vier kleuren en vier geanimeerde gifs welke waar het gaat om uiterlijk gelijk is aan de andere kaartjes (ala pollen).

[Mars Warrior]

[_ave_] schreef op donderdag 3 augustus 2023 @ 17:17:
Je weet er wel wat moois van te maken. De cirkelverdeling in 50 segmenten snap ik nog niet helemaal maar verder geeft dit maar weer eens aan wat allemaal mogelijk is.

Voordat ik zover ben dat ik aan zoiets kan beginnen eerst maar eens proberen voor de seizoenen een kaart te maken met vier kleuren en vier geanimeerde gifs welke waar het gaat om uiterlijk gelijk is aan de andere kaartjes (ala pollen).

Dat is een soort klok die 24 uur (vandaag) historie laat zien in stapjes van een kwartier. Het zijn dus 48 segmenten. Een vandaag weergave is eenvoudiger te lezen vind ik dan een afgelopen 24 uur weergave.

Welke pollen integraie gebruik jij overigens?

[[_ave_]]

Mars Warrior schreef op donderdag 3 augustus 2023 @ 17:45:
[...]

Dat is een soort klok die 24 uur (vandaag) historie laat zien in stapjes van een kwartier. Het zijn dus 48 segmenten. Een vandaag weergave is eenvoudiger te lezen vind ik dan een afgelopen 24 uur weergave.

Welke pollen integraie gebruik jij overigens?

Had wel een vermoeden dat het een klok was maar zag even de logica niet, per kwartier snap ik wel, de PV installatie registreert ook per kwartier dus dat is achteraf gezien logisch.

Op dit moment die van kleenex (https://www.kleenex.nl/ap...llen/GetPollenContentCity) met een pol van eens per uur. De code staat in configuration.yaml.

YAML:

#Pollen
scrape:
  - resource: https://www.kleenex.nl/api/sitecore/Pollen/GetPollenContentCity
    method: POST
    payload: "city=my city"
    headers:
      User-Agent: Home Assistant
      Content-Type: application/x-www-form-urlencoded; charset=UTF-8
    scan_interval: 3600
    sensor:
      - name: Pollen (grass)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-grass-count"
        unique_id: pollen_grass
        value_template: >-
          {{ value.split(" ")[0] }}
      - name: Pollen (Poaceae)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-grass-detail"
        unique_id: pollen_poaceae
        value_template: >-
          {{ value.split(",")[1] }}
      - name: Pollen (onkruiden)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-weeds-count"
        unique_id: pollen_weeds
        value_template: >-
          {{ value.split(" ")[0] }}
      - name: Pollen (Bijvoet)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-weed-detail"
        unique_id: pollen_bijvoet
        value_template: >-
          {{ value.split(",")[1] }}
      - name: Pollen (Ganzevoet)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-weed-detail"
        unique_id: pollen_ganzevoet
        value_template: >-
          {{ value.split(",")[3] }}
      - name: Pollen (Ambrosia)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-weed-detail"
        unique_id: pollen_ambrosia
        value_template: >-
          {{ value.split(",")[5] }}
      - name: Pollen (Brandnetel)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-weed-detail"
        unique_id: pollen_brandnetel
        value_template: >-
          {{ value.split(",")[7] }}
      - name: Pollen (bomen)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-trees-count"
        unique_id: pollen_trees
        value_template: >-
          {{ value.split(" ")[0] | int(0) }}
      - name: Pollen (Hazelaar)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-tree-detail"
        unique_id: pollen_hazelaar
        value_template: >-
          {{ value.split(",")[1] }}
      - name: Pollen (Iep)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-tree-detail"
        unique_id: pollen_iep
        value_template: >-
          {{ value.split(",")[3] }}
      - name: Pollen (Pijnboom)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-tree-detail"
        unique_id: pollen_pijnboom
        value_template: >-
          {{ value.split(",")[5] }}
      - name: Pollen (Els)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-tree-detail"
        unique_id: pollen_els
        value_template: >-
          {{ value.split(",")[7] }}
      - name: Pollen (Populier)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-tree-detail"
        unique_id: pollen_populier
        value_template: >-
          {{ value.split(",")[9] }}
      - name: Pollen (Eik)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-tree-detail"
        unique_id: pollen_eik
        value_template: >-
          {{ value.split(",")[11] }}
      - name: Pollen (Plataan)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-tree-detail"
        unique_id: pollen_plataan
        value_template: >-
          {{ value.split(",")[13] }}
      - name: Pollen (Berk)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-tree-detail"
        unique_id: pollen_berk
        value_template: >-
          {{ value.split(",")[15] }}
      - name: Pollen (Cipres)
        select: "li.day-container:nth-child(1) > button"
        attribute: "data-tree-detail"
        unique_id: pollen_cipres
        value_template: >-
          {{ value.split(",")[17] }}
        unit_of_measurement: ppm
        state_class: measurement

[Mars Warrior]

[_ave_] schreef op donderdag 3 augustus 2023 @ 18:00:
[...]
Op dit moment die van kleenex (https://www.kleenex.nl/ap...llen/GetPollenContentCity) met een pol van eens per uur. De code staat in configuration.yaml.

Aha. Die ken ik, maar nog niet in gebruik genomen. Is volgens mij nog één van de weinige sites die de spullen van die pollen site waar je nu voor moet betalen gebruikt en toegankelijk heeft gemaakt. Integratie van die site is al een paar jaar verwijderd uit HA...

Ik ben weer wat verder. Heb de energie kaart weer wat zitten wijzigen. Ben er nog niet helemaal uit
Wel of geen kleurvakken bijvoorbeeld (die zie je nu bij het verbruik onderaan). Ach ja.

Deze versie is wel weer een stukje eenvoudiger / overzichtelijker geworden.

Heb maar ff de waterkoker enzo aangezet om wat kleurtjes te forceren... Blauwe bloem is nog steeds nep. Die is op L3 aangesloten om wat te kunnen zien...





En toen was het etenstijd

[[_ave_]]

Mars Warrior schreef op vrijdag 4 augustus 2023 @ 17:49:
[...]

Aha. Die ken ik, maar nog niet in gebruik genomen. Is volgens mij nog één van de weinige sites die de spullen van die pollen site waar je nu voor moet betalen gebruikt en toegankelijk heeft gemaakt. Integratie van die site is al een paar jaar verwijderd uit HA...

Ik ben weer wat verder. Heb de energie kaart weer wat zitten wijzigen. Ben er nog niet helemaal uit
Wel of geen kleurvakken bijvoorbeeld (die zie je nu bij het verbruik onderaan). Ach ja.

Deze versie is wel weer een stukje eenvoudiger / overzichtelijker geworden.

Heb maar ff de waterkoker enzo aangezet om wat kleurtjes te forceren... Blauwe bloem is nog steeds nep. Die is op L3 aangesloten om wat te kunnen zien...

[Afbeelding]

[Afbeelding]

En toen was het etenstijd

Persoonlijk zou ik voor de tweede gaan. Je ziet alle informatie en is volgens mij een stuk rustiger. Ik denk dat ik de proggress bar in het tweede gedeelte achterwege zou laten en zou ik de waarden in KWh zetten i.p.v. KW (KWh is ook de waarde die je op de rekening van je energie leverancier ziet).

[Mars Warrior]

[_ave_] schreef op zaterdag 5 augustus 2023 @ 08:10:
[...]
Persoonlijk zou ik voor de tweede gaan. Je ziet alle informatie en is volgens mij een stuk rustiger. Ik denk dat ik de proggress bar in het tweede gedeelte achterwege zou laten en zou ik de waarden in KWh zetten i.p.v. KW (KWh is ook de waarde die je op de rekening van je energie leverancier ziet).

De 2de is een stuk rustiger ja. Ik ben natuurlijk de sparkline tool aan het testen, dus vandaar moet ik die dan wel gebruiken binnen zo'n voorbeeld kaart.

Als je ervan uitgaat dat je OF afneemt, OF levert, dan kun je tools laten overlappen en aan/uitzetten afhankelijk van afnemen of leveren. Dan wordt alles nog een stuk compacter.

Je zou dan de kWh's links en rechts naast de bloem kunnen zetten, en in het hart van de bloem 2 overlappende tools die dan of de afname, of levering in kW laten zien. Als visualisatie zou je dan 2 halve segmented arcs kunnen tonen: de linker geeft de afname weer, de rechter de teruglevering.

Met SAK zijn er vaak teveel mogelijkheden, waardoor je ontwerpkeuzestress krijgt

Met dit voorbeeld heb ik wel inmiddels ca 5 bugs weten te pletten. En dat was het doel

[[_ave_]]

Ik moet alleen nog op zoek hoe ik een betere svg kan maken maar geheel in de trend een SAK kaartje voor het seizoen.

[Mars Warrior]

[_ave_] schreef op zaterdag 5 augustus 2023 @ 15:02:
[Afbeelding]

Ik moet alleen nog op zoek hoe ik een betere svg kan maken maar geheel in de trend een SAK kaartje voor het seizoen.

Lekker bezig. De SVG is nog wat lastig te zien. Lijkt wel of er hele dunne lijnen zijn gebruikt. In het begin is het altijd ff zoeken naar de juiste dingen...

---

Ik heb nog een versie van het energieverbruik gemaakt door wat dingen samen te nemen zoals je al eerder aangaf...

Ik laat het hier ff bij, want ik moet nog wat andere dingen doen dit weekend...

Ik heb bovenaan nu alles van kWh neergezet. Dat klopt ook beter met de historie/verbruik van vandaag. Ook heb ik de iconen vervangen, want ik kijk niet vanuit het net, maar vanuit huis.

Het omschakelen tussen verbruik en teruglevering (qua toestanden) werkt niet, maar dat geeft ook niet om deze weergave uit te proberen. Het is nu altijd verbruik dat je ziet.

Alles een stuk compacter.

[[_ave_]]

Ik moest alleen de cache van de browser wissen, daarna werd de svg wel duidelijk

v.w.b. het overzicht over het energieverbruik; voldoende inspiratie om ooit ook iets voor mezelf te gaan maken.
Eerst maar eens verder met de meer simpele kaarten, net zolang dat ik het echt helemaal snap. Voor nu doe ik het nog even met mini graphiccards. Ik denk wel bijna zeker te weten dat ik volledig over ga op SAK, dan kan ik het echt maken zoals ik het zelf mooi vind.

v.w.b de PV installatie hou ik zelf het e.e.a bij in Excel, daarbij kijk ik naar wat de gateway in de meterkast zegt te hebben opgeleverd en wat de energieleverancier zegt wat ik heb terug geleverd. Het verschil is het eigen verbruik van de PV installatie geweest. Door de gateway in HA op te nemen kan ik per paneel zien wat er nu opgewekt wordt. Ik heb maar 1 fase thuis dus 2 en 3 heb ik disabled in HA.
De check of e.e.a klopt doe ik door de meter uit te lezen waarvoor ik een dongle aan de P1 poort heb gehangen. Ooit ga ik dit nog wel eens automatiseren, vooral omdat er waarschijnlijk t.z.t. ook een thuisaccu komt en dan zou je toch willen weten voor hoelang er nog energie in de accu zit.

[Mars Warrior]

[_ave_] schreef op zondag 6 augustus 2023 @ 12:29:
Ik moest alleen de cache van de browser wissen, daarna werd de svg wel duidelijk

Aha, die browser cache weer

Ik ben zelf nog wat kleine voorbeelden aan het maken. Die zijn veel makkelijker te begrijpen en dus ook te wijzigen. Wordt als het goed is onderdeel van de functional card examples - deel 2.

Voorbeelden geven enkel een icon, name en state weer met optioneel een grafiek van vandaag.
Zowel een kaart voor sensoren, als 1 voor digitale waarden, met daarbij een andere grafiek.

Deze zijn ca 100 regels en 150 regels YAML, inclusief wat commentaar erbij. Dus dat is goed te doen.
De digitale variant heeft animaties erin zitten, dus is automatisch een stuk groter.

[Mars Warrior]

Ik vond de vorige plaatjes toch net ff wat te kaal en simpel, dus weer andere gemaakt

Deze zijn net wat leuker...



En dan de person card (met vaste achtergrond, dus niet waar je bent), inclusief historie voor thuis/niet thuis.
De aan/uit kaarten eronder zijn min of meer dezelfde layout, maar dan wel met een knipperend icon als er beweging is, of de achterdeur open gaat...

Je ziet de tijd van het laatste event. Als dat langer dan 24u geleden is, dan zie je de (korte) datum.





Het vinden en platslaan van bugs gaat goed op deze manier, en ik hou er ook nog een paar leuke kaarten aan over

[[_ave_]]

Sorry was een paar daagjes offline. PC voorzien van een verse Linux distributie, Rechten van accounts op de NAS onder handen genomen. Wat resulteerde dat HA niet meer kan communiceren met de NAS.
Blijkt nu dat voor de eerste keer het account volledige rechten moet hebben op alles en dat daarna alle rechten weg kunnen. Anders dan op internet staat, maar ach, was weer een middagje lekker zoet

En begonnen met een verse installatie van HA. Had hier en daar wat dingen niet helemaal goed gedaan. Alles zit nu bijna in de nieuwe en dan kan ik dashboard gaan bouwen.

Zou je de bewegingsmelder en persoon kaart willen delen ajb?

Wel grappig dat je kan zien dat je wasmachine niet is gaan stappen

[bennopoeltje]

hallo ik ook ben aan instaleren en ben al een heel eind maar heb iets fout gedaan ik krijg deze melding

[Mars Warrior]

bennopoeltje schreef op zaterdag 12 augustus 2023 @ 11:13:
hallo ik ook ben aan instaleren en ben al een heel eind maar heb iets fout gedaan ik krijg deze melding
[Afbeelding]

Je hebt ergens paden lopen mixen lijkt het.

In de configuration.yaml moet zoiets staan:

YAML:

  dashboards:
    sak-examples:
      mode: yaml
      filename: sak-examples-dashboard.yaml
      title: Swiss Army Knife Examples
      icon: mdi:hospital-box
      show_in_sidebar: true
    sak-tutorials:
      mode: yaml
      filename: sak-tutorials-dashboard.yaml
      title: Swiss Army Knife Tutorials
      icon: mdi:hospital-box
      show_in_sidebar: true

En in je resources.yaml of hoe je die ook noemt iets van:

YAML:

- url: /hacsfiles/swiss-army-knife-card.js
  type: module

HACS zet dingen netjes in de www/community map.

Je moet daarnaast nog wel dingen uit Github halen om de voorbeelden te laten werken.

[bennopoeltje]

Mars Warrior schreef op zaterdag 12 augustus 2023 @ 11:31:
[...]

Je hebt ergens paden lopen mixen lijkt het.

In de configuration.yaml moet zoiets staan:

YAML:

  dashboards:
    sak-examples:
      mode: yaml
      filename: sak-examples-dashboard.yaml
      title: Swiss Army Knife Examples
      icon: mdi:hospital-box
      show_in_sidebar: true
    sak-tutorials:
      mode: yaml
      filename: sak-tutorials-dashboard.yaml
      title: Swiss Army Knife Tutorials
      icon: mdi:hospital-box
      show_in_sidebar: true

En in je resources.yaml of hoe je die ook noemt iets van:

YAML:

- url: /hacsfiles/swiss-army-knife-card.js
  type: module

HACS zet dingen netjes in de www/community map.

Je moet daarnaast nog wel dingen uit Github halen om de voorbeelden te laten werken.

dit heb ik allemaal gedaan maar waar moet ik de resources.yaml file zetten hij staat nu in config/lovelace/resources/resources.yaml ? misschien is dat wel fout ??

[Mars Warrior]

bennopoeltje schreef op zaterdag 12 augustus 2023 @ 12:12:
[...]
dit heb ik allemaal gedaan maar waar moet ik de resources.yaml file zetten hij staat nu in config/lovelace/resources/resources.yaml ? misschien is dat wel fout ??

Nee, dat staat wel goed. Maar jij lijkt een mix van paden te krijgen. En dat klopt niet. Kan het zijn dat je ergens een relatief pad gebruikt? dus die niet met een / begint?

Ik heb deze foutmelding (mix van paden) nog nooit gezien.

Als de resources gewoon geladen worden, dan zou het goed moeten gaan.

Ik gebruik enkel YAML config, en heb dit in ui-lovelace.yaml staan.

YAML:

# Swiss Army Knife Templates
#
# The system templates come with the HACS install and can be updated
# with a new release. That part is automatic!
sak_sys_templates:
  !include www/community/swiss-army-knife-card/sak_templates.yaml

# The user templates are created by the user, and won't be updated 
# with a new release. If changes are required, then the user has to
# upate the template configuration files.
sak_user_templates:
  !include lovelace/sak_templates/sak_templates.yaml

Dit staat allemaal in de config map van HA.

Het lijkt alsof jij in een andere map zit als basis, en dat vandaar uit weer een relatief pad wordt toegevoegd. Dat is vreemd.

[bennopoeltje]

Mars Warrior schreef op zaterdag 12 augustus 2023 @ 12:50:
[...]

Nee, dat staat wel goed. Maar jij lijkt een mix van paden te krijgen. En dat klopt niet. Kan het zijn dat je ergens een relatief pad gebruikt? dus die niet met een / begint?

Ik heb deze foutmelding (mix van paden) nog nooit gezien.

Als de resources gewoon geladen worden, dan zou het goed moeten gaan.

Ik gebruik enkel YAML config, en heb dit in ui-lovelace.yaml staan.

YAML:

# Swiss Army Knife Templates
#
# The system templates come with the HACS install and can be updated
# with a new release. That part is automatic!
sak_sys_templates:
  !include www/community/swiss-army-knife-card/sak_templates.yaml

# The user templates are created by the user, and won't be updated 
# with a new release. If changes are required, then the user has to
# upate the template configuration files.
sak_user_templates:
  !include lovelace/sak_templates/sak_templates.yaml

Dit staat allemaal in de config map van HA.

Het lijkt alsof jij in een andere map zit als basis, en dat vandaar uit weer een relatief pad wordt toegevoegd. Dat is vreemd.

weet je wat ook vreemt is mij overzicht dashbord zegt ook dit ik denk dat ik iets heb weg gehaald maar ik weet niet wat


en andere dashboard is ook niet goed meer


hmmmm

[bennopoeltje]

ik heb alles weer terug backup terug gezet

[[_ave_]]

bennopoeltje schreef op zaterdag 12 augustus 2023 @ 13:00:
[...]


weet je wat ook vreemt is mij overzicht dashbord zegt ook dit ik denk dat ik iets heb weg gehaald maar ik weet niet wat
[Afbeelding]

en andere dashboard is ook niet goed meer
[Afbeelding]

hmmmm

Waarschijnlijk volstaat om in HACS de missende componenten opnieuw te downloaden (drie puntjes, redownload)

[bennopoeltje]

wil kan me helpen nu alles handmatig gedaan zelfde issue
[Errno 2] No such file or directory: '/config/lovelace/sak_templates/templates/www/community/swiss-army-knife-card/sak_templates.yaml

[bennopoeltje]

en al me custom element kunnen niet meer geladen worden van me oude dashboards

[[_ave_]]

bennopoeltje schreef op zaterdag 12 augustus 2023 @ 18:34:
wil kan me helpen nu alles handmatig gedaan zelfde issue
[Errno 2] No such file or directory: '/config/lovelace/sak_templates/templates/www/community/swiss-army-knife-card/sak_templates.yaml

Je hebt de mappen wel op je HA omgeving gezet? Download de zip bestand vanaf github pak het zipbestand uit. Daarin zit een folder met de naam ha-config

De lovelace folder gaat naar de root van HA (hoofdfolder wanneer je met samba een connectie maakt)
De themes folder gaat naar de root van HA
De inhoud van de WWW folder gaat in de www folder in HA

[bennopoeltje]

[_ave_] schreef op zaterdag 12 augustus 2023 @ 18:55:
[...]


Je hebt de mappen wel op je HA omgeving gezet? Download de zip bestand vanaf github pak het zipbestand uit. Daarin zit een folder met de naam ha-config

De lovelace folder gaat naar de root van HA (hoofdfolder wanneer je met samba een connectie maakt)
De themes folder gaat naar de root van HA
De inhoud van de WWW folder gaat in de www folder in HA

ja volgs mij heb ik dat gedaan

[[_ave_]]

bennopoeltje schreef op zaterdag 12 augustus 2023 @ 19:19:
[...]


ja volgs mij heb ik dat gedaan
[Afbeelding]

Dan zou het moeten werken. Ik heb toevallig vandaag een nieuwe HA opgetuigd (behalve de dashboard, dat lukt niet in zo'n korte tijd)

Hieronder wat ik in configuration.yaml heb staan

YAML:

# Dashboard in yaml mode
lovelace:
  mode: yaml
  resources: !include resources.yaml

  # Hieronder komen de dashboards die links in het menu erbij worden geplaatst.
  dashboards:
     -home:
      mode: yaml
      filename: home.yaml
      title: "Home"
      icon: mdi:home
      show_in_sidebar: true
    

Hieronder wat ik in home.yaml heb staan

YAML:

# Templates
# Decluttering
decluttering_templates:
  !include lovelace/decluttering_templates/decluttering_templates.yaml
# Swiss Army Knife system
sak_sys_templates:
  !include www/community/swiss-army-knife-card/sak_templates.yaml
# Swiss Army Knife user
sak_user_templates:
  !include lovelace/sak_templates/sak_templates.yaml

title: Home
views:
  #Default view
  - path: default_view
    #title: Home
    icon: mdi:home
    badges: []

Hieronder wat ik in resources.yaml heb staan:

YAML:

#Button card
- url: /hacsfiles/button-card/button-card.js
  type: module
#
# Decluttering card
- url: /hacsfiles/decluttering-card/decluttering-card.js
  type: module
#
# Swiss armyknife card
- url: /hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js
  type: module

Bij mij werkt het gewoon nadat ik de mappen uit de zip file had gekopierd.

[bennopoeltje]

het lijkt er op dat het in deze regel zit
!include www/community/swiss-army-knife-card/sak_templates.yaml
alleen !include zet dit er voor /config/lovelace/sak_templates/templates/
nu nog uit zoeken waarom bij mij wel en bij jullie niet

[bennopoeltje]

hellaas ik heb alles verwijdert het werkt niet jammer het zag er zo mooi uit maar mijn kennis is te klein om het voor me kaar te krijgen heel jammer
bedankt voor jullie hulp

[[_ave_]]

bennopoeltje schreef op zondag 13 augustus 2023 @ 08:50:
hellaas ik heb alles verwijdert het werkt niet jammer het zag er zo mooi uit maar mijn kennis is te klein om het voor me kaar te krijgen heel jammer
bedankt voor jullie hulp

Gewoon over een tijdje nog eens proberen. Ik loop ook regelmatig tegen dingen aan die de eerste keer niet lukken. b.v. de lichtkaarten die Mars heeft gemaakt. Ik wil dat format toepassen op een switch groep maar tot op heden nog zonder succes. De kaart maken gaat wel maar daarna ervoor zorgen dat de lampen aan werkt niet. Heb het internet ondertussen al uit maar de oplossing nog niet gevonden. Dit boek leg ik even weg om het later nog eens op te pakken.

De basis moet dan uiteraard wel werken. Met de stappen hierboven zou het bij jou ook zo moeten zijn.
Er is iets dat ergens niet goed staat, een spatie teveel of te weinig een - i.p.v.een _ (of andersom). Een path dat ergens niet goed staat gedefinieerd. Wellicht kan je uit de logs nog e.e.a. halen.

[bennopoeltje]

misschien door 1 van mijn andere dashboards gaat het mis maar ik wil eigenlijk op nieuw beginnen liefst met een nieuwe home assistant ik zit al een jaar op een yello te wachten ik hoop eind van deze maand ik weet alleen niet of ik twee home assistant in 1 netwerk kan draaien voor de test

[[_ave_]]

bennopoeltje schreef op zondag 13 augustus 2023 @ 10:36:
misschien door 1 van mijn andere dashboards gaat het mis maar ik wil eigenlijk op nieuw beginnen liefst met een nieuwe home assistant ik zit al een jaar op een yello te wachten ik hoop eind van deze maand ik weet alleen niet of ik twee home assistant in 1 netwerk kan draaien voor de test

Beide hebben een eigen IP nummer dus de eerste kan je benaderen op 192.168.1.1:8123 waar je de tweede kan benaderen op 192.168.1.2:8123 (uiteraard moet je de IP-nummers voor jou netwerk even opzoeken)

Je kan gebruik maken van een virtuele omgeving of een raspberryPi of zo iets.

In de tweede hoef je niet persé alle entity's te hebben. Maar zet daar een set in waarmee je de tests kan uitvoeren. Voor sommige internet gerelateerde toevoegingen geld een maximum aan ophalen van informatie, dat is dus wel iets om rekening mee te houden.

[Mars Warrior]

Weer wat geknutseld...

Een compacte kaart (3 variaties) voor mijn Awair Elements:

• De eerste heeft de typische Awair weergave: score en de gradatie van de 5 sensoren, waar ze ervan uitgaan dat je de volgorde van de sensoren uit je hoofd kent
• De tweede voegt iconen toe voor de vergeetachtigen. De cirkels zijn daardoor wel kleiner geworden
• De derde gebruikt daarom geen cirkels maar afgeronde rechthoeken waardoor de kleurtjes beter te zien zijn

Wie weet gooi ik er nog een beta uit, zodat de nieuwe mogelijkheden wel gebruikt kunnen worden, maar de meeste gebruikers er geen last van hebben als die de normale versie draaien.

[[_ave_]]

Ziet er weer fantastisch uit.. Zelf heb ik niet van die apparaten (de vrouw vind dat ik al genoeg geld uitgeef ) maar als ik ze wel had zou ik gaan voor de onderste met de achtergrond van degene linksboven.

[Mars Warrior]

[_ave_] schreef op dinsdag 15 augustus 2023 @ 20:26:
Ziet er weer fantastisch uit.. Zelf heb ik niet van die apparaten (de vrouw vind dat ik al genoeg geld uitgeef ) maar als ik ze wel had zou ik gaan voor de onderste met de achtergrond van degene linksboven.

De achtergrond bij de eerste is optioneel. Is eigenlijk het voor Awair gebruikte icoon.

Ik heb slechts €100 / stuk betaald in de aanbieding bij Amazon. Totaal dus €300, maar dan heb je ook wat.

Voor de rest komen mijn sensoren voornamelijk uit China (Ali dus). De meeste waren €8 / stuk. Dus dit was ook voor mij een best hoge uitgave.

[[_ave_]]

De achtergrond bij de eerste is optioneel. Is eigenlijk het voor Awair gebruikte icoon.

Ik heb slechts €100 / stuk betaald in de aanbieding bij Amazon. Totaal dus €300, maar dan heb je ook wat.

Voor de rest komen mijn sensoren voornamelijk uit China (Ali dus). De meeste waren €8 / stuk. Dus dit was ook voor mij een best hoge uitgave.

Ali, ja die ken ik wel, daar komt bijna al mijn domotica vandaan

Als ik mag vragen, de opmaak van het label op je light cards. Waar heb je die verstopt?



Ik wil de tekst graag wit maar zie nergens de opmaak van de tekst

[Mars Warrior]

[_ave_] schreef op woensdag 16 augustus 2023 @ 19:04:
[...]


Ali, ja die ken ik wel, daar komt bijna al mijn domotica vandaan

Als ik mag vragen, de opmaak van het label op je light cards. Waar heb je die verstopt?

[Afbeelding]

Ik wil de tekst graag wit maar zie nergens de opmaak van de tekst

Dat zal uit de standaard class komen. Je zult dus zelf een styles sectie erbij moeten zetten om de tekst wit te maken. Dus een fill: white...

[Mars Warrior]

Na wat configuratie en software wijzigingen weer een kaart gemaakt. Dit is allemaal Awair, maar zou ook voor andere analoge sensoren bruikbaar moeten zijn.

Je ziet dat het met deze kaart mogelijk is om het sparkline type te wijzigen...

• Graded / rank_order met de typische Awair weergave
• Area met fade optie
• Barcode / Audio
• Line

En nog twee chart types die het met deze generieke setup goed doen:

• Bars
• Dots

De yaml vanuit de view om deze kaarten met templates te maken is:

YAML:

    - type: grid
      columns: 2
      square: false
      cards:
        - type: 'custom:swiss-army-knife-card'
          entities:
            - entity: sensor.awair_element_study_humidity
              name: 'Humidity'
              area: 'Study'
              decimals: 0
          layout:
            template:
              name: sak_layout_fce2_awair2a
              variables:
                - sak_layout_awair_chart_type: barcode
                - sak_layout_awair_chart_variant: audio
                - sak_layout_awair_background_icon_disabled: false
                - sak_layout_awair_sensor_colorstop_v1: sak_colorstops_awair_humidity_v1
                - sak_layout_awair_sensor_colorstop_v2: sak_colorstops_awair_humidity_v2
                - sak_layout_awair_sensor_scale_max: 100

          # -------------------------------------------------------------------
        - type: 'custom:swiss-army-knife-card'
          entities:
            - entity: sensor.awair_element_study_pm2_5
              name: 'PM2.5'
              area: 'Study'
              icon: mdi:dots-circle
          layout:
            template:
              name: sak_layout_fce2_awair2a
              variables:
                - sak_layout_awair_chart_type: line
                - sak_layout_awair_background_icon_disabled: false
                - sak_layout_awair_sensor_colorstop_v1: sak_colorstops_awair_pm25_v1
                - sak_layout_awair_sensor_colorstop_v2: sak_colorstops_awair_pm25_v2
                - sak_layout_awair_sensor_scale_max: 100

In den beginne wilde ik enkel een line en area chart erbij hebben...

[[_ave_]]

Mars Warrior schreef op donderdag 17 augustus 2023 @ 10:27:
[...]

Dat zal uit de standaard class komen. Je zult dus zelf een styles sectie erbij moeten zetten om de tekst wit te maken. Dus een fill: white...

Thanks

[[_ave_]]

Mars Warrior schreef op donderdag 17 augustus 2023 @ 17:19:
Na wat configuratie en software wijzigingen weer een kaart gemaakt. Dit is allemaal Awair, maar zou ook voor andere analoge sensoren bruikbaar moeten zijn.

Je ziet dat het met deze kaart mogelijk is om het sparkline type te wijzigen...

• Graded / rank_order met de typische Awair weergave
• Area met fade optie
• Barcode / Audio
• Line

[Afbeelding]

Hoogtijd dat ik met pensioen kan, dan heb ik tenminste tijd om dit allemaal te leren.

[Afbeelding]

En nog twee chart types die het met deze generieke setup goed doen:

• Bars
• Dots

[Afbeelding]

De yaml vanuit de view om deze kaarten met templates te maken is:

YAML:

    - type: grid
      columns: 2
      square: false
      cards:
        - type: 'custom:swiss-army-knife-card'
          entities:
            - entity: sensor.awair_element_study_humidity
              name: 'Humidity'
              area: 'Study'
              decimals: 0
          layout:
            template:
              name: sak_layout_fce2_awair2a
              variables:
                - sak_layout_awair_chart_type: barcode
                - sak_layout_awair_chart_variant: audio
                - sak_layout_awair_background_icon_disabled: false
                - sak_layout_awair_sensor_colorstop_v1: sak_colorstops_awair_humidity_v1
                - sak_layout_awair_sensor_colorstop_v2: sak_colorstops_awair_humidity_v2
                - sak_layout_awair_sensor_scale_max: 100

          # -------------------------------------------------------------------
        - type: 'custom:swiss-army-knife-card'
          entities:
            - entity: sensor.awair_element_study_pm2_5
              name: 'PM2.5'
              area: 'Study'
              icon: mdi:dots-circle
          layout:
            template:
              name: sak_layout_fce2_awair2a
              variables:
                - sak_layout_awair_chart_type: line
                - sak_layout_awair_background_icon_disabled: false
                - sak_layout_awair_sensor_colorstop_v1: sak_colorstops_awair_pm25_v1
                - sak_layout_awair_sensor_colorstop_v2: sak_colorstops_awair_pm25_v2
                - sak_layout_awair_sensor_scale_max: 100

In den beginne wilde ik enkel een line en area chart erbij hebben...

[paQ]

*verkeerd

[ Voor 99% gewijzigd door paQ op 18-08-2023 00:24 ]

[Mars Warrior]

Ik heb een development prerelease vrijgegeven.

Wel ff goed kijken, want ik heb wat wijzigingen in de configuratie door moeten voeren:

• Alle templates hebben nu de sak- prefix om dubbelingen te voorkomen
• Ik heb de map structuur van de templates gewijzigd, zodat deze alphabetisch geladen wordt.

https://github.com/Amoebe...releases/tag/v2.5.1-dev.2

[[_ave_]]

Mars Warrior schreef op vrijdag 18 augustus 2023 @ 11:46:
Ik heb een development prerelease vrijgegeven.

Wel ff goed kijken, want ik heb wat wijzigingen in de configuratie door moeten voeren:

• Alle templates hebben nu de sak- prefix om dubbelingen te voorkomen
• Ik heb de map structuur van de templates gewijzigd, zodat deze alphabetisch geladen wordt.

https://github.com/Amoebe...releases/tag/v2.5.1-dev.2

Ik ga eens kijken wat voor moois je hebt neergezet. Ben nu toe aan een nieuw dashboard voor mijn PV installatie maar ben er nog niet helemaal over uit wat precies. In elk geval een overzicht van alle panelen afzonderlijk en de totaal opbrengst. Zit alleen nog te dubben of ik de afgelopen zeven dagen in de grafiek zal laten zien of alleen de laatste 24 uur.

Moet zeggen dat het maken van HA op deze manier wel meer tijd kost.

[Sjeuf]

Ik ben mijn dashboard aan het restylen. Kwam er maar niet uit wat de mooiste buttons waren. Veel inspiratie via dribble en zelfs wat laten maken via midjourney maar blijft een zoektocht naar de ultieme button. Ik ben nog niet tevreden maar ik maak het nu af en schaaf later bij.
Zodra ik een leuk dashboard heb , post ik het weer hier.

even een vraag of het klopt of het een bug is.
Misschien hoort deze eerder op github thuis...

Als ik een lineaire gradient over een rectex doe dan werkt "filter" niet maar alleen "fill"

bv

code:

styles:
     rectex:
      # fill: "#e0e0e0" 
       fill: url(#sak-light-brightness-gradient)
       # filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5))

Gebruik ik de drop-shadow (zie hierboven dan moet deze wel onder filter). Wanneer gebruik ik nu "fill" en wanneer "filter" voor zaken die in sak-svg-definitions.yml staan voor bv rectex, circle, SVGs?

Alvast hartelijk dank


-----------------------------
EDIT

Ik zie dat de neumorphic filters ook tussen <filter> quotes staan en de lineair gradients niet.

Prima zo ! Nu kan ik beide over elkaar gebruiken..

SOLVED voor mijzelf

[ Voor 10% gewijzigd door Sjeuf op 29-10-2023 12:30 . Reden: opgelost ]

[Mars Warrior]

@Sjeuf , sommige dingen heb ik moeten scheiden omdat anders iOS (Safari) het niet correct kan weergeven. De SVG implementatie van Safari loopt nog steeds mijlen ver achter op de standaard.

Men is wel bezig met een complete rewrite van de SVG engine van WebKit, maar die is nog niet in Safari geland helaas. Dat zou zoveel gemekker oplossen voor mij (qua werk), maar ja. Het sleutelwoord is "wachten".

Ben benieuwd straks naar je nieuwe dashboards natuurlijk

[[_ave_]]

Nou ik was even weg, druk en daarna lekker op vakantie. Inmiddels heb ik een noviteit in HA erbij. De SAK kaarten voor de verlichting doen het niet meer zoals ze het deden voor de vakantie. Ik kan drukken op een kaart tot ik een ons weeg (wat best lang gaat duren met mijn gewicht ) maar ik kan vanuit HA geen verlichting meer aan- of uitzetten. Ik gebuik WiFi lampen maar vraag me af of Zigbee misschien niet een beter alternatief is? In de smartlife app (tuya) werkt alles zoals het hoort.

[GilbertvH]

[_ave_] schreef op woensdag 15 november 2023 @ 14:19:
Nou ik was even weg, druk en daarna lekker op vakantie. Inmiddels heb ik een noviteit in HA erbij. De SAK kaarten voor de verlichting doen het niet meer zoals ze het deden voor de vakantie. Ik kan drukken op een kaart tot ik een ons weeg (wat best lang gaat duren met mijn gewicht ) maar ik kan vanuit HA geen verlichting meer aan- of uitzetten. Ik gebuik WiFi lampen maar vraag me af of Zigbee misschien niet een beter alternatief is? In de smartlife app (tuya) werkt alles zoals het hoort.

Welke integratie gebruik je hiervoor? Deze (of HA) al eens herlaad? Als je via Tuya een gratis subscription hebt kan die verlopen zijn.

[d-vine]

[_ave_] schreef op woensdag 15 november 2023 @ 14:19:
Nou ik was even weg, druk en daarna lekker op vakantie. Inmiddels heb ik een noviteit in HA erbij. De SAK kaarten voor de verlichting doen het niet meer zoals ze het deden voor de vakantie. Ik kan drukken op een kaart tot ik een ons weeg (wat best lang gaat duren met mijn gewicht ) maar ik kan vanuit HA geen verlichting meer aan- of uitzetten. Ik gebuik WiFi lampen maar vraag me af of Zigbee misschien niet een beter alternatief is? In de smartlife app (tuya) werkt alles zoals het hoort.

Ik ervaar momenteel ook wat problemen met de cards die altijd hebben gewerkt en sommige nul response geven andere wel werken of Wall pluggs cards die verdwenen zijn.

Alles werkt wel met de standaard HA dashboard dus het zit ergens in SAK

[[_ave_]]

Deze dus. HA heb ik al herstart, meerdere keren en dan werkt het heel eventjes.

Ik ben vijf smartplugs, vier daarvan doen het zonder issues. 1 is gek genoeg niet zichtbaar maar de verlicting achter deze plug gaat 's avond's wel gewoon aan samen met de rest en op de opgegeven tijd ook weer uit. Grappige is, dat wanneer de lamp achter deze smartplug aan is, de kaart wel zichtbaar wordt in HA. Alle verlichting en een wall switch doen het niet. Zou haast gaan denken dat het aan mijn netwerk ligt. Maar als dat zo zou zijn dan zou ik vanuit de smartlife app de verlichting niet kunnen bedienen, dan zou het daar ook niet werken.

een check bij Tuya geeft geen inzicht dat de subscription verlopen is. Ik kan alle apparaten online zien wanneer ik inlog in mijn tuya project.

Ik gebruik nog niet de dev. release die je pas hebt vrijgegeven. Ik ben voornemens deze in een separate omgeving te installeren en testen.

Als je nog meer informatie wilt, logs, etc. let me knw.

[Koepert]

[_ave_] schreef op donderdag 16 november 2023 @ 07:31:
[Afbeelding]

Deze dus. HA heb ik al herstart, meerdere keren en dan werkt het heel eventjes.

Ik ben vijf smartplugs, vier daarvan doen het zonder issues. 1 is gek genoeg niet zichtbaar maar de verlicting achter deze plug gaat 's avond's wel gewoon aan samen met de rest en op de opgegeven tijd ook weer uit. Grappige is, dat wanneer de lamp achter deze smartplug aan is, de kaart wel zichtbaar wordt in HA. Alle verlichting en een wall switch doen het niet. Zou haast gaan denken dat het aan mijn netwerk ligt. Maar als dat zo zou zijn dan zou ik vanuit de smartlife app de verlichting niet kunnen bedienen, dan zou het daar ook niet werken.

een check bij Tuya geeft geen inzicht dat de subscription verlopen is. Ik kan alle apparaten online zien wanneer ik inlog in mijn tuya project.

Ik gebruik nog niet de dev. release die je pas hebt vrijgegeven. Ik ben voornemens deze in een separate omgeving te installeren en testen.

Als je nog meer informatie wilt, logs, etc. let me knw.

Wellicht domme opmerking, maar heb je al een "default dashboard" geprobeerd met de standaard kaarten: Werken die wel? Dus: ligt het aan SAK-kaarten of aan aansturen van de lampen

[[_ave_]]

Koepert schreef op donderdag 16 november 2023 @ 12:07:
[...]


Wellicht domme opmerking, maar heb je al een "default dashboard" geprobeerd met de standaard kaarten: Werken die wel? Dus: ligt het aan SAK-kaarten of aan aansturen van de lampen

Er bestaan geen domme opmerkingen of vragen. .

Ik heb het nog niet met een standaard dashboard geprobeerd. Wel even getest vanuit de integratie en dan werkt het gewoon. Maar ja, hoe ga je aan de vrouw uitleggen dat ze via een omweg de verlichting aan moet zetten als ze net heeft geaccepteerd dat ze een app moet gebruiken i.p.v. de lichtknop?

Sowieso zat er na mijn vakantie iets niet lekker thuis want ik kon de airco niet aanzetten vanuit HA (ook niet met de m-air app overigens ) en moest ik de wifi module van de airco resetten om ook dat weer te laten werken. Denk dat ik daarmee een beetje op het verkeerde been ben gezet dat het in HA zou zitten.

[Koepert]

[_ave_] schreef op donderdag 16 november 2023 @ 12:19:
[...]


Er bestaan geen domme opmerkingen of vragen. .

Ik heb het nog niet met een standaard dashboard geprobeerd. Wel even getest vanuit de integratie en dan werkt het gewoon. Maar ja, hoe ga je aan de vrouw uitleggen dat ze via een omweg de verlichting aan moet zetten als ze net heeft geaccepteerd dat ze een app moet gebruiken i.p.v. de lichtknop?

Sowieso zat er na mijn vakantie iets niet lekker thuis want ik kon de airco niet aanzetten vanuit HA (ook niet met de m-air app overigens ) en moest ik de wifi module van de airco resetten om ook dat weer te laten werken. Denk dat ik daarmee een beetje op het verkeerde been ben gezet dat het in HA zou zitten.

Nee dat ben k helemaal met je eens, maar bedoel het ook meer in de richting van het troubleshooten: Dat je kunt uitsluiten dat het in SAK zit, of juist kunt bevestigen dat het daar in zit.

Overigens, dat heb ik omzeild door het juist te automatiseren op lichtinval/tijd/beweging zodat ze het niet HOEFT te doen, uitgezonderd de WC< die zat op een deursensor maar met een slimme schakelaar dus kan ze handmatig de lamp aan uit doen, maar kan ik ook op afstand die uit doen (Als deze te lang aan is). maar omdat de WC deur vaak op een kier staat, werkte de deursensor voor geen meter. En de schakelaar zit BUITEN de WC.

[[_ave_]]

Vandaag een tweede VM ingericht met core 9.4. Daarin alleen de button-card, decluttering-card en sak geinstalleerd. Tuya geinstalleerd en geconfigureerd. Eerste kaart toegevoegd met zelfde resultaat. Zit in elk geval niet in de core van HA. Ga deze nu updaten naar 9.5.

[[_ave_]]

[_ave_] schreef op zaterdag 18 november 2023 @ 23:49:
Vandaag een tweede VM ingericht met core 9.4. Daarin alleen de button-card, decluttering-card en sak geinstalleerd. Tuya geinstalleerd en geconfigureerd. Eerste kaart toegevoegd met zelfde resultaat. Zit in elk geval niet in de core van HA. Ga deze nu updaten naar 9.5.

Dat maakt ook geen verschil. Op naar het updaten van het OS naar 10.5

[[_ave_]]

Inmiddels uitgezocht dat mijn subscription verlopen is. Was dus al in mei verlopen. Wel raar dat ik dat pas in november merk. Eens kijken of het met de lokale vesie van Tuya beter gaat anders moet ik toch langzaam afscheid gaan nemen van Tuya en op zoek naar een alternatief.

[[_ave_]]

Hoi allemaal,

Ik probeer een kaart te maken voor de zon azimuth en elevation. Mijn startpunt is een template van SAK. (sak-arc180-sparklingbar24.yaml. Hier heb ik een kopie van gemaakt en hernoemt. Wat ik uiteindelijk wil bereiken is iets dat lijkt op de compass-card maar dan met SAK. Ik heb de eerste aanpassingen kunnen doen door iets aan te passen en te kijken wat er veranderd. Maar, wat ik ook doe, de tekstgrootte veranderd niet.

Hieronder de tot nu toe aangepaste code:

YAML:

default:
  #- decimals: 0
  - decimals: 2
  - cx: 50
  - cy: 50
  - scale_min: 0
  - scale_max: 100
  # area: 'Home'
  - area: ' '
  - colorstops_template: colorstops_humidity
  - icon: 'mdi:water-percent'

card:
  type: 'custom:swiss-army-knife-card'

  entities: 
    - entity: sensor.[[entity]]
      decimals: '[[decimals]]'
      name: '[[name]]'
      icon: '[[icon]]'
      area: '[[area]]'

  aspectratio: 1/1
  dev:
    debug: false
    ts: true
  
  layout:
    styles:
      card:
      toolsets:
        filter: url(#nm-1)
    toolsets:
      # ==============================================================================
      - toolset: humi-dt
        position:
          cx: '[[cx]]'
          cy: '[[cy]]'
        tools:
          - type: 'area'
            id: 0
            entity_index: 0
            position:
              cx: 50
              cy: 98
            styles:
              area:
                font-size: 2em;
                text-anchor: middle;

          - type: 'name'
            id: 1
            entity_index: 0
            position:
              cx: 50
              #cy: 53
              cy: 68
            styles:
              name:               
                #font-size: 1.2em;
                font-size: 4em;
                text-anchor: middle;

          - type: 'segarc'
            id: 2
            entity_index: 0
            position:
              cx: 49
              #cy: 50
              cy: 60
              start_angle: -90
              #start_angle: 0
              end_angle: 90
              #end_angle: 360
              #width: 5
              width: 3
              radius: 45
              #radius: 35
            scale:
              min: '[[scale_min]]'
              max: '[[scale_max]]'
              #width: 15
              #offset: -15
            show:
              #scale: true
              scale: false
              style: 'colorstops'
            segments:
              colorstops:
                template:
                  name: '[[colorstops_template]]'
                  variables:
                    - thegap: 0
            styles:
              foreground:
                fill: var(--theme-gradient-color-01);
              background:
                fill: var(--primary-background-color);

          - type: 'state'
            id: 3
            entity_index: 0
            position:
              cx: 50
              cy: 35
            styles:
              state:
                text-anchor: center;
                #font-size: 3em;
                font-size: 4em;
                fill: var(--theme-gradient-color-01);

          - type: 'icon'
            id: 4
            entity_index: 0
            position:
              #cx: 10
              cx: 90
              cy: 10
              align: center
              #icon_size: 15
              icon_size: 10
            styles:
              icon:
                color: var(--theme-gradient-color-01);
                fill: var(--theme-gradient-color-01);

#          - type: 'bar'
#           id: 5
#            entity_index: 0
#           position:
#              orientation: vertical
#              cx: 50
#              cy: 72
#              width: 80
#              height: 25
#            hours: 24
#            barhours: 1
#            styles:
#              bar:
#                stroke: var(--theme-gradient-color-01);
#                stroke-linecap: butt;

Links is de compas-card, rechts mijn poging iets te maken wat hierop lijkt. Voordat ik de volgende fase inga weet iemand waarom de fontsize niet wordt aangepast?

[[_ave_]]

Ok, ik ben een stap verder

YAML:

default:
  - decimals: 2
  - unit: '°'
  - cx: 50
  - cy: 50
  - scale_min: 0
  - scale_max: 100
  - colorstops_template: colorstops_humidity
  - icon: 'mdi:sun-angle'
  - name: 'Azimuth' 
card:
  type: 'custom:swiss-army-knife-card'

  entities: 
    - entity: sensor.[[entity]]
      decimals: '[[decimals]]'
      name: '[[name]]'
      icon: '[[icon]]'
      unit: '[[unit]]'

  aspectratio: 1/1
  
  layout:
    styles:
      card:
      toolsets:
        #filter: url(#nm-1)
    toolsets:
      # ==============================================================================
      - toolset: azimuth
        position:
          cx: '[[cx]]'
          cy: '[[cy]]'

        tools:
          - type: 'name'
            id: 0
            entity_index: 0
            position:
              cx: 18
              cy: 10
            styles:
              name:               
                font-size: '24px'
                text-anchor: center;

          - type: 'segarc'
            id: 1
            entity_index: 0
            position:
              cx: 50
              cy: 55
              start_angle: -40
              end_angle: 360
              width: 1
              radius: 38
            show:
              scale: false
              style: 'colorstops'
            segments:
              colorstops:
                template:
                  name: '[[colorstops_template]]'
                  variables:
                    - thegap: 0
            styles:
              foreground:
                fill: var(--theme-gradient-color-01);
              background:
                fill: var(--primary-background-color);

          - type: 'state'
            id: 2
            entity_index: 0
            position:
              cx: 50
              cy: 54
            styles:
              state:
                text-anchor: center;
                font-size: '58px'
                fill: var(--theme-gradient-color-01);

          - type: 'icon'
            id: 3
            entity_index: 0
            position:
              cx: 90
              cy: 10
              align: center
              icon_size: 10
            styles:
              icon:
                color: var(--theme-gradient-color-02);
                fill: var(--theme-gradient-color-02);

Nu eens kijken of ik daar een graden verdeling op kan zetten. Daarna zal ik moeten leren hoe ik een nog te maken indicatie kan laten meedraaien (over de cirkel) zodat zichtbaar wordt waar de zon zich op dat moment t.o.v. het huis bevind.

Ik ga deze kaart steeds leuker vinden

[[_ave_]]

[_ave_] schreef op dinsdag 1 augustus 2023 @ 12:41:
He hallo,

Kwam dit waanzinnig stukje add-on voor HA tegen en dacht WAUW!!!! Dat ziet er waanzinnig en gelikt uit. Dat wil ik ook. Nou dat was toch minder eenvoudig dan in eerste instantie gedacht. Het was niet zoals ik was gewend, een simpel kaartje toevoegen en ff aanpassen naar mijn eigen smaak.
Gelukkig deins ik niet snel terug en wilde toch wel heel graag weten hoe dit werkte. Dat heb ik geweten :-).

Ben wel al een heel eind op weg maar loop wel tegen iets aan waar ik niet zo snel de oplossing voor kan vinden, geen idee of dit de juiste weg is maar kon ook niet zo snel ergens iets vinden waar ik vragen kan stellen. Ik heb de kaart voor het overzicht van de systeem belasting genomen en aangepast voor mijn NAS.

Nu ziet dit op het scherm (view.png) er redelijk OK uit. (ben nog niet helemaal content met de schaduw) maar op mobiel (een Android versie 13) mis ik de load 15 5m en 15m (onderste is op PC)

Ik heb aan de originele yaml code niet heel veel veranderd, de gap heb ik op 0 gezet, vind ik zelf mooier en ik heb de 1m en 15m van plek verwisseld. Aan posities heb ik niets veranderd.

Mijn vraag: hoe komt het dat deze kaart er op mijn mobiel anders uitziet?[Afbeelding]

[Afbeelding]

Ik heb dit uiteindelijk werkend gekregen op mijn Android telefoon en tablet. Ik heb de kaart van scratch opnieuw gemaakt zonder de areatoolset en zonder de template. Nu is het goed zichtbaar op mijn mobiel. De areatoolset verwijderen zorgde ervoor dat het rechterdeel van de kaart onbruikbaar werd (ongeveer 20% van de grafische weergave viel aan de rechterkant weg. Door alle code in op de .yaml pagina te zetten i.p.v. de template te gebruiken is het beeld nu goed.

[[_ave_]]

De onderste kaarten zijn gewone entity kaarten. Wanneer ik dit op een SAK card zet dan veranderd security van safe naar ok (de entity zegt safe) en last boot van last week naar een onmogelijk lange datum notatie.

[[_ave_]]

Allen,

Met dank aan James Wood heb ik een SAK kaart gemaakt voor de windrichting/windsnelheid:



Het ziet er best redelijk uit maar er is één ding dat ik niet voor elkaar krijg; nl. het mee laten draaien van de naald met de windrichting,deze blijft op noord staan. Nu komt de wind op dit moment toevallig ook uit het noorden waardoor het wellicht niet opvalt. Echter wanneer de wind uit een andere richting komt dan blijft de naald in het noorden staan. Kan iemand mij vertellen wat ik moet aanpassen zodat de naald daar staat waar de wind vandaan komt en niet alleen in het noorden? Onderstaand de code.

YAML:

  - type: vertical-stack
    cards:
    - type: horizontal-stack
      cards:
        # Windrichting en snelheid
        - type: custom:swiss-army-knife-card

          aspectratio: 1/1

          disable_card: false

          entities:
            - entity: sensor.wind_speed                                         # Index ID = 0
              decimals: 1
              #icon: mdi:windsock
              icon: mdi:selection-ellipse-arrow-inside
              area: 'Windsnelheid'
            - entity: sensor.wind_direction                                     # Index ID = 1
              area: 'Windrichting'

          layout:
            styles:
              card:
              toolsets:
                #filter: url(#nm-1)

            toolsets:

              # Titlebalk
              - toolset: titlebar
                position:
                  cx: 50
                  cy: 50
                tools:
                  - type: text
                    id: 1
                    position:
                      cx: 5
                      cy: 5
                    text: 'Windrichting/snelheid'
                    styles:
                      text:
                        font-size: 6em
                        font-weight: 300
                        text-anchor: start
                        fill: var(--primary-text-color)
                  - type: icon
                    id: 2
                    position:
                      cx: 95
                      cy: 5
                      align: center
                      icon_size: 6
                    entity_index: 0
                    styles:
                      icon:
                        fill: var(--primary-text-color)
                        opacity: 0.7

              # Background_outer-circle
              - toolset: backgroud-circle
                position:
                  cx: 50
                  cy: 50
                tools:
                  - type: 'circle'
                    id: 0
                    position:
                      cx: 50
                      cy: 55
                      radius: 38
                    styles:
                      circle:
                        opacity: 1
                        fill: '#C5C5C5'


              # Background-iamge
              - toolset: background-image
                position:
                  cx: 50
                  cy: 55
                tools:
                  - type: 'usersvg'
                    id: 2
                    position:
                      cx: 50
                      cy: 50
                      height: 89
                      width: 89
                    style: 'images'
                    images:
                      - default: /local/images/backgrounds/compass.svg

              # Background_inner-circle
              - toolset: backgroud-circle
                position:
                  cx: 50
                  cy: 50
                tools:
                  - type: 'circle'
                    id: 0
                    position:
                      cx: 50
                      cy: 55
                      radius: 29
                    styles:
                      circle:
                        opacity: 1
                        fill: var(--primary-background-color)


              # Wind Speed & Direction Guage Set
              - toolset: wind_speed
                position:
                  cx: 50
                  cy: 50
                tools:
                  # Windsnelheid (gauge)
                  - type: segarc
                    position:
                      cx: 50
                      cy: 55
                      start_angle: -135
                      end_angle: 225
                      width: 4
                      radius: 28
                    entity_index: 0
                    scale:
                      min: 0
                      max: 120
                      offset: 1.5
                    show:
                      scale: true
                      style: colorstops
                    segments:
                      colorstops:
                        gap: 0
                        colors:
                          0: '#C2C2C0'
                          1: '#27CD3E'
                          40: '#FFC300'
                          75: '#F49E29'
                          100: '#CA1021'
                    styles:
                      foreground:
                        fill: var(--theme-gradient-color-01)
                        opacity: 1
                      background:
                        fill: var(--cs-theme-default-darken-15)
                        filter: url(#is-1)
                        opacity: 0.2

                  # Windrichting Gauge
                  - type: circslider
                    position:
                      cx: 50
                      cy: 55
                      start_angle: -135
                      end_angle: 225
                      radius: 28
                      thumb:
                        width: 1.25
                        height: 9
                        radius: 0.5
                    entity_index: 1
                    show:
                      uom: none
                    scale:
                      min: 0
                      max: 360
                      step: 1
                    styles:
                      circslider:
                        stroke: none
                        pointer-events: none
                      active:
                        stroke: none
                        pointer-events: none
                      track:
                        stroke: none
                        pointer-events: none
                      thumb:
                        fill: '#8C8C8C'
                        fill-opacity: 1
                        stroke: "#CA04FB"
                        stroke-width: 0.75
                        pointer-events: none
                      capture:
                        fill: '#FFC300'
                        fill-opacity: 0
                        pointer-events: none

                  # Windsnelheid in KM/H
                  - type: state
                    position:
                      cx: 50
                      cy: 60
                    entity_index: 0
                    show:
                      uom: bottom
                    styles:
                      state:
                        font-size: 9em
                        font-weight: 400
                        text-anchor: middle
                        fill: var(--primary-text-color)
                      uom:
                        font-weight: 500
                        fill: var(--primary-text-color)

                  # Windrichting (Cardinal)
                  - type: state
                    position:
                      cx: 50
                      cy: 55
                    entity_index: 1
                    derived_entity:
                      state: |
                        [[[
                          const DIRECTION = ["N", "NNO", "NO", "ONO", "O", "OZO", "ZO", "ZZO", "Z", "ZZW", "ZW", "WZW", "W", "WNW", "NW", "NNW", ];
                          const dir = Math.floor((state / 22.5) + .5);
                          return DIRECTION[(dir % 16)];
                        ]]]
                      show:
                        uom: none
                    styles:
                      state:
                        font-size: 9em
                        font-weight: 400
                        text-anchor: middle
                        fill: var(--primary-text-color)

                  # Windrichting in tekst (in cirkel)
                  - type: state
                    position:
                      cx: 50
                      cy: 45
                    entity_index: 1

                    styles:
                      state:
                        font-size: 9em
                        font-weight: 400
                        text-anchor: middle
                        fill: var(--primary-text-color)

[d-vine]

[_ave_] schreef op zaterdag 6 januari 2024 @ 10:17:
Allen,

Met dank aan James Wood heb ik een SAK kaart gemaakt voor de windrichting/windsnelheid:

[Afbeelding]

Het ziet er best redelijk uit maar er is één ding dat ik niet voor elkaar krijg; nl. het mee laten draaien van de naald met de windrichting,deze blijft op noord staan. Nu komt de wind op dit moment toevallig ook uit het noorden waardoor het wellicht niet opvalt. Echter wanneer de wind uit een andere richting komt dan blijft de naald in het noorden staan. Kan iemand mij vertellen wat ik moet aanpassen zodat de naald daar staat waar de wind vandaan komt en niet alleen in het noorden? Onderstaand de code.

Ik ben vorig jaar kort bezig geweest om mijn eigen weather omgeving te maken. Gebaseerd op voorbeelden. Maar nooit kunnen voortzetten door wat privé omstandigheden. Hoop dat ik er over tijd weer meer tijd voor heb.

Ik heb dus niet zo'n mooie windrichting kaart kunnen maken maar wel de slider card "misbruikt" om dat pijltje te kunnen laten bewegen. Met de hand kun je deze dus ronddraaien maar bij de eerste beste update schiet de pijl wel weer naar de juiste richting. Misschien is het een oplossing voor je of geeft het een idee

Let maar niet op de kleuren, vormen en tekst grote dat is allemaal fun playing geweest.



Als je de volledige code wilt stuur maar een dm

Er staat een het nodige van mijn HA op github, alleen al een poosje niet een update gegeven maar dan heb je een idee van mijn omgeving.

PS:
Ik ben maar een hobby bob met het maken van dit en lease hier en daar en ga dan spelen om het werkend te krijgen.
Alles wat anders en eenvoudiger kan gewoon zeggen

HomeAssistant Github D-Vine

code:

              # ================================================================
              - toolset: circ-slider-test
                position:
                  cx: 25
                  cy: 110

                tools:
                # ------------------------------------------------------------
                  - type: circslider
                    position:
                      cx: 50
                      cy: 50
                      radius: 20
                      start_angle: 0
                      end_angle: 360
                      thumb:
                        width: 2
                        height: 12
                        radius: 1
                      label:
                        placement: 'position'
                        cx: 50
                        cy: 40
                    entity_index: 4
                    scale:
                      min: 1
                      max: 360
                      step: 1
                    styles:
                      circslider:
                        stroke: none
                        fill: var(--theme-sys-elevation-surface-neutral4)
                      thumb:
                        stroke: var(--theme-sys-elevation-surface-neutral10)
                        #fill: white
                        stroke-width: 1em
                      track:
                        stroke-width: 2em
                        stroke-linecap: square
                        stroke: url(#sak-light-color-temperature-gradient)
                      active:
                        #stroke: 'black'
                        #stroke: url(#sak-light-color-temperature-gradient)
                        #stroke: var(--primary-background-color)
                        #stroke: url(#sak-light-brightness-gradient)
                        stroke: none
                      capture:
                        fill: none
                      label:
                        text-anchor: middle
                        font-size: 8em
                        font-weight: 250
                        pointer-events: auto
                      uom:
                        font-weight: 250

                  - type: state
                    id: 0
                    position:
                      cx: 50
                      cy: 55
                    entity_index: 6
                    styles:
                      state:
                        font-size: 11em
                        font-weight: 400
                        text-anchor: middle
                      uom:
                        alignment-baseline: central
              # ================================================================
              - toolset: wind
                position:
                  cx: 75
                  cy: 110
                tools:
                  - type: 'circle'
                    id: 0
                    position:
                      cx: 50
                      cy: 50
                      radius: 22
                    styles:
                      circle:
                        opacity: 1
                        fill: var(--primary-background-color)

                  - type: 'segarc'
                    id: 0
                    entity_index: 3
                    position:
                      cx: 50
                      cy: 50
                      start_angle: 0
                      end_angle: 360
                      width: 2
                      radius: 20
                    scale:
                      min: 0
                      max: 80
                    show:
                      scale: false
                      style: 'colorstops'
                    segments:
                      colorstops:
                        gap: 1
                        colors:
                          0: 'white'
                          10: '#5e4fa2'
                          20: '#3288bd'
                          30: '#66c2a5'
                          40: '#abdda4'
                          50: '#e6f598'
                          60: '#fee08b'
                          70: '#fdae61'
                          80: '#f46d43'
                          90: '#d53e4f'
                          100: '#9e0142'
                    styles:
                      foreground:
                        fill: var(--theme-gradient-color-01)
                      background:
                        #fill: var(--cs-theme-default-darken-15)
                        fill: var(--theme-ref-palette-secondary95)
                        filter: url(#is-1)

                  - type: icon
                    id: 2
                    position:
                      cx: 50
                      cy: 40
                      icon_size: 12
                    entity_index: 3
                    styles:
                      icon:
                        filter: url(#is-1)
                        opacity: 0.6

                  - type: state
                    id: 3
                    position:
                      cx: 50
                      cy: 55
                    entity_index: 3
                    styles:
                      state:
                        font-size: 10em
                        font-weight: 370
                        text-anchor: middle
                      uom:
                        alignment-baseline: central

Was hier aan begonnen omdat ik mijn Netatmo de deur had gewezen en een Ecowitt (WS90) Wittboy heb gekocht die veel nauwkeuriger is en ook nog 1 unit voor alles.

Eigenlijk is het de bedoeling om dat dashboard op een leuke manier in HA te krijgen

[[_ave_]]

Het werkt

Uiteindelijk een extra entity toegevoegd die de windrichting in graden aangeeft. en onder - type: circslider dit stukje toegevoegd onder tumb:

code:

                        label:
                          placement: 'position'
                          cx: 80
                          cy: 95

code:

  - type: vertical-stack
    cards:
    - type: horizontal-stack
      cards:
        # Windrichting en snelheid
        - type: custom:swiss-army-knife-card

          entities:
            - entity: sensor.wind_speed                                         # Index ID = 0
              decimals: 1
              #icon: mdi:windsock
              icon: mdi:selection-ellipse-arrow-inside
              area: 'Windsnelheid'
            - entity: sensor.wind_direction                                     # Index ID = 1
              area: 'Windrichting'
            - entity: sensor.openweathermap_wind_bearing                        # Index ID = 2
              area: 'Windrichting'
              decimals: 1
              unit: '°'

          aspectratio: 1/1

          disable_card: false

          layout:
            styles:
              card:

            toolsets:

              # Titlebalk
              - toolset: titlebar
                position:
                  cx: 50
                  cy: 50
                tools:
                  - type: text
                    id: 1
                    position:
                      cx: 5
                      cy: 5
                    text: 'Windrichting/snelheid'
                    styles:
                      text:
                        font-size: 6em
                        font-weight: 400
                        text-anchor: start
                        fill: var(--primary-text-color)
                  - type: icon
                    id: 2
                    position:
                      cx: 95
                      cy: 5
                      align: center
                      icon_size: 6
                    entity_index: 0
                    styles:
                      icon:
                        fill: var(--primary-text-color)
                        opacity: 0.9

              # Background_outer-circle
              - toolset: backgroud_outer-circle
                position:
                  cx: 50
                  cy: 50
                tools:
                  - type: 'circle'
                    id: 0
                    position:
                      cx: 50
                      cy: 55
                      radius: 38.5
                    styles:
                      circle:
                        opacity: 0.7
                        fill: '#C3C3C3'
                        filter: url(#nm-1)

              # Background_inner-circle
              - toolset: backgroud_inner-circle
                position:
                  cx: 50
                  cy: 50
                tools:
                  - type: 'circle'
                    id: 0
                    position:
                      cx: 50
                      cy: 55
                      radius: 29
                    styles:
                      circle:
                        opacity: 1
                        fill: var(--primary-background-color)

              # Background-image
              - toolset: background-image
                position:
                  cx: 50
                  cy: 55
                tools:
                  - type: 'usersvg'
                    id: 2
                    position:
                      cx: 50
                      cy: 50
                      height: 78 
                      width: 78
                    style: 'images'
                    images:
                      - default: /local/images/backgrounds/compass_north_225.svg


              # WindSnelheid
              - toolset: wind_speed_direction
                position:
                  cx: 50
                  cy: 50
                tools:
                  # Windsnelheid (gauge)
                  - type: segarc
                    position:
                      cx: 50
                      cy: 55
                      start_angle: -135
                      end_angle: 225
                      width: 2
                      radius: 28.15
                    entity_index: 0
                    scale:
                      min: 0
                      max: 120
                      offset: 1.5
                    show:
                      scale: true
                      style: colorstops
                    segments:
                      colorstops:
                        gap: 0
                        colors:
                          0: '#C2C2C0'
                          1: '#27CD3E'
                          40: '#FFC300'
                          75: '#F49E29'
                          100: '#CA1021'
                    styles:
                      foreground:
                        fill: var(--theme-gradient-color-01)
                        opacity: 1
                      background:
                        fill: var(--cs-theme-default-darken-15)
                        filter: url(#is-1)
                        opacity: 0.2

                  # Windsnelheid KM/H (in cirkel)
                  - type: state
                    position:
                      cx: 50
                      cy: 60
                    entity_index: 0
                    show:
                      uom: bottom
                    styles:
                      state:
                        font-size: 9em
                        font-weight: 400
                        text-anchor: middle
                        fill: var(--primary-text-color)
                      uom:
                        font-weight: 500
                        fill: var(--primary-text-color)

                  # Windrichting tekst (in cirkel)
                  - type: state
                    position:
                      cx: 50
                      cy: 45
                    entity_index: 1
                    styles:
                      state:
                        font-size: 9em
                        font-weight: 400
                        text-anchor: middle
                        fill: var(--primary-text-color) 

                  - type: circslider
                    position:
                      cx: 50.01
                      cy: 50.01
                      start_angle: -141
                      end_angle: 219
                      radius: 30

                      thumb:
                        width: 1.25
                        height: 9
                        radius: 0.5
                        label:
                          placement: 'position'
                          cx: 80
                          cy: 95

                    entity_index: 2

                    show:
                      uom: none

                    scale:
                      min: 1
                      max: 360
                      step: 0.1

                    styles:
                      circslider:
                        stroke: none
                      active:
                        stroke: none
                      track:
                        stroke: none
                      thumb:
                        fill: '#8C8C8C'
                        fill-opacity: 0.9
                        stroke: "#CA04FB"
                        stroke-width: 0.75
                        pointer-events: none
                      capture:
                        fill: '#FFC300'
                        fill-opacity: 0
                      uom:
                        font-weight: 400

[Sjeuf]

Beste allen,

even een vraag. Is het mogelijk om een live camera feed te laten zien in SAKS via een card?

Kan het bv met image via User-svg en dan een http of rstp stream op te geven? Als ik dat nu doe krijg ik een "broken-image" teken. Het is voor mijn dashboard van belang dat er een live-stream zichtbaar is.

Alvast hartelijk dank!

Reeds gelukt:

Als image gebruik ik de ... /api/camera_proxy/camera.camera?token=..... regel uit de camera entiteit. Dan laat hij hem zien in een SAKS card

[ Voor 20% gewijzigd door Sjeuf op 03-03-2024 15:56 ]

[Sjeuf]

@Mars Warrior inmiddels hard hier aan het werk om via v2.5.1-dev.2 mijn cards te vullen met grafieken. Lukt allemaal op 1 ding na... de fade onder de line in de "area chart-type". De line wordt mooi getoond maar de fade niet.

zowel niet via :

YAML:

  
  - type: 'custom:swiss-army-knife-card'
    entities:
      - entity: sensor.buiten_temperatuur_temperature
        name: 'Air quality'
        area: 'Tha Moon'
        show_graph: true
        
    aspectratio: 1/1                          # Card is 100x100 grid
    layout:
      styles:
        card:
      toolsets:
        - toolset: graph-test
          position:
            cx: 50
            cy: 50
          tools:
            # ------------------------------------------------------------
            - type: sparkline
              id: 1
              position:
                orientation: horizontal
                cx: 50
                cy: 50
                width: 100
                height: 100
                margin:
                  l: 1
                  x: 1
                  y: 0
                  r: 1
                  t: 2
                  b: 50
              entity_index: 0
              entity_indexes:
                - entity_index: 0
              period:
                rolling_window:
                  duration:
                    hour: 24
                  bins: 
                    per_hour: 1
              sparkline:
                show:
                  chart_type: area
                  fill: fade
                area: 
                  line_width : 2
                  show_line: true
                  fill: fade
                colorstops_transition: smooth
                colorstops:
                  colors:
                    - value: 500
                      color: var(--theme-sys-palette-secondary85)
                    - value: 3000
                      color: var(--theme-sys-palette-secondary60)

als ook niet via een bestaand template:

YAML:

      layout:
      template:
        name: sak_layout_fce2_awair2a
        variables:
               # Chart types barcode, dots, line, area, bar or graded work nicely
               # The equalizer not!
            - sak_layout_awair_chart_type: area
              # Check documentation for chart variant per chart type........

Ik weet dat het een pre-release is maar als je hier wat licht over kunt laten schijnen wat ik niet goed doe dan hoor ik het graag.

PS. sinds augustus of zo geen nieuws meer omtrent deze card. Ik vind het een top card maar voordat ik me helemaal suf codeer met deze card en er later breaking changes komen vanuit home assistant en deze card wordt niet meer geupdate. Kun je bevestigen dat dit nog een ongoing project is?

[ Voor 0% gewijzigd door Septillion op 21-03-2024 07:30 . Reden: YAML code-tags ]

[[_ave_]]

Geen idee.

[ Voor 96% gewijzigd door [_ave_] op 06-05-2024 14:52 ]

[[_ave_]]

Sjeuf schreef op zondag 3 maart 2024 @ 15:36:
Beste allen,

even een vraag. Is het mogelijk om een live camera feed te laten zien in SAKS via een card?

Kan het bv met image via User-svg en dan een http of rstp stream op te geven? Als ik dat nu doe krijg ik een "broken-image" teken. Het is voor mijn dashboard van belang dat er een live-stream zichtbaar is.

Alvast hartelijk dank!

Reeds gelukt:

Als image gebruik ik de ... /api/camera_proxy/camera.camera?token=..... regel uit de camera entiteit. Dan laat hij hem zien in een SAKS card

Zou je het stukje code willen delen waar je de image hebt geplaatst en wat je onder usesvg hebt staan ajb? Ik zou dit graag willen toepassen op een nieuwe dashboard dat ik met SAK aan het maken ben. en wat je onder usesvg hebt staan

[ Voor 4% gewijzigd door [_ave_] op 06-05-2024 14:56 ]

[Sjeuf]

[_ave_] schreef op maandag 6 mei 2024 @ 14:53:
[...]


Zou je het stukje code willen delen waar je de image hebt geplaatst en wat je onder usesvg hebt staan ajb? Ik zou dit graag willen toepassen op een nieuwe dashboard dat ik met SAK aan het maken ben. en wat je onder usesvg hebt staan

Uiteindelijk is het dit geworden:

code:

# ================================================================
      
              
      - toolset: camera
        position:
          cx: 100 
          cy: 50
        tools:
# ------------------------------------------------------------      
          - type: rectex
            position:
              cx: 50
              cy: 50
              width: 200
              height: 100
            styles:
              rectex:
                fill: "#e0e0e0"
# ------------------------------------------------------------          
          - type: 'usersvg'           # tooltype is 'usersvg'
            position:                 # Position on (100x100) canvas
              cx: 50                 # cx=50 is center position
              cy: 50                  # cy=50 is center position
              height: 100            # Image covers full heigth and...
              width: 200              # ...width of card.
            entity_index: 0
            # clip_path:
            #   position:
            #     cx: 50
            #     cy: 50
            #     height: 90      # clip height and width to a bit
            #     width: 180      # smaller than image size (95/95)
            #     radius:         # Irrelevant, since mask will make
            #       all: 5  
            style: 'images'
            images:     
                - default: >
                    [[[
                      return (states["camera.vdcamera"].attributes.entity_picture);
                    ]]]

Het is een generic camera die ik heb toegevoegd: https://www.home-assistant.io/integrations/generic

Dan krijg je zoiets

Nu moet ik zeggen dat het niet echt live is. Er zit enkele minuten vlgs mij vertraging in maar als je er op klikt dan zie je wel het live beeld. OMdat ik nu nog met een geheel ander ding met SAKS bezig ben is de camera voor mij nu niet een hot issue. Daar komt ik later nog op terug.

[[_ave_]]

Dank voor de reactie, heb het uitgeprobeerd maar blijkt in de praktijk toch niet zo lekker te werken. De ene keer is het beeld zichtbaar, de andere keer weer niet. Werkt niet echt als je even snel wilt kijken of de bui al in de buurt is of niet Ik heb nu maar de windrichting in het midden geplaatst en laat de camera.buienradar wel als aparte kaart op het dashboard staan.

[Sjeuf]

[_ave_] schreef op dinsdag 14 mei 2024 @ 12:53:
Dank voor de reactie, heb het uitgeprobeerd maar blijkt in de praktijk toch niet zo lekker te werken. De ene keer is het beeld zichtbaar, de andere keer weer niet. Werkt niet echt als je even snel wilt kijken of de bui al in de buurt is of niet Ik heb nu maar de windrichting in het midden geplaatst en laat de camera.buienradar wel als aparte kaart op het dashboard staan.

Als ik tijd heb ga ik hiermee aan de slag. Misschien werkt dit wel goed
YouTube: Boost your Security Camera Video in Home Assistant using WebRTC

[Sjeuf]

Even een showcase en update. Ben er nog lang niet. Aan een kant te druk en teveel info, maar te weinig info is ook niet zinvol op een dashboard. moet nog wat verplaatsen. De energie en gas + water icons zijn te kleurig en leiden af. Deze moet ik nog veranderen en verplaatsen. Hiernaast nog binnen en buiten categorie maken. Dan weer verder kijken. Misschien gewoon maar eens af maken en dan fine tunen

[Sjeuf]

Even "my 2 cents" over SAKS en toekomst. corrigeer me waar nodig.

E.e.a valt en staat met het onderhouden van / updates van deze kaart. De laatste grote update was ca 1 jaar geleden. Zag wel nog activiteit in SAKS js vorige maand maar geen contac met de TS

De effort die hij in deze kaart heeft gestoken is enorm. Alleen al the manual met hiernaast ook material themes 3 documentatie laat staan alle extreem vele uren in de code getuigt van een commitment naar een betere dashboard voor home assistant. De ruime mogelijkheden zonder extreem ingewikkeld javascript/yaml gaf mij de doorslag om hiermee aan de slag te gaan en mij vele uren bezig te houden en te ontdekken. Mijn eigen drang naar het perfecte dashboard heeft me langs dribbble en vele andere sites geleid in de hoop inspiratie te vinden die ik kon ombuigen naar een voor mij ideaal dashboard. Ik ben er naar toe aan het groeien maar ben er nog lang niet (waarschijnlijk omdat perfect niet bestaat...).

Terwijl ik groei naar mijn perfecte dashboard kijk ik ook wat home-assistant zelf doet. Met project Grace komt een uiterlijk beter dashboard langzaam dichterbij met drag&drop https://www.home-assistan...3/04/dashboard-chapter-1/

Home Assistant zal zo ook langzaam meer functionaliteit naar het dashboard halen en haalt langzaam tools zoals de button card en card-mod e.d. in. Zo ook denk ik met SAKS.

Ik ben er dus ergens , helaas, over na aan het denken om SAKS los te laten. Mede door de weinige updates of respons van de TS, wat ik overigens hem niet kwalijk neem. SAKS is een hobby. En het project heeft niet meerdere developers die kunnen bijspringen in tijd dat er een uitvalt/vakantie/ziek/etc. Ik wou dat ik de programming skills had om te helpen maar zit totaal niet in de IT. Een project dat steeds groter wordt en maar van 1 persoon afhankelijk is qua development, wordt lastig.

Gezien ik ook functionaliteit belangrijk vind en in mijn huishouden ook een keer iets moet gaan werken (voor de rest in mijn huishouden) ga ik naast SAKS ook eens met Grace en native layout van home assistant aan de slag. Niet omdat ik SAKS compleet wil laten vallen maar ik ben bang dat er een keer een breaking change komt in home assistant (is er al eens geweest) waardoor SAKS afunctioneel wordt en ik niet meer op mijn dashboard kom. Als er geen actieve ontwikkeling is dan wordt dat gevaar steeds groter en met mijn steeds grotere afhankelijkheid van het functioneren van mijn huis via home assistant is een zga 100% uptime van mijn home assistant nu wel langzaam een must....

@Mars Warrior , dank voor al het harde en vele werk!

[[_ave_]]

Grace is overigens geen kaart maar een dashboard. Als het gaat om SAK te vervangen gaat dat met Grace niet werken volgens mij

[Sjeuf]

[_ave_] schreef op dinsdag 28 mei 2024 @ 08:05:
Grace is overigens geen kaart maar een dashboard. Als het gaat om SAK te vervangen gaat dat met Grace niet werken volgens mij

Klopt volkomen. Ik wil het liefst saks blijven gebruiken. Wat ik meer bedoel is dat ik breaking changes van een mogelijk niet onderhouden card niet meer kan veroorloven. Ik gebruik dan nog steeds andere custom cards en ook dat blijft een risico. Ik snap dat het geen homekit is of een andere box en dat er gevaren zijn maar enige ontwikkeling stelt mij altijd gerust. En ook meerdere developers geeft ook rust

[Pandabeer35]

ik kwam deze custom add on voor Home Assistant tegen - lijkt me super om te gaan gebruiken, maar zie weinig tot geen wijzigingen meer in de afgelopen periode? Ook na het installeren via HACS kom ik niet echt verder, is het nog de bedoeling dat dit verder vervolg gaat krijgen? Zoveel tijd en energie ingestoken las ik, jammer om dit niet op meer HA systemen actief te maken...

@Mars Warrior komt er nog een vervolg?