Toon posts:

Home Assistant - Het Swiss Army Knife Beta FEEDBACK topic

Pagina: 1 2 3 4 Laatste
Acties:

  • d-vine
  • Registratie: Augustus 2006
  • Laatst online: 12:54
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:
  • 0Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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:
  • 0Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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:



Documentatie volgt nog...

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


Acties:
  • +1Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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_



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:
  • 0Henk 'm!

  • Polyphemus
  • Registratie: Maart 2003
  • Laatst online: 10:16
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:
  • +1Henk 'm!

  • Koepert
  • Registratie: Augustus 2013
  • Laatst online: 27-05 20:55
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:
  • +1Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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:
  • +1Henk 'm!

  • Koepert
  • Registratie: Augustus 2013
  • Laatst online: 27-05 20:55
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

  • Polyphemus
  • Registratie: Maart 2003
  • Laatst online: 10:16
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:
  • +1Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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


  • Polyphemus
  • Registratie: Maart 2003
  • Laatst online: 10:16
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]


  • Ben.Hahlen
  • Registratie: December 2003
  • Laatst online: 26-05 16:19
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:
  • +1Henk 'm!

  • Polyphemus
  • Registratie: Maart 2003
  • Laatst online: 10:16
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:
  • +1Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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


  • Ben.Hahlen
  • Registratie: December 2003
  • Laatst online: 26-05 16:19
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:
  • +1Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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


  • Ben.Hahlen
  • Registratie: December 2003
  • Laatst online: 26-05 16:19
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:
  • +2Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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.



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


  • _Mitchie_
  • Registratie: November 2009
  • Laatst online: 09:27
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:
  • +1Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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


  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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


  • _Mitchie_
  • Registratie: November 2009
  • Laatst online: 09:27
@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:
  • 0Henk 'm!

  • f.welvering
  • Registratie: Oktober 2009
  • Laatst online: 08:03
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.

Wan ip adres weten? https://mijnips.eu


Acties:
  • 0Henk 'm!

  • Koepert
  • Registratie: Augustus 2013
  • Laatst online: 27-05 20:55
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/

  • f.welvering
  • Registratie: Oktober 2009
  • Laatst online: 08:03
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

Wan ip adres weten? https://mijnips.eu


  • Sjeuf
  • Registratie: Februari 2003
  • Laatst online: 19-04 20:48
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]


  • Sjeuf
  • Registratie: Februari 2003
  • Laatst online: 19-04 20:48
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.


  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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


  • Sjeuf
  • Registratie: Februari 2003
  • Laatst online: 19-04 20:48
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]


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



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

  • Sjeuf
  • Registratie: Februari 2003
  • Laatst online: 19-04 20:48
@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.

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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_

  • water_escape
  • Registratie: Juli 2001
  • Laatst online: 26-05 12:56
wrong topic

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

Water-Escape [ www.bunkerbusterforum.com ]


  • mati1983
  • Registratie: November 2008
  • Laatst online: 27-05 19:47
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!

  • RiendP
  • Registratie: December 2017
  • Laatst online: 17-05 10:02
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:


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

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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!



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


  • d-vine
  • Registratie: Augustus 2006
  • Laatst online: 12:54
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:
  • +3Henk 'm!

  • d-vine
  • Registratie: Augustus 2006
  • Laatst online: 12:54
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:
  • +5Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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




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



















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:
  • 0Henk 'm!

  • gronoco
  • Registratie: April 2023
  • Laatst online: 16-05 15:08
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:
  • +1Henk 'm!

  • d-vine
  • Registratie: Augustus 2006
  • Laatst online: 12:54
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:
  • 0Henk 'm!

  • gronoco
  • Registratie: April 2023
  • Laatst online: 16-05 15:08
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:
  • 0Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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:
  • 0Henk 'm!

  • gronoco
  • Registratie: April 2023
  • Laatst online: 16-05 15:08
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:
  • 0Henk 'm!

  • gronoco
  • Registratie: April 2023
  • Laatst online: 16-05 15:08
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:
  • 0Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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:
  • +4Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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.



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:
  • 0Henk 'm!

  • Mars Warrior
  • Registratie: Oktober 2003
  • Laatst online: 11:59

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.



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

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



Een SEO (Search Engine Optimization) expert zou hier gek van worden: gewoon 6 maanden lang niets aan je website doen, en je komt vanzelf op 1 bij Google 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

Pagina: 1 2 3 4 Laatste

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

Tweakers maakt gebruik van cookies

Tweakers plaatst functionele en analytische cookies voor het functioneren van de website en het verbeteren van de website-ervaring. Deze cookies zijn noodzakelijk. Om op Tweakers relevantere advertenties te tonen en om ingesloten content van derden te tonen (bijvoorbeeld video's), vragen we je toestemming. Via ingesloten content kunnen derde partijen diensten leveren en verbeteren, bezoekersstatistieken bijhouden, gepersonaliseerde content tonen, gerichte advertenties tonen en gebruikersprofielen opbouwen. Hiervoor worden apparaatgegevens, IP-adres, geolocatie en surfgedrag vastgelegd.

Meer informatie vind je in ons cookiebeleid.

Sluiten

Toestemming beheren

Hieronder kun je per doeleinde of partij toestemming geven of intrekken. Meer informatie vind je in ons cookiebeleid.

Functioneel en analytisch

Deze cookies zijn noodzakelijk voor het functioneren van de website en het verbeteren van de website-ervaring. Klik op het informatie-icoon voor meer informatie. Meer details

janee

    Relevantere advertenties

    Dit beperkt het aantal keer dat dezelfde advertentie getoond wordt (frequency capping) en maakt het mogelijk om binnen Tweakers contextuele advertenties te tonen op basis van pagina's die je hebt bezocht. Meer details

    Tweakers genereert een willekeurige unieke code als identifier. Deze data wordt niet gedeeld met adverteerders of andere derde partijen en je kunt niet buiten Tweakers gevolgd worden. Indien je bent ingelogd, wordt deze identifier gekoppeld aan je account. Indien je niet bent ingelogd, wordt deze identifier gekoppeld aan je sessie die maximaal 4 maanden actief blijft. Je kunt deze toestemming te allen tijde intrekken.

    Ingesloten content van derden

    Deze cookies kunnen door derde partijen geplaatst worden via ingesloten content. Klik op het informatie-icoon voor meer informatie over de verwerkingsdoeleinden. Meer details

    janee