Home Assistant - Het Swiss Army Knife Beta FEEDBACK topic

Pagina: 1 2 3 4 5 Laatste
Acties:

Acties:
  • 0 Henk 'm!

  • d-vine
  • Registratie: Augustus 2006
  • Laatst online: 21:19
Mars Warrior schreef op maandag 11 juli 2022 @ 15:26:
[...]

De CDN die ik gebruik, unpkg.com, had vannacht / vanochtend een storing 8)

Eén van de dingen die ik in de toekomst nog wil doen is onafhankelijk worden van zo'n CDN en alle libraries in SAK includen. Maar dat is werk wat ik nog nooit gedaan heb...
@Mars Warrior
Volgens mij is er weer een storing???

Kan ik dat zelf ook ergens controleren

Edit:
Was ;)


gaat toch niet helemaal lekker soepel vandaag zie ik al paar keer korte tijd fout meldingen en dan weer herstel

[ Voor 11% gewijzigd door d-vine op 21-07-2022 11:48 ]


Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
d-vine schreef op donderdag 21 juli 2022 @ 09:27:
[...]
@Mars Warrior
Volgens mij is er weer een storing???

Kan ik dat zelf ook ergens controleren

Edit:
Was ;)

gaat toch niet helemaal lekker soepel vandaag zie ik al paar keer korte tijd fout meldingen en dan weer herstel
Geen idee wat er de laatste tijd met die CDN's aan de hand is. Ik had met anderen ook al beetje ruzie.

Dus de enige oplossing gaat zijn om alles te bundelen, maar dan moet ik gaan snappen hoe dat werkt 8)

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
Over 5 minuten start de F1, dus ik heb vandaag nog ff wat dingen richting GitHub geduwd voor de RC.3 .

Ik was nog wat bugs tegengekomen in de prerelease die gefixed zijn. Verder komt er nog een experimentele circulaire slider bij:

Afbeeldingslocatie: https://tweakers.net/i/FpHdD_P9UGuaJbAOpC2uKUkgyDk=/x800/filters:strip_exif()/f/image/XDqvSTctgEfABVi0Va7n51aq.png?f=fotoalbum_large

Documentatie volgt nog...

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • +1 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
Max heeft gewonnen, dus het is weer tijd voor een nieuwe release: de RC.3

Het is een behoorlijk grote release zoals je ziet. Tweakers heeft moeite om hem goed weer te geven...

De Functional Card Examples zouden nu bruikbaar moeten zijn. De HA Config map is bijgewerkt, en deze versie zorgt voor sofware support...

Bij mij werkt alles natuurlijk _/-\o_

Afbeeldingslocatie: https://tweakers.net/i/64_-AoV9NOaS1sDmJwZeyP5-BU4=/x800/filters:strip_exif()/f/image/4lRibM55SE0dEdNEXzhHD5Xa.png?f=fotoalbum_large

De documentatie loopt nog wat achter, dus daar vind je nog niet de circular slider enzo.

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • Polyphemus
  • Registratie: Maart 2003
  • Laatst online: 12:54
Ik zou hier zo graag een begin mee willen maken, maar ondanks de uitgebreide documentatie weet ik niet waar te beginnen ;(

Ik draai Lovelace blijkbaar in storage mode, moet die in yaml mode draaien als ik wil beginnen?

Acties:
  • +1 Henk 'm!

  • Koepert
  • Registratie: Augustus 2013
  • Laatst online: 16:04
Polyphemus schreef op zondag 24 juli 2022 @ 19:35:
Ik zou hier zo graag een begin mee willen maken, maar ondanks de uitgebreide documentatie weet ik niet waar te beginnen ;(

Ik draai Lovelace blijkbaar in storage mode, moet die in yaml mode draaien als ik wil beginnen?
Nee, dat hoeft niet. Je moet dan alleen een extra stap in je configuration.yaml maken dat Lovelace in storage mode staat, en daarnaast verwijzen naar een yaml dashboard bestand van dit theme. Dat staat echter wel in de documentatie. Maar kijk eerst of je die stap ‘snapt’ anders gaat de leercurve erg stijl zijn.

Acties:
  • +1 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
Polyphemus schreef op zondag 24 juli 2022 @ 19:35:
Ik zou hier zo graag een begin mee willen maken, maar ondanks de uitgebreide documentatie weet ik niet waar te beginnen ;(

Ik draai Lovelace blijkbaar in storage mode, moet die in yaml mode draaien als ik wil beginnen?
Ik moet de handleiding daarop aanpassen ja, zodat je dat eenvoudiger kan doen.

Maar dan heb ik eat info van anderen nodig die in storage mode draaiebn, en welke stapoen zij hebben gevolgd…

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • +1 Henk 'm!

  • Koepert
  • Registratie: Augustus 2013
  • Laatst online: 16:04
Mars Warrior schreef op maandag 25 juli 2022 @ 09:56:
[...]

Ik moet de handleiding daarop aanpassen ja, zodat je dat eenvoudiger kan doen.

Maar dan heb ik eat info van anderen nodig die in storage mode draaiebn, en welke stapoen zij hebben gevolgd…
Letterlijk je handleiding met als uitzondering dus de stap in de HA manual voor multiple dashboards

K zit mobiel en ben op vakantie dus qua lay-out en exacte tekst moet je ff controleren. Staat dus in de ha handleiding

YAML:
1
2
3
4
5
6
7
Lovelace
Mode=storage
Dashboards
Name:Sak-example
Mode:yaml
File:sak-example.yaml
Etc etc


Al mijn reguliere storagedashboards heb ik hier niet expliciet genoemd, alleen mijn aparte yaml. Dat is in kort hoe dat werkt

Acties:
  • 0 Henk 'm!

  • Polyphemus
  • Registratie: Maart 2003
  • Laatst online: 12:54
Ik ben wat verder; ik hen via HACS SAK geïnstalleerd, de tutorial gevolgd, lovelace in yaml-mode gezet. Examples geïnstalleerd, alleen zeggen de examples nu dat:

code:
1
Custom element does not exist: swiss-army-knife-card


Mijn ui-lovelace.yaml ziet er als volgt uit:

YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
url: /hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js
type: module

# 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

# Decluttering Templates
decluttering_templates:
  !include lovelace/decluttering_templates/decluttering_templates.yaml


Ik voel me een beetje dom, sorry :P

Acties:
  • +1 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
Polyphemus schreef op maandag 25 juli 2022 @ 12:44:
Ik ben wat verder; ik hen via HACS SAK geïnstalleerd, de tutorial gevolgd, lovelace in yaml-mode gezet. Examples geïnstalleerd, alleen zeggen de examples nu dat:

code:
1
Custom element does not exist: swiss-army-knife-card


Mijn ui-lovelace.yaml ziet er als volgt uit:

YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
url: /hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js
type: module

# 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

# Decluttering Templates
decluttering_templates:
  !include lovelace/decluttering_templates/decluttering_templates.yaml


Ik voel me een beetje dom, sorry :P
Soms moet je een aantal keer op ctrl-F5 drukken om de laatste versies geladen te krijgen. HA moet zien dat de bestanden zijn gewijzigd, en kan dat vaak enkel zien of het hoofd bestand (lovelace.yaml oid) gewijzigd is. Daarna moet HA met ctrl-F5 ook aangeven dat het dashboard gewijizgd is onderaan het scherm.

Pas daarna is alles echte geladen!

Heet niks met domheid te maken :D

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • Polyphemus
  • Registratie: Maart 2003
  • Laatst online: 12:54
Mars Warrior schreef op maandag 25 juli 2022 @ 13:26:
[...]

Soms moet je een aantal keer op ctrl-F5 drukken om de laatste versies geladen te krijgen. HA moet zien dat de bestanden zijn gewijzigd, en kan dat vaak enkel zien of het hoofd bestand (lovelace.yaml oid) gewijzigd is. Daarna moet HA met ctrl-F5 ook aangeven dat het dashboard gewijizgd is onderaan het scherm.

Pas daarna is alles echte geladen!

Heet niks met domheid te maken :D
Dank voor de bemoedigende woorden :P

Ik krijg nu onder andere deze error:
code:
1
2
3
4
5
6
7
8
Logger: frontend.js.latest.202207071
Source: components/system_log/__init__.py:190
First occurred: 14:05:12 (3 occurrences)
Last logged: 14:05:37

http://url/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js:469:1311 Uncaught TypeError: Cannot read properties of undefined (reading 'drawStart')
http://url/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js:469:2484 Uncaught TypeError: Cannot read properties of undefined (reading 'style')
http://url/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js:693:799 Uncaught TypeError: Cannot set properties of null (setting 'sakSvgContent')


Ik heb even mijn IP-adres eruit gehaald voor hier.

[ Voor 6% gewijzigd door Polyphemus op 25-07-2022 14:11 ]


Acties:
  • 0 Henk 'm!

  • Ben.Hahlen
  • Registratie: December 2003
  • Laatst online: 17:01
Ik wil het echt heel graag gebruiken, maar het is, in ieder geval bij mij, echt nog wel quirky...

Ik krijg op random moment de meliding "Custom element does not exist: swiss-army-knife-card"
Daarnaast willen de templates gewoon niet werken bij mij...

Krijg deze melding in de Developer Console:
code:
1
2
3
4
5
6
7
8
9
10
11
card custom:swiss-army-knife-card TypeError: Cannot read properties of undefined (reading 'templates')
    at Object.h (swiss-army-knife-card.js?hacstag=2147861121003:697:2772)
    at JSON.stringify (<anonymous>)
    at SwissArmyKnifeCard.setConfig (swiss-army-knife-card.js?hacstag=2147861121003:697:3020)
    at a (ha-logbook.ts:42:1)
    at ha-logbook.ts:42:1
    at u (ha-logbook.ts:42:1)
    at d (ha-logbook.ts:42:1)
    at v (ha-logbook.ts:42:1)
    at r.value (hui-masonry-view.ts:44:1)
    at hui-masonry-view.ts:44:1


Ik heb de RC3 gedownload, alle bestanden gekopieerd, ge-diff'ed, HA geherstart... Maar nope... :(

Je ne snappe pas...

Blog


Acties:
  • +1 Henk 'm!

  • Polyphemus
  • Registratie: Maart 2003
  • Laatst online: 12:54
Ben.Hahlen schreef op maandag 25 juli 2022 @ 15:28:
Ik wil het echt heel graag gebruiken, maar het is, in ieder geval bij mij, echt nog wel quirky...

Ik krijg op random moment de meliding "Custom element does not exist: swiss-army-knife-card"
Daarnaast willen de templates gewoon niet werken bij mij...

Krijg deze melding in de Developer Console:
code:
1
2
3
4
5
6
7
8
9
10
11
card custom:swiss-army-knife-card TypeError: Cannot read properties of undefined (reading 'templates')
    at Object.h (swiss-army-knife-card.js?hacstag=2147861121003:697:2772)
    at JSON.stringify (<anonymous>)
    at SwissArmyKnifeCard.setConfig (swiss-army-knife-card.js?hacstag=2147861121003:697:3020)
    at a (ha-logbook.ts:42:1)
    at ha-logbook.ts:42:1
    at u (ha-logbook.ts:42:1)
    at d (ha-logbook.ts:42:1)
    at v (ha-logbook.ts:42:1)
    at r.value (hui-masonry-view.ts:44:1)
    at hui-masonry-view.ts:44:1


Ik heb de RC3 gedownload, alle bestanden gekopieerd, ge-diff'ed, HA geherstart... Maar nope... :(

Je ne snappe pas...
Ik heb precies hetzelfde. De tip van @Mars Warrior door flink te refreshen helpt soms, maar ook hier in Chrome nu niet meer :P Bij mij is ie ook steeds de decluttering card kwijt.

Acties:
  • +1 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
Polyphemus schreef op maandag 25 juli 2022 @ 14:09:
[...]
Dank voor de bemoedigende woorden :P

Ik krijg nu onder andere deze error:
code:
1
2
3
4
5
6
7
8
Logger: frontend.js.latest.202207071
Source: components/system_log/__init__.py:190
First occurred: 14:05:12 (3 occurrences)
Last logged: 14:05:37

http://url/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js:469:1311 Uncaught TypeError: Cannot read properties of undefined (reading 'drawStart')
http://url/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js:469:2484 Uncaught TypeError: Cannot read properties of undefined (reading 'style')
http://url/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js:693:799 Uncaught TypeError: Cannot set properties of null (setting 'sakSvgContent')


Ik heb even mijn IP-adres eruit gehaald voor hier.
Met deze foutmeldingen zou de kaart het gewoon moeten doen, want wat je ziet zijn gewoon bugs... :D
Maa de kaart moet het dan gewoon doen...
Polyphemus schreef op maandag 25 juli 2022 @ 15:59:
[...]
Ik heb precies hetzelfde. De tip van @Mars Warrior door flink te refreshen helpt soms, maar ook hier in Chrome nu niet meer :P Bij mij is ie ook steeds de decluttering card kwijt.
Het lijkt een manco van de recente HA versies. Die van 6 maanden oud had dit niet. Ik heb het nu met verschillende browsers (Chrome, Edge en FF), dus daaraan ligt het niet.

Net of er wat gewijzigd is bij HA.

Het gekke is dat als ik de container herstart van HA, dan werkt alles weer feilloos.

Ook als de kaart etc. eenmaal geladen is, dan geen centje pijn meer...
Ben.Hahlen schreef op maandag 25 juli 2022 @ 15:28:
Ik wil het echt heel graag gebruiken, maar het is, in ieder geval bij mij, echt nog wel quirky...

Ik krijg op random moment de meliding "Custom element does not exist: swiss-army-knife-card"
Daarnaast willen de templates gewoon niet werken bij mij...

Krijg deze melding in de Developer Console:
code:
1
2
3
4
5
6
7
8
9
10
11
card custom:swiss-army-knife-card TypeError: Cannot read properties of undefined (reading 'templates')
    at Object.h (swiss-army-knife-card.js?hacstag=2147861121003:697:2772)
    at JSON.stringify (<anonymous>)
    at SwissArmyKnifeCard.setConfig (swiss-army-knife-card.js?hacstag=2147861121003:697:3020)
    at a (ha-logbook.ts:42:1)
    at ha-logbook.ts:42:1
    at u (ha-logbook.ts:42:1)
    at d (ha-logbook.ts:42:1)
    at v (ha-logbook.ts:42:1)
    at r.value (hui-masonry-view.ts:44:1)
    at hui-masonry-view.ts:44:1


Ik heb de RC3 gedownload, alle bestanden gekopieerd, ge-diff'ed, HA geherstart... Maar nope... :(

Je ne snappe pas...
De kaart wordt geladen zie ik, anders kun je deze foutmelding niet krijgen namelijk _/-\o_

Ik denk dat je de templates niet op de juiste plek hebt staan.

Templates moeten staan in de lovelace\sak_templates folder.
Krijg het idee dat jij de ha-config folder uit Github gewoon ergens hebt neergezet...

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • Ben.Hahlen
  • Registratie: December 2003
  • Laatst online: 17:01
Mars Warrior schreef op maandag 25 juli 2022 @ 19:51:
[...]
De kaart wordt geladen zie ik, anders kun je deze foutmelding niet krijgen namelijk _/-\o_
De kaart laad inderdaad, soms, soms niet, wat jij ook al zegt.
Als ie laad, dan krijg ik de "templates" error.
Mars Warrior schreef op maandag 25 juli 2022 @ 19:51:
[...]
Ik denk dat je de templates niet op de juiste plek hebt staan.

Templates moeten staan in de lovelace\sak_templates folder.
Krijg het idee dat jij de ha-config folder uit Github gewoon ergens hebt neergezet...
Lijkt mij goed toch?
Tree gedaan vanuit de "root" HA folder

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
homeassistant] $ tree lovelace
lovelace
├── decluttering_templates
│   ├── decluttering_templates.yaml
│   ├── sak-arc180-sparklinebar24-tpl.yaml
│   ├── sak-arc180-sparklinebar24.yaml
│   ├── sak-divider-template-mw.yaml
│   ├── sak-header-template-mw.yaml
│   ├── sak-light-button-nm-tpl.yaml
│   ├── sak-light-button-tpl.yaml
│   └── sak-sensor-history-nm-tpl.yaml
├── resources
│   └── resources.yaml
├── sak_templates
│   ├── colorstops-template.yaml
│   ├── definitions
│   │   └── user-css-definitions.yaml
│   ├── sak_templates.yaml
│   └── templates
│       ├── colorstops
│       │   ├── colorstops-airvisual-template.yaml
│       │   ├── colorstops-battery-level-template.yaml
│       │   ├── colorstops-boiler-setpoint-blue-orange-template.yaml
│       │   ├── colorstops-boiler-water-blue-orange-template.yaml
│       │   ├── colorstops-energy-2kw.yaml
│       │   ├── colorstops-humidity-template.yaml
│       │   ├── colorstops-lux-template.yaml
│       │   ├── colorstops-pressure-template.yaml
│       │   ├── colorstops-temperature-inside-heating-template.yaml
│       │   └── colorstops-temperature-inside-template.yaml
│       ├── derived
│       │   └── derived-entity-brightness-template.yaml
│       ├── layouts
│       │   ├── sak-layout-fce-airvisual1.yaml
│       │   ├── sak-layout-fce-airvisual2.yaml
│       │   ├── sak-layout-fce-battery1a.yaml
│       │   ├── sak-layout-fce-battery1b.yaml
│       │   ├── sak-layout-fce-battery2.yaml
│       │   ├── sak-layout-fce-binary-alert1.yaml
│       │   ├── sak-layout-fce-binary-alert2.yaml
│       │   ├── sak-layout-fce-binary-alert3.yaml
│       │   ├── sak-layout-fce-binary-alert4.yaml
│       │   ├── sak-layout-fce-binary.yaml
│       │   ├── sak-layout-fce-clippath-test.yaml
│       │   ├── sak-layout-fce-environment.yaml
│       │   ├── sak-layout-fce-header.yaml
│       │   ├── sak-layout-fce-input-boolean.yaml
│       │   ├── sak-layout-fce-light-with-slider.yaml
│       │   ├── sak-layout-fce-light.yaml
│       │   ├── sak-layout-fce-navigate.yaml
│       │   ├── sak-layout-fce-person.yaml
│       │   ├── sak-layout-fce-power-outlet1.yaml
│       │   ├── sak-layout-fce-power-outlet2.yaml
│       │   ├── sak-layout-fce-power-outlet3.yaml
│       │   ├── sak-layout-fce-power-outlet4.yaml
│       │   ├── sak-layout-fce-scene.yaml
│       │   ├── sak-layout-fce-sensor1.yaml
│       │   ├── sak-layout-fce-sensor1a.yaml
│       │   ├── sak-layout-fce-sensor1b.yaml
│       │   ├── sak-layout-fce-sensor2.yaml
│       │   ├── sak-layout-fce-server-statistics.yaml
│       │   ├── sak-layout-fce-switch1.yaml
│       │   ├── sak-layout-fce-switch2.yaml
│       │   ├── sak-layout-fce-switch3.yaml
│       │   ├── sak-layout-fce-tomorrow-pollen-all-aqi.yaml
│       │   ├── sak-layout-fce-tomorrow-pollen-all.yaml
│       │   └── sak-layout-fce-tomorrow-pollen.yaml
│       ├── material3
│       │   ├── m3.yaml
│       │   ├── toolset-m3-mode-colors-template.yaml
│       │   ├── toolset-m3-palette-colors-template.yaml
│       │   └── toolset-m3-surface-colors-template.yaml
│       └── toolsets
│           ├── toolset-arc180-sparklinebar24-template.yaml
│           ├── toolset-electricity-delivered-returned-template.yaml
│           ├── toolset-light-button-nm-template.yaml
│           ├── toolset-light-button-slider-nm-template.yaml
│           ├── toolset-light-button-slider2-nm-template.yaml
│           ├── toolset-light-button-slider3-nm-template.yaml
│           ├── toolset-light-button-template.yaml
│           ├── toolset-segarc-icon-state-template.yaml
│           ├── toolset-sensor-history-template.yaml
│           ├── toolset-tutorial-01-part3-template.yaml
│           ├── toolset-tutorial-02-part1-template.yaml
│           └── toolset_light_button_nm.yaml
└── views
    ├── card-blank-card.yaml
    ├── sak-example-views
    │   ├── view-sake1-m3.yml
    │   ├── view-sake1.yml
    │   ├── view-sake10.yml
    │   ├── view-sake11-m3.yml
    │   ├── view-sake12-ani-m3.yml
    │   ├── view-sake12-m3.yml
    │   ├── view-sake2.yml
    │   ├── view-sake3.yml
    │   ├── view-sake4.yml
    │   ├── view-sake5.yml
    │   ├── view-sake6-m3.yml
    │   ├── view-sake6.yml
    │   ├── view-sake7.yml
    │   ├── view-sake8.yml
    │   ├── view-sake9.yml
    │   └── view-sake99-m3.yml
    └── sak-tutorial-views
        ├── view-functional-card-examples.yml
        ├── view-tutorial-01-part1.yml
        ├── view-tutorial-01-part2.yml
        ├── view-tutorial-01-part4.yml
        ├── view-tutorial-02-part1.yml
        └── view-tutorial-03-part1.yml

13 directories, 96 files

Blog


Acties:
  • +1 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
@Ben.Hahlen dat ziet er inderdaad goed uit.

Al geprobeerd om HA opnieuw te starten?

HA 'ziet' pas een wijziging als de wijzigingsdatum gewijzigd is van een map in lovelace. En dat moet dan een bestand zijn wat direct zichtbaar is, niet een bestand dat weer door een ander bestand wordt geinclude.

Dit staat in mijn configuration.yaml:
YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# Move resource include from ui-lovelace.yaml to configuration.
lovelace:
  mode: yaml
  resources: !include lovelace/resources/resources.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


Bij herstarten leest HA dit in, maar je moet of de sak-examples-dashboard.yaml, of de sak-tutorials-dashboard.yaml file wijzigen om HA te laten zorgen dat alles geladen wordt na een wijziging!!!!

HA kan niet 'ruiken' dat je een template hebt gewijzigd namelijk...

En het lijkt erop dat HA soms de weg kwijt is, en dat herstarten WEL helpt.

Geen idee of de knop herladen resources werkt voor de lovelace config.

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • Ben.Hahlen
  • Registratie: December 2003
  • Laatst online: 17:01
Mars Warrior schreef op maandag 25 juli 2022 @ 21:30:
@Ben.Hahlen dat ziet er inderdaad goed uit.

Al geprobeerd om HA opnieuw te starten?

HA 'ziet' pas een wijziging als de wijzigingsdatum gewijzigd is van een map in lovelace. En dat moet dan een bestand zijn wat direct zichtbaar is, niet een bestand dat weer door een ander bestand wordt geinclude.

Dit staat in mijn configuration.yaml:
YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# Move resource include from ui-lovelace.yaml to configuration.
lovelace:
  mode: yaml
  resources: !include lovelace/resources/resources.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


Bij herstarten leest HA dit in, maar je moet of de sak-examples-dashboard.yaml, of de sak-tutorials-dashboard.yaml file wijzigen om HA te laten zorgen dat alles geladen wordt na een wijziging!!!!

HA kan niet 'ruiken' dat je een template hebt gewijzigd namelijk...

En het lijkt erop dat HA soms de weg kwijt is, en dat herstarten WEL helpt.

Geen idee of de knop herladen resources werkt voor de lovelace config.
@Mars Warrior Herstarten al meerdere keren gedaan idd...

Nou... Shoot me but leak...

Misschien extra info: ik gebruik de storage mode voor lovelace, ook waar ik "mijn" kaarten wil gebruiken.

Heb alles verwijderd van SAK, heb alles opnieuw gekopieerd, maar nog steeds dezelfde error...

Ik zal morgen wel even een issue aanmaken op je github, met alle relevante snippets uit mijn config, want misschien dat ik ergens iets heel simpels mis... Maar nu kom ik er niet meer uit...

Thanks alvast voor het meedenken!

Blog


Acties:
  • +2 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
Ik heb nog ff zitten testen, en ik zie het volgende:

Als alles goed gaat - zoals vandaag - dan zie je aan geheugen en cpu dat HA een nieuwe set aan configuratie aan het laden is na een ctrl-F5 van mij (1ste piek). Bij de tweede piek heb ik enkel ctrl-F5 gedaan (3x nog wel, dus je ziet 3 piekjes in de CPU!!), maar niks gewijzigd in de configuratie.

Dat zie je dus goed aan de CPU piek: de 2de is een stuk lager omdat de YAML niet opnieuw hoeft te worden ingeladen.

Afbeeldingslocatie: https://tweakers.net/i/5XGWZ8QAQGMu3N_TpHqBcb4IbF4=/800x/filters:strip_exif()/f/image/xgXH9HsVtSjXEkZV8NHNgDu5.png?f=fotoalbum_large

Als het fout gaat (dat zag ik gisteravond even), dan blijft memory tegen de 800MB hangen, en lukt werkelijk niks meer om te laden, en helpt enkel nog een container herstart...

Wat dit is? Timing, memory leak? Geen idee helaas nog :-(

Vanochtend gaat dus alles weer als een trein: wijzigen, ctrl-F5 en hoppa, 2 seconden later staat alles er weer. Niks geen rode kaarten en foutmeldingen...

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • _Mitchie_
  • Registratie: November 2009
  • Laatst online: 17:32
Ben ook maar eens begonnen om dit werkend te krijgen

Helaas krijg ook onderstaande, F5 of herstarten geeft helaas geen oplossing
code:
1
Custom element does not exist: swiss-army-knife-card


Zie tevens in de logs het onderstaande:
code:
1
2
3
4
5
6
7
8
9
10
Logger: homeassistant.util.yaml.loader
Source: util/yaml/loader.py:342
First occurred: 15:16:02 (100 occurrences)
Last logged: 15:16:12

YAML file /config/lovelace/sak_templates/templates/material3/toolset-m3-surface-colors-template.yaml contains duplicate key "cx". Check lines 41 and 342
YAML file /config/lovelace/sak_templates/templates/material3/toolset-m3-surface-colors-template.yaml contains duplicate key "cx". Check lines 41 and 357
YAML file /config/lovelace/sak_templates/templates/material3/toolset-m3-surface-colors-template.yaml contains duplicate key "cx". Check lines 41 and 372
YAML file /config/lovelace/sak_templates/templates/layouts/sak-layout-fce-light-with-slider.yaml contains duplicate key "fill". Check lines 283 and 284
YAML file /config/lovelace/sak_templates/templates/layouts/sak-layout-fce-light-with-slider.yaml contains duplicate key "fill". Check lines 284 and 285


Ip adres even eruit gehaald
code:
1
2
3
4
5
6
7
8
Logger: frontend.js.latest.202207071
Source: components/system_log/__init__.py:190
First occurred: 15:32:02 (12 occurrences)
Last logged: 16:16:26

http://url/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js:693:758 TypeError: SwissArmyKnifeCard.lovelace is null
http://url/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js:697:1575 TypeError: this.entities[o] is undefined
:0:0 ResizeObserver loop completed with undelivered notifications.

[ Voor 17% gewijzigd door _Mitchie_ op 26-07-2022 16:19 ]


Acties:
  • +1 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
_Mitchie_ schreef op dinsdag 26 juli 2022 @ 15:25:
Ben ook maar eens begonnen om dit werkend te krijgen

Helaas krijg ook onderstaande, F5 of herstarten geeft helaas geen oplossing
code:
1
Custom element does not exist: swiss-army-knife-card


Zie tevens in de logs het onderstaande:
code:
1
2
3
4
5
6
7
8
9
10
Logger: homeassistant.util.yaml.loader
Source: util/yaml/loader.py:342
First occurred: 15:16:02 (100 occurrences)
Last logged: 15:16:12

YAML file /config/lovelace/sak_templates/templates/material3/toolset-m3-surface-colors-template.yaml contains duplicate key "cx". Check lines 41 and 342
YAML file /config/lovelace/sak_templates/templates/material3/toolset-m3-surface-colors-template.yaml contains duplicate key "cx". Check lines 41 and 357
YAML file /config/lovelace/sak_templates/templates/material3/toolset-m3-surface-colors-template.yaml contains duplicate key "cx". Check lines 41 and 372
YAML file /config/lovelace/sak_templates/templates/layouts/sak-layout-fce-light-with-slider.yaml contains duplicate key "fill". Check lines 283 and 284
YAML file /config/lovelace/sak_templates/templates/layouts/sak-layout-fce-light-with-slider.yaml contains duplicate key "fill". Check lines 284 and 285


Ip adres even eruit gehaald
code:
1
2
3
4
5
6
7
8
Logger: frontend.js.latest.202207071
Source: components/system_log/__init__.py:190
First occurred: 15:32:02 (12 occurrences)
Last logged: 16:16:26

http://url/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js:693:758 TypeError: SwissArmyKnifeCard.lovelace is null
http://url/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js:697:1575 TypeError: this.entities[o] is undefined
:0:0 ResizeObserver loop completed with undelivered notifications.
Aha. Fatale fout dus. Lovelace bestaat niet. Die heb ik nog werkelijk nooit gezien!

Zonder Lovelace doet niks het...

Ik kijk ff wat er gebeurt is met de laatste versie dan. Bij mij werkt het, maar ik controleer toch maar ff wat nu op Github staat...

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
@_Mitchie_ Ik kan ff niks ontdekken verder. Ik maak gebruik van de custom card helpers die door veel custom cards worden gebruikt om HA specifieke zaken op te lossen. Die helper zorgt dus ook voor de lovelace interface die bij jou onbekend is...

Uit: https://github.com/custom...aster/src/get-lovelace.ts

JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
export const getLovelace = () => {
    let root: any = document.querySelector('home-assistant');
    root = root && root.shadowRoot;
    root = root && root.querySelector('home-assistant-main');
    root = root && root.shadowRoot;
    root = root && root.querySelector('app-drawer-layout partial-panel-resolver');
    root = root && root.shadowRoot || root;
    root = root && root.querySelector('ha-panel-lovelace');
    root = root && root.shadowRoot;
    root = root && root.querySelector('hui-root');
    if (root) {
        const ll = root.lovelace;
        ll.current_view = root.___curView;
        return ll;
    }
    return null;
}

En die retourneert inderdaad null als er dingen fout gaan. En bij jou is deze dus null als waarde. Maar dat betekent dat er iets niet goed zit. Maar wat weet ik dan ook niet...

Andere custom cards die de helpers gebruiken zouden dan tegen hetzelfde probleem aan moeten lopen!

Ik heb inmiddels ook de laatste HA versie draaien, en zie geen gekke dingen gebeuren.

[ Voor 3% gewijzigd door Mars Warrior op 27-07-2022 09:24 ]

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • _Mitchie_
  • Registratie: November 2009
  • Laatst online: 17:32
@Mars Warrior

Nadat de rpi4 helemaal uit en aan heb gezet heb ik de logs :
code:
1
2
3
4
5
6
7
8
9
10
Logger: homeassistant.util.yaml.loader
Source: util/yaml/loader.py:342
First occurred: 09:25:55 (100 occurrences)
Last logged: 09:25:56

YAML file /config/lovelace/sak_templates/templates/material3/toolset-m3-surface-colors-template.yaml contains duplicate key "cx". Check lines 41 and 342
YAML file /config/lovelace/sak_templates/templates/material3/toolset-m3-surface-colors-template.yaml contains duplicate key "cx". Check lines 41 and 357
YAML file /config/lovelace/sak_templates/templates/material3/toolset-m3-surface-colors-template.yaml contains duplicate key "cx". Check lines 41 and 372
YAML file /config/lovelace/sak_templates/templates/layouts/sak-layout-fce-light-with-slider.yaml contains duplicate key "fill". Check lines 283 and 284
YAML file /config/lovelace/sak_templates/templates/layouts/sak-layout-fce-light-with-slider.yaml contains duplicate key "fill". Check lines 284 and 285


Daarna in Swiss Army Knife Examples gekeken of al iets te zien was, maar helaas niet, aantal keren F5 en toen zag onderstaande weer in de logs ;
code:
1
2
3
4
5
6
Logger: frontend.js.latest.202207071
Source: components/system_log/__init__.py:190
First occurred: 09:30:18 (2 occurrences)
Last logged: 09:30:18

http://192.168.178.200:8123/hacsfiles/swiss-army-knife-card/swiss-army-knife-card.js:697:1575 TypeError: this.entities[o] is undefined


Misschien kun je iets met deze informatie.

Acties:
  • 0 Henk 'm!

  • f.welvering
  • Registratie: Oktober 2009
  • Laatst online: 22:28
Koepert schreef op vrijdag 15 juli 2022 @ 16:29:
Of toch maar zo met Switch1 card.. iets eenvoudiger (hoewel correct gespiegeld uitlijnen een bitch is)

[Afbeelding]
Heb jij toevallig een code example hiervan?
Gaat mij vooral om die switch, ben al even aan het pielen maar is me nog niet gelukt.

WP: DeWarmte PompAO 6.4Kw Hybrid, CV Intergas, Thermostaat Netatmo, 70m2 vvw, PV: 34x 325wp solaredge omvormer en optimizers,Wan ip adres weten? https://mijnips.eu


Acties:
  • 0 Henk 'm!

  • Koepert
  • Registratie: Augustus 2013
  • Laatst online: 16:04
f.welvering schreef op zondag 31 juli 2022 @ 13:27:
[...]


Heb jij toevallig een code example hiervan?
Gaat mij vooral om die switch, ben al even aan het pielen maar is me nog niet gelukt.
Letterlijk 1 van deze voorbeelden en dan de ‘overbodige’ zaken eruit gegooid.

https://swiss-army-knife-...tional-card-switch1-card/

Acties:
  • 0 Henk 'm!

  • f.welvering
  • Registratie: Oktober 2009
  • Laatst online: 22:28
Koepert schreef op zondag 31 juli 2022 @ 14:18:
[...]


Letterlijk 1 van deze voorbeelden en dan de ‘overbodige’ zaken eruit gegooid.

https://swiss-army-knife-...tional-card-switch1-card/
Goed lezen is een vak zie ik, thnx voor de hint

WP: DeWarmte PompAO 6.4Kw Hybrid, CV Intergas, Thermostaat Netatmo, 70m2 vvw, PV: 34x 325wp solaredge omvormer en optimizers,Wan ip adres weten? https://mijnips.eu


Acties:
  • +2 Henk 'm!

  • Sjeuf
  • Registratie: Februari 2003
  • Laatst online: 20-02 14:59
Allereerst mijn enorme complimenten voor de vele tijd die je steekt in dit project.
Dit is precies hoe de buitenkant van HA uit moet zien. Kwestie van tijd dat Paulus je belt om hun team te versterken! :)

Uiteraard naast complimenten ook een vraag.
In mijn oude setup gebruikte ik de custom-button card met script: bv

[code]- type: 'custom:button-card'
color_type: icon
entity: light.test_light
label: >
[[[
var bri = states['light.test_light'].attributes.brightness;
return 'Brightness: ' + (bri ? bri : '0') + '%';
]]][[/code]

nu zou ik dit ook graag willen gebruiken bij de user interactions bij jouw card maar het volgende lukt niet. Is er een workaround zodat ook de actie op "name" dynamisch kan veranderen aan de hand van een bepaalde state van een andere variabele? zie hieronder:

[code]- type: name
position:
cx: 50
cy: 50
entity_index: 0
styles:
name:
text-anchor: middle
font-size: 25em
font-weight: 700
opacity: 1
user_actions:
tap_action:
haptic: success
action: call-service
service: >
[[[
if (states['input_boolean.automower_manual_interference'].state == 'on') return "script.mower_start";
if (states['input_boolean.automower_manual_interference'].state == 'off') return "script.mower_return";
]]][/code]

alvast hartelijk dank!



RTFM ;)
Support is currently limited to two places:

The derived_entity field to replace the tool state with a derived state
The animations section.

[ Voor 5% gewijzigd door Sjeuf op 07-08-2022 08:18 . Reden: RTFM ]


Acties:
  • +2 Henk 'm!

  • Sjeuf
  • Registratie: Februari 2003
  • Laatst online: 20-02 14:59
Even mogelijk als tip voor anderen.
Ik zie refresh problemen langskomen met F5 of ctrl-F5 die niet updaten.

Ik heb nooit problemen met veranderingen nadat ik de "Browser mod: lovelace_reload" functie aanroep. Dan instant de wijzigingen zichtbaar. Spaart een hoop F5s of restart misschien.

Afbeeldingslocatie: https://tweakers.net/i/hT4bsIXod5nIO0yl-AAiX5-gahE=/800x/filters:strip_icc():strip_exif()/f/image/HVJu8S9q4fsRy6FUyztKhn10.jpg?f=fotoalbum_large

Acties:
  • +2 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
Sjeuf schreef op zondag 7 augustus 2022 @ 07:36:
Allereerst mijn enorme complimenten voor de vele tijd die je steekt in dit project.
Dit is precies hoe de buitenkant van HA uit moet zien. Kwestie van tijd dat Paulus je belt om hun team te versterken! :)
Paulus was al in 2020 op de hoogte van deze kaart. Hij heeft destijds een pdf met voorbeelden gekregen en de HA devs vonden de kaart destijds al “sexy” 8)
RTFM ;)

[...]
Ondersteuning voor JavaScript snippets zal worden uitgebreid, maar heeft op sommig plekken nogal wat impact omdat je niet meer gewoon de waarde kunt gebruiken, maar de - al dan niet - vertaalde waarde.

Maar uitbreiding zal komen. Stap voor stap. Het heeft namelijk duidelijk toegevoegde waarde, dus wat dat aangaat geen geldige bezwaren vanuit mijn kant om dat niet te doen…

De service kant lijkt me geen hele moeilijk deel om dit te ondersteunen overigens. Ik ga hem oo mijn issue lijst zetten :D

Ps: het converteren van brightness behoeft geen JavaScript meer: simpelweg bij het entity “format: brightness” toevoegen, en het wordt voor je gedaan _/-\o_

Ik weet alleen ff niet uit me hoofd of dat al in rc.3 zit of niet :X

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • Sjeuf
  • Registratie: Februari 2003
  • Laatst online: 20-02 14:59
Ik ben druk mijn HA dashboard aan het veranderen met alle SAK cards/toolsets en tools. Ik heb het nu door mede dank zij je uitgebreide documentatie (waar haal je de tijd vandaan?)

Het enige wat ik niet kan vinden is als ik zelf een design wil maken hoe ik kan zien welke filter wat doet.

Ik zie bv ergens staan:
YAML:
1
2
toolsets:
       filter: url(#nm-1)


Heb je een list met welke filter wat doet en of er een makkelijke manier is om filters te maken. Heb wel al veel box shadows en varianten toegepast in de custom button card maar ik weet niet goed hoe ik bij de SAK card een filter kan zien en kan toepassen of zelf kan maken.

hartelijk dank.

Zodra ik een redelijk dashboard heb staan post ik hem hier (en daarna op github met alle credits naar jou)

[ Voor 0% gewijzigd door Sjeuf op 21-08-2022 08:14 . Reden: dropbox shadow verandert in box shadow ]


Acties:
  • 0 Henk 'm!

  • Jordi83
  • Registratie: Februari 2021
  • Laatst online: 13-10-2022
@Mars Warrior Wow.... just WOW! Wat een geweldig project is dit zeg! Het is geweldig om de mogelijkheden van deze card te ontdekken maar het is net zo mooi om te zien hoeveel tijd en moeite je er met passie in steekt! Alleen je openingspost van dit topic was al om in te lijsten ;-)

Ik heb een vraag die ik ook al op het "Share Your Projects" topic heb gepost maar tot nu toch nog geen antwoord op heb ontvangen. Kun jij (of wie dan ook) mij misschien vertellen of het mogelijk is om bij een Neumorphic lights card zoals in Example 2, via CSS een 'animatie' toe te voegen zodat het lijkt alsof de buton daadwerkelijk naar beneden ingedrukt wordt?

Bij de custom:button-card was dit mogelijk op onderstaande manier:

code:
1
2
3
4
5
6
7
8
9
10
11
style:
  .: |
    ha-card.button-card-main {
      box-shadow: inset 1px 1px 2px 0px rgba(255, 255, 255, 0.5), 2px 2px 3px 1px rgba(0,0,0,0.8);
      transition-duration: 0.03s;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    }
    ha-card.button-card-main:active {
      box-shadow: inset 2px 2px 2px rgba(0,0,0,0.5);
      top: 3px;
    }


Dit had onderstaand effect als resultaat:

Afbeeldingslocatie: https://tweakers.net/i/BqqH0uMNKy5SuSfgw280Kki6U28=/full-fit-in/4000x4000/filters:no_upscale():fill(white):gifsicle():strip_exif()/f/image/QwIn7QI36BwH5NngXhwzarbP.gif?f=user_large

Nogmaals DANK DANK DANK voor de tijd en het werk wat je hierin steekt. Je maakt deze homeautomation geek er enorm blij mee :)

Acties:
  • +2 Henk 'm!

  • Sjeuf
  • Registratie: Februari 2003
  • Laatst online: 20-02 14:59
@Jordi83 Kijk eens in \config\lovelace\sak_templates\definitions\user-css-definitions.yaml.

onderin deze file staan een paar ha-card voorbeelden. Misschien kun je ze hierin kwijt met wat tweaken. SAKS pakt ze dan op.

Acties:
  • +2 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
Jordi83 schreef op maandag 22 augustus 2022 @ 17:36:
@Mars Warrior Wow.... just WOW! Wat een geweldig project is dit zeg! Het is geweldig om de mogelijkheden van deze card te ontdekken maar het is net zo mooi om te zien hoeveel tijd en moeite je er met passie in steekt! Alleen je openingspost van dit topic was al om in te lijsten ;-)
Dankjewel! (had even paar weekjes soort van "vrij", dus ik loop beetje achter!)
Ik heb een vraag die ik ook al op het "Share Your Projects" topic heb gepost maar tot nu toch nog geen antwoord op heb ontvangen. Kun jij (of wie dan ook) mij misschien vertellen of het mogelijk is om bij een Neumorphic lights card zoals in Example 2, via CSS een 'animatie' toe te voegen zodat het lijkt alsof de buton daadwerkelijk naar beneden ingedrukt wordt?

Bij de custom:button-card was dit mogelijk op onderstaande manier:

code:
1
2
3
4
5
6
7
8
9
10
11
style:
  .: |
    ha-card.button-card-main {
      box-shadow: inset 1px 1px 2px 0px rgba(255, 255, 255, 0.5), 2px 2px 3px 1px rgba(0,0,0,0.8);
      transition-duration: 0.03s;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    }
    ha-card.button-card-main:active {
      box-shadow: inset 2px 2px 2px rgba(0,0,0,0.5);
      top: 3px;
    }


Dit had onderstaand effect als resultaat:

[Afbeelding]

Nogmaals DANK DANK DANK voor de tijd en het werk wat je hierin steekt. Je maakt deze homeautomation geek er enorm blij mee :)
Die mogelijkheid kende ik nog niet van de custom button card. Ik zie dat daar de :active CSS selector wordt gebruikt. Geen idee of dat ook werkt bij SAK. Heb ik nog nooit geprobeerd.

Je kunt wel op card niveau de CSS wijzigen vanuit de styles sectie van SAK. Dat zou in de animatiosn section wel moeten werken door de card selector te gebruiken. Maar die snapt niks van CSS Selectors.

Ik doe bepaalde styling (zit ook in die Neumorphic lampen) altijd op basis van de status van een entity. Dus als lamp aan is, dan kun je de achtergrond/card wel degelijk anders stylen dan wanneer de lamp uit is.

En als daar een CSS transition bijzit dan zie je wel het effect. Maar dit is dus NIET als je klikt, maar pas als de status van de lamp is gewijzigd! Dus het zal anders overkomen...

EDIT:
Ik vermoed dat als je deze dingen in een CSS Class plaatst, en deze class enabled in de styling dat dit mogelijk zomaar gaat werken 8)

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


  • Jordi83
  • Registratie: Februari 2021
  • Laatst online: 13-10-2022
@Mars Warrior Dank voor je reactie maar laat me allereerst zeggen dat ik me een enorme eikel voel voor het niet goed doorlezen van je OP en dat ik niets gezegd heb over je verschrikkelijke verlies van vorig jaar. :'( Mijn oprechte excuses en ik wil je bij dezen alsnog alle sterkte wensen...

Een CSS Class zou inderdaad een manier kunnen zijn! Dank voor de tip, ik ga eens wat klooien.
Je hebt in ieder geval een beest van een kaart gemaakt man! _/-\o_

Acties:
  • 0 Henk 'm!

  • water_escape
  • Registratie: Juli 2001
  • Laatst online: 10:57
wrong topic

[ Voor 135% gewijzigd door water_escape op 27-09-2022 14:58 ]

Water-Escape


Acties:
  • 0 Henk 'm!

  • mati1983
  • Registratie: November 2008
  • Laatst online: 16-03 13:26
Allereerst sterkte met dit verschrikkelijke nieuws.
Fijn dat je iets hebt wat je helpt!

Verder vooral mijn complimenten: dit ziet er echt waanzinnig goed uit!

Acties:
  • 0 Henk 'm!

  • RiendP
  • Registratie: December 2017
  • Laatst online: 06-05 00:13
Ik ben sinds vandaag aan het stoeien met dit fantastische project, de mooiste interface voor HA die er tot nu toe is. Het is alleen best lastig te doorgronden en soms werkt iets wel en dan ineens niet.

Ik krijg nu de volgende fout waar ik maar niet uitkom:
Afbeeldingslocatie: https://tweakers.net/i/eNy8e2Cw4G2aY3m2ImVHGJBYkl0=/800x/filters:strip_exif()/f/image/d6ZlAsGvGkQ7k6RYDmWceGRp.png?f=fotoalbum_large

Waarschijnlijk iets heel simpels, maar ik zie het niet. In de voorbeelden werkt het wel met dezelfde browser/computer.

Alle hulp is welkom

Thx,
Rien

Acties:
  • +25 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
Ik ben de afgelopen paar maanden weer ff erg druk geweest met afronden van de nalatenschap van mijn zusje (belastingdienst, banken, verzekeringen) en ben bijna helemaal klaar met al het werk.

Verder - en dat was ook belangrijk - weer nieuw werk gevonden nadat ik begin dit jaar tijd nodig had om andere belangrijke dingen te doen en afscheid heb genomen van mijn vorige werkgever. Als alles goed gaat ga ik per 3 Januari 2023 weer 3 dagen per week aan het werk bij een nieuwe werkgever.

Ik heb dus weinig kunnen doen aan de Swiss Army Knife kaart :'(

Doordat ik met andere dingen bezig was, was ik nogal verrast met de mededeling vanuit Tweakers dat dit topic genomineerd was voor de categorie "Startposts met de meeste duimpjes" *O*

Aan de ene kant een beetje dubbel gevoel, maar ook een mooi moment nadat ik hier ruim 2 jaar geleden aan ben begonnen en zo'n 2.000 uur aan tijd in heb zitten inmiddels.

Dus iedereen die dit topic heeft gewaardeerd met een +1, bedankt!

Afbeeldingslocatie: https://tweakers.net/i/iGfrrkQhIgPtNacQ6UlM5WRDuRk=/full-fit-in/4000x4000/filters:no_upscale():fill(white):strip_exif()/f/image/4ihoJbcJVAiNdSbmi2TFEAhy.png?f=user_large

De uitreiking was in het Amsterdam Theater nadat het Evoluon helaas was afgevallen. Altijd jammer als je uit Eindhoven komt :X. Het was wel een mooie locatie met een gigantisch presentatiescherm van ca 50x10 meter, parkeren om de hoek (à €30, want Amsterdam) en een ruime foyer om gezellig met mede Tweakers, fabrikanten en de Tweakers crew zelf te kletsen tijdens een goed verzorgde borrel met ruim voldoende drinken en hapjes 8)

Kortom: ik vond het gezellig _/-\o_

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • d-vine
  • Registratie: Augustus 2006
  • Laatst online: 21:19
Mars Warrior schreef op zaterdag 10 december 2022 @ 13:42:
Ik ben de afgelopen paar maanden weer ff erg druk geweest met afronden van de nalatenschap van mijn zusje (belastingdienst, banken, verzekeringen) en ben bijna helemaal klaar met al het werk.

Verder - en dat was ook belangrijk - weer nieuw werk gevonden nadat ik begin dit jaar tijd nodig had om andere belangrijke dingen te doen en afscheid heb genomen van mijn vorige werkgever. Als alles goed gaat ga ik per 3 Januari 2023 weer 3 dagen per week aan het werk bij een nieuwe werkgever.

Ik heb dus weinig kunnen doen aan de Swiss Army Knife kaart :'(

Doordat ik met andere dingen bezig was, was ik nogal verrast met de mededeling vanuit Tweakers dat dit topic genomineerd was voor de categorie "Startposts met de meeste duimpjes" *O*

Aan de ene kant een beetje dubbel gevoel, maar ook een mooi moment nadat ik hier ruim 2 jaar geleden aan ben begonnen en zo'n 2.000 uur aan tijd in heb zitten inmiddels.

Dus iedereen die dit topic heeft gewaardeerd met een +1, bedankt!

[Afbeelding]

De uitreiking was in het Amsterdam Theater nadat het Evoluon helaas was afgevallen. Altijd jammer als je uit Eindhoven komt :X. Het was wel een mooie locatie met een gigantisch presentatiescherm van ca 50x10 meter, parkeren om de hoek (à €30, want Amsterdam) en een ruime foyer om gezellig met mede Tweakers, fabrikanten en de Tweakers crew zelf te kletsen tijdens een goed verzorgde borrel met ruim voldoende drinken en hapjes 8)

Kortom: ik vond het gezellig _/-\o_
Gefeliciteerd!

weet je al wanneer je ongeveer verder kan met dit mooie project?

Acties:
  • +3 Henk 'm!

  • d-vine
  • Registratie: Augustus 2006
  • Laatst online: 21:19
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


If you are using this magnificent card, you have probably noticed that it doesn’t work since upgrading to Home Assistant 2023.4.0 or above. Well, have no fear, for I have found the issue.

This appears to be caused by a change in 2023.4.0 that makes custom-card-tools (which swiss-army-knife-card uses) break. I have a pull request in against custom-card-tools to fix this here:


github.com/custom-cards/custom-card-helpers

In the meantime, to get swiss-army-knife-card working, you can grab the file from here:

https://raw.githubusercon...rs/master/dist/index.m.js 3

place it in the www/community/swiss-army-knife-card/ directory under your Home Assistant configuration directory under the name custom-card-helpers.m.js, and then very carefully find the part at the top of swiss-army-knife-card.js in the same directory that reads

import{fireEvent,stateIcon,getLovelace}from"https://unpkg.com/custom-card-helpers@1.8.0/dist/index.m.js?module";

and change that and only that to

import{fireEvent,stateIcon,getLovelace}from"/local/community/swiss-army-knife-card/custom-card-helpers.m.js?module";

Since the browser will use the compressed version of the .js file if it can, after you have edited swiss-army-knife-card.js, delete swiss-army-knife-card.js.gz, and then make a new compressed version of your edited file with

gzip -k swiss-army-knife-card.js

Don’t omit the -k, because you need both the .js and the .js.gz there. You’ll need to do this any time you edit the .js.

Clear caches, reload resources, refresh, etc., and otherwise do the needful to get your browser to notice the changes, and you should have a working swiss-army-knife-card again.


@Mars Warrior Had je dit ook al gezien?

Acties:
  • +5 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
Zo. Ik had even een dipje nadat ik alles heb afgerond rondom het overlijden van mijn zusje. Dat krijg je als je enkel druk bent met afwikkelen, en nog niet echt tijd hebt gehad hebt om alles op je in te laten werken.

Het was een beetje overleven de laatste maanden...

2 weken geleden kwam ik er na een update van iOS en HA achter dat mijn domotica het niet meer echt lekker deed, SAK was omgevallen en ik moest weer aan fysieke knopjes gaan zitten om dingen te regelen. Dat kan natuurlijk niet :(

Dus een goede reden om weer eens vooruit te kijken en wat te gaan doen 8)

Ik heb nu voor beide kaarten (Flexible Horseshoe card en SAK) nieuwe versies uitgebracht. Dus die zijn weer lekker up-to-date.

Tussen de issues die waren aangemeld zaten ook leuke screenshots en in de mail kwam ik ook wat dingen tegen van een Canadees die flink in de weer is geweest met SAK.

Ook dat motiveert weer flink, want het is leuk om te zien dat anderen je spullen gebruiken. Waarschijnlijk staan er op het HA forum ook wel wat voorbeelden, maar daar ben ik nog niet wezen kijken...


Het is af en toe wel ff schrikken wat mensen maken met SAK, maar aan de andere kant is het wel meteen duidelijk waarom ze blij zijn met SAK, want dit kun je met geen enkele ander kaart bouwen :D

Mijn ergonomische / ontwerp hersencellen kijken maar ff de andere kant op :X

Voorbeeld van een energie dashboard met een uniek design, en heel, heel, heel veel entities :9~ :
Afbeeldingslocatie: https://tweakers.net/i/Vy659HZXL_cU79PW7gx7dfjja68=/800x/filters:strip_exif()/f/image/5vDbmzXptRfGfAk3mEqL4sQL.png?f=fotoalbum_large



En dan de enorme panels van een canadees. Deze gebruikt een enorm aantal custom cards (auto entities, flexboards, tabs, button card, mini graph, etc.), dus wel iemand die weet hoe HA en YAML werkt. Hij heeft ook heel wat SAK templates gebouwd zie ik in zijn Github.

Ik zie ongeveer de meeste voorbeeldkaarten wel terug!

Ik zou enkel net wat andere kleurenschema's hebben gekozen O-)

Afbeeldingslocatie: https://tweakers.net/i/rTkY4hErb5R-jU1-KyVUdPF339Y=/800x/filters:strip_icc():strip_exif()/f/image/QoVKn64seQ933Knz5goLRdrI.jpg?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/sCHs9xxPv5E9pKQKRmZU-73Tw7w=/800x/filters:strip_icc():strip_exif()/f/image/iEdrVSUI3lMm2nTVWLPtTAXo.jpg?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/ZEXQ_m-Z52lOClZkOovpkHIw3cY=/800x/filters:strip_exif()/f/image/tZ5MJKGU6S03fHr28oYyeLiR.png?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/PIpbNykbdC8vut8-q6EPxvsNMlw=/800x/filters:strip_exif()/f/image/FCq0MBgIawKlGugC7oKYdZmD.png?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/AyudPtnjf6fJAXbO1R3Ck-h50TA=/800x/filters:strip_exif()/f/image/Z8kAvuyy9L6CGloDCKA9Ehlw.png?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/3ELMQIt1qeR7dvJXAYYO7u7lpsA=/800x/filters:strip_exif()/f/image/QFvEBTiLAy10SZclEEb2A7jT.png?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/11gDc4amE4ONp9Eog6XA93D4iHY=/800x/filters:strip_exif()/f/image/hlN4qI6fgmLYMQydRO6uTgVN.png?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/Xie1a88xVVOdzpj5FJL7BKTWImQ=/800x/filters:strip_icc():strip_exif()/f/image/qmxLyg6IdvHAmOUTHtLn0mHK.jpg?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/LLPDnItxiHV-_XpvLBlth59Asqc=/800x/filters:strip_icc():strip_exif()/f/image/mhtYBaBQB0olI2Y9ShK5oxvp.jpg?f=fotoalbum_large

Nu ik dit weet, ga ik ook iets beter opletten, want al deze dashboards waren met HA 2023.4 omgevallen :Y

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • gronoco
  • Registratie: April 2023
  • Laatst online: 20-11-2023
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.

Acties:
  • +1 Henk 'm!

  • d-vine
  • Registratie: Augustus 2006
  • Laatst online: 21:19
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 ]


Acties:
  • 0 Henk 'm!

  • gronoco
  • Registratie: April 2023
  • Laatst online: 20-11-2023
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.

Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
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.

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • gronoco
  • Registratie: April 2023
  • Laatst online: 20-11-2023
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.

Acties:
  • 0 Henk 'm!

  • gronoco
  • Registratie: April 2023
  • Laatst online: 20-11-2023
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 ]


Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
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.

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • +4 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
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 _/-\o_

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.

Afbeeldingslocatie: https://tweakers.net/i/D0VWu1HGDkvvswoRibUXDNriF5c=/800x/filters:strip_exif()/f/image/QtmH0yQpCu9GVNQo24IbNquj.png?f=fotoalbum_large

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:
1
2
3
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 8)
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 :X

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 :z

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

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • +1 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
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 :X

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.

Afbeeldingslocatie: https://tweakers.net/i/i7fIYZDZBUNVkkuS6dPOVg8_UNg=/x800/filters:strip_exif()/f/image/255Pd463dJmkAEC7O920Xq5K.png?f=fotoalbum_large

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.

Afbeeldingslocatie: https://tweakers.net/i/TrM8hyIe5DxFogGLoM_WU97gIIQ=/x800/filters:strip_exif()/f/image/5a8gtT1D9rT8j0kdSpMNfqv0.png?f=fotoalbum_large

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 O-)
Volgens hun namelijk zak je in de resultaten als je niet regelmatig je website bijwerkt met nieuwe content :Y

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 :D

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • +5 Henk 'm!

  • Sjeuf
  • Registratie: Februari 2003
  • Laatst online: 20-02 14:59
@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 !
Afbeeldingslocatie: https://tweakers.net/i/axfKDNjIwlzcm9tC_adQcukkHCU=/full-fit-in/4000x4000/filters:no_upscale():fill(white):strip_exif()/f/image/XSkX0sWbAUdvpEnNZmNbCsFj.png?f=user_large

Afbeeldingslocatie: https://tweakers.net/i/J5vphJMH-Rb4qYsBrhvo2n0_6-c=/full-fit-in/4000x4000/filters:no_upscale():fill(white):gifsicle():strip_exif()/f/image/3DQKvnt6wXFJa0MYoNvUkJHZ.gif?f=user_large

Afbeeldingslocatie: https://tweakers.net/i/jfUU36iGftI-Wrx6QG2k6uOc0pA=/full-fit-in/4000x4000/filters:no_upscale():fill(white):gifsicle():strip_exif()/f/image/2RqFphVOm05OD3ehuFYtfLoz.gif?f=user_large

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.

Afbeeldingslocatie: https://tweakers.net/i/_An7d_JznpVbCcg5ZUpJFqPielo=/800x/filters:gifsicle():strip_exif()/f/image/eawc7emVStiDO5Aayzs7qeKB.gif?f=fotoalbum_large

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.

Afbeeldingslocatie: https://tweakers.net/i/JV0OpU6bXPazM7HguQIq7kGj-BY=/full-fit-in/4000x4000/filters:no_upscale():fill(white):gifsicle():strip_exif()/f/image/vY5uJ0DIyEMsV9PNLQpFJWYN.gif?f=user_large

Afbeeldingslocatie: https://tweakers.net/i/5_GJ-ectngQCbBOzuhkB61Fw9eQ=/full-fit-in/4000x4000/filters:no_upscale():fill(white):gifsicle():strip_exif()/f/image/uVesHs7MHON17nU3ZY1SNgj0.gif?f=user_large

Als ik verder ben post ik hier weer opnieuw!

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


Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
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 8)
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.
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 _/-\o_

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • +3 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
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:
Afbeeldingslocatie: https://tweakers.net/i/bed-4UaVbWjSfCvoQl4qOe_VgNo=/800x/filters:strip_exif()/f/image/hXbbcr2anoKDBvjZUkloxVAv.png?f=fotoalbum_large

En wat met area's, lijnen/dots en dots:
Afbeeldingslocatie: https://tweakers.net/i/09AT-62jdXjDubGu8T0K3G-UEPg=/800x/filters:strip_exif()/f/image/mid1qy9aIwGcUbUFk7WjQNM4.png?f=fotoalbum_large

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

Afbeeldingslocatie: https://tweakers.net/i/xVRKnzHVlb6QpgrIaW5zuDrNaoc=/800x/filters:strip_exif()/f/image/z0kT23V4UAfAC9bZYlnddfXU.png?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/h1h-UkM7sbtmkCFHDxWvxpC8go4=/800x/filters:strip_exif()/f/image/HHMbPRYYso83TOfZc3RaOwdX.png?f=fotoalbum_large

En nu is het tijd voor F1 !!!!

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • +5 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

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

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.

Afbeeldingslocatie: https://tweakers.net/i/_Apzin_wDb5WMGZFn2dkj5CIyZ0=/800x/filters:strip_exif()/f/image/femb7OayrnHuhxrWmMB0toBR.png?f=fotoalbum_large

Donkere variant...
Afbeeldingslocatie: https://tweakers.net/i/3FrSkZuZx-LC0YrplkznVN33OVI=/800x/filters:strip_exif()/f/image/UxJ282UPyNCWGaZ3szHQa4tS.png?f=fotoalbum_large

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...

Afbeeldingslocatie: https://tweakers.net/i/6IHWhPZjZDdcZB4PhMiKrtrV-BA=/800x/filters:strip_exif()/f/image/0Ldy6knMSQr946pp6ElWjYcV.png?f=fotoalbum_large

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.

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • +6 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
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)
Afbeeldingslocatie: https://tweakers.net/i/87C27K0LdUR1svibmb3yE61tJ4A=/x800/filters:strip_exif()/f/image/GGFCFne9lmVDqWp6wYAM4UgO.png?f=fotoalbum_large

De score historie met balletjes:

Afbeeldingslocatie: https://tweakers.net/i/mSpB4BlIxR8gKbmfIzXbKZXE3Yw=/800x/filters:strip_exif()/f/image/wjM7RpewC0tzZ1BNhjHJQgm0.png?f=fotoalbum_large

En twee grafieken handig over elkaar geplaatst kan ook:

Afbeeldingslocatie: https://tweakers.net/i/cFYC-fcnhaf3etLpSzXRD0ScdKU=/800x/filters:strip_exif()/f/image/Jr0hY4GFreW5qYs4AqDg8kqp.png?f=fotoalbum_large

8)

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
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?Afbeeldingslocatie: https://tweakers.net/i/G7kVmjWzTsN6R1a_t9UI1EPnVus=/800x/filters:strip_exif()/f/image/GTF3yR4ahYcHiExZhQ3UZMPc.png?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/xQZZ5Tg0xawQyQk3dkvryRevS4M=/full-fit-in/4000x4000/filters:no_upscale():fill(white):strip_exif()/f/image/eZ1373Qt1soANVgLTLsGlXIM.png?f=user_large

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


Acties:
  • 0 Henk 'm!

  • ykaenS
  • Registratie: November 2007
  • Laatst online: 28-04 21:32
[_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

Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
[_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 :Y
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 8) 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?

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
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. :)

Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
Mars Warrior schreef op dinsdag 1 augustus 2023 @ 18:14:
[...]

Standaard kaarten met vaste layout waren er al genoeg :Y

[...]

Je ziet het pas als je het doorhebt 8) 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.

Afbeeldingslocatie: https://tweakers.net/i/3nxAKK9ap7v-8Ejc3sGyveXXk2w=/x800/filters:strip_icc():strip_exif()/f/image/6o5TFBleT31hf3e6xo8SSGqj.jpg?f=fotoalbum_large

Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
[_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.

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
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.

Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
[_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 :)

Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
[_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 :X

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.

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
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 :X

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. 8)7 :*)

Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
[_ave_] schreef op woensdag 2 augustus 2023 @ 12:49:
[...]
Android 13 is redelijk nieuw, anders hebben ze me verkeerd voorgelicht. 8)7 :*)
Nee, 14 komt pas rond aug/sep uit, dus je bent volledig up-to-date :D

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

Kun je de webbrowser / webview kiezen in de app?

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
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 :D

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.

Acties:
  • 0 Henk 'm!

  • ykaenS
  • Registratie: November 2007
  • Laatst online: 28-04 21:32
[_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.

Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
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.

Afbeeldingslocatie: https://tweakers.net/i/OqGtCrnOncmReiWln6oo7O9VXwg=/full-fit-in/4000x4000/filters:no_upscale():fill(white):strip_exif()/f/image/J1QV9Qrnyn0VnW2bMJuvoB0m.png?f=user_large

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

Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
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...

Afbeeldingslocatie: https://tweakers.net/i/kx_Ffa9X7_b-6104012klz4DGis=/x800/filters:strip_exif()/f/image/2pfRABiF4IeKvHEQysJOKJLm.png?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/tUrYQ4OH4asKqGBT1pq-jQuuUVM=/x800/filters:strip_exif()/f/image/ywwojL3vkEaKU2AC4I9rdiDY.png?f=fotoalbum_large

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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
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...

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
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).

Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
[_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?

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • +1 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
#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

Acties:
  • +2 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
[_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 8)
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...

Afbeeldingslocatie: https://tweakers.net/i/fyTBpDivMk6bo7gLTpYByqfi2aQ=/x800/filters:strip_exif()/f/image/kEOq8hFfblf5OyUV2iJZ4Obw.png?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/JF_rqRdvTbZmxyn_E3kdbqxHt70=/x800/filters:strip_exif()/f/image/R498oau0zKoQBJDuF7CplzDB.png?f=fotoalbum_large

En toen was het etenstijd :9

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
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 8)
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 :9
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).

Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
[_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 :z

Met dit voorbeeld heb ik wel inmiddels ca 5 bugs weten te pletten. En dat was het doel _/-\o_

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
Afbeeldingslocatie: https://tweakers.net/i/Ogq0wIwcwH26xr1z_lRMJYUnhbs=/full-fit-in/4000x4000/filters:no_upscale():fill(white):strip_exif()/f/image/1ukUesFGYUJ8WkmUOmbSF8Ib.png?f=user_large

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

Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
[_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.

Afbeeldingslocatie: https://tweakers.net/i/cECNApaGNkQfGmVaDnREsXlzffA=/x800/filters:strip_exif()/f/image/XkE8CP1LPjOybzu7sY3yWkvr.png?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/lNeM5c_vvI_2jDoNlqRshn0wlgM=/x800/filters:strip_exif()/f/image/UooVQBRPrviKUOqL3oX0QeVH.png?f=fotoalbum_large

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
Ik moest alleen de cache van de browser wissen, daarna werd de svg wel duidelijkAfbeeldingslocatie: https://tweakers.net/i/L1s9SgeckqXbI2WY_p7g81VtS0M=/full-fit-in/4000x4000/filters:no_upscale():fill(white):strip_exif()/f/image/WbqQGJ8WmMFUAuXD85GIJKXg.png?f=user_large

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.

Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
[_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 8)

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.

Afbeeldingslocatie: https://tweakers.net/i/53I3nQpAkhI9P1-cazIDR9Uamzk=/800x/filters:strip_exif()/f/image/Es5zGG6Q7FWGz3P63TAA0Xt6.png?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/Ov37UKswZFpoTCAkWVqwhTX-UhQ=/800x/filters:strip_exif()/f/image/dl0E8TsoTbFQIhpav4Vwpqyg.png?f=fotoalbum_large

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • +1 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

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

Deze zijn net wat leuker...

Afbeeldingslocatie: https://tweakers.net/i/ZGdMgAxsZ_-kX9E7_7BOJCXxAeI=/x800/filters:strip_exif()/f/image/JoJTM4RBKgAezE9y1wvfvDzq.png?f=fotoalbum_large

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.

Afbeeldingslocatie: https://tweakers.net/i/JsIdqdjPIwCgQd1I0omwr-Ph5uQ=/800x/filters:strip_exif()/f/image/ftcVpT07Fb6CeFMRC9d7XRCD.png?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/lG2FOz8Cmg22e3Dv0CI1vNh1w9w=/800x/filters:strip_exif()/f/image/A6CIEHwHWalnQhgCFItyLnt6.png?f=fotoalbum_large

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

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
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 :P

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 :)

Acties:
  • 0 Henk 'm!

  • bennopoeltje
  • Registratie: Januari 2021
  • Laatst online: 25-05-2024
hallo ik ook ben aan instaleren en ben al een heel eind maar heb iets fout gedaan ik krijg deze melding
Afbeeldingslocatie: https://tweakers.net/i/EPmgSVyfZLnBYF60hww19berjmc=/800x/filters:strip_exif()/f/image/YMHVLLv4dhOS1hflkHD1ATA6.png?f=fotoalbum_large

Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
  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:
1
2
- 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.

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • bennopoeltje
  • Registratie: Januari 2021
  • Laatst online: 25-05-2024
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
  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:
1
2
- 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 ??

Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
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:
1
2
3
4
5
6
7
8
9
10
11
12
# 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.

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • bennopoeltje
  • Registratie: Januari 2021
  • Laatst online: 25-05-2024
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:
1
2
3
4
5
6
7
8
9
10
11
12
# 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
Afbeeldingslocatie: https://tweakers.net/i/eDvgwTO13AKy7mB5_MFhHdwuFms=/800x/filters:strip_exif()/f/image/yhrN1g5yzysZDX9TGxi1rbsV.png?f=fotoalbum_large

en andere dashboard is ook niet goed meer
Afbeeldingslocatie: https://tweakers.net/i/Aja1wwWauZ6KS6_2YC9QPRgQV8c=/x800/filters:strip_exif()/f/image/gGYxDNVQnfTdRSG8xvgyOwLa.png?f=fotoalbum_large

hmmmm

Acties:
  • 0 Henk 'm!

  • bennopoeltje
  • Registratie: Januari 2021
  • Laatst online: 25-05-2024
ik heb alles weer terug backup terug gezet

Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
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)

Acties:
  • 0 Henk 'm!

  • bennopoeltje
  • Registratie: Januari 2021
  • Laatst online: 25-05-2024
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

Acties:
  • 0 Henk 'm!

  • bennopoeltje
  • Registratie: Januari 2021
  • Laatst online: 25-05-2024
en al me custom element kunnen niet meer geladen worden van me oude dashboards

Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
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

Acties:
  • 0 Henk 'm!

  • bennopoeltje
  • Registratie: Januari 2021
  • Laatst online: 25-05-2024
[_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
Afbeeldingslocatie: https://tweakers.net/i/MyRrMy_h_uO5OXZ3NUw5oY0JgJI=/full-fit-in/4000x4000/filters:no_upscale():fill(white):strip_exif()/f/image/JqvmrNLLwXoxHaXf3nXKTyx5.png?f=user_large

Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
# 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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# 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:
1
2
3
4
5
6
7
8
9
10
11
#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.

Acties:
  • 0 Henk 'm!

  • bennopoeltje
  • Registratie: Januari 2021
  • Laatst online: 25-05-2024
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

Acties:
  • 0 Henk 'm!

  • bennopoeltje
  • Registratie: Januari 2021
  • Laatst online: 25-05-2024
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

Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
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.

Acties:
  • 0 Henk 'm!

  • bennopoeltje
  • Registratie: Januari 2021
  • Laatst online: 25-05-2024
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

Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
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.

Acties:
  • 0 Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 22:16

Mars Warrior

Earth, the final frontier

Topicstarter
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 :D
  • 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
Afbeeldingslocatie: https://tweakers.net/i/uYYy90HhAe2hJ0gx1Bb50Ln30Bc=/800x/filters:strip_exif()/f/image/uWz873fhClX1pMOfjWCC34uh.png?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/fzrMGefJHYjAibjFwsG3qhU94hA=/800x/filters:strip_exif()/f/image/FBKmJ644uBd3ZSGN9wYmgezy.png?f=fotoalbum_large

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.

Material 3 Thema's voor HA | Swiss Army Knife custom card voor HA | AmoebeLabs


Acties:
  • 0 Henk 'm!

  • [_ave_]
  • Registratie: April 2013
  • Laatst online: 31-07-2024
Ziet er weer fantastisch uit.. Zelf heb ik niet van die apparaten (de vrouw vind dat ik al genoeg geld uitgeef :P) maar als ik ze wel had zou ik gaan voor de onderste met de achtergrond van degene linksboven.
Pagina: 1 2 3 4 5 Laatste

Let op:
Voor de leesbaarheid, zet je yaml tussen [code=yaml]~[/code]. Ook makkelijker voor de eventuele foutopsporing.