Como adicionar cartões no Lovelace (Desactualizado)

[RodolfoVieira (Rodolfo)]

Como criar cartões no Lovelace

Download dos Cards

Lista de resources:

resources:
  - type: js
    url: /customcards/github/thomasloven/card-tools.js?track=true
  - type: module
    url: >-
      https://cdn.jsdelivr.net/gh/bramkragten/custom-ui@master/swipe-card/swipe-card.min.js
  - type: module
    url: >-
      https://cdn.jsdelivr.net/gh/bramkragten/custom-ui@master/weather-card/weather-card.min.js
  - type: js
    url: /customcards/cards/alarm_control_panel-card/alarm_control_panel-card.js
  - type: js
    url: /customcards/cards/auto-entities/auto-entities.js
  - type: js
    url: /customcards/cards/bignumber-card/bignumber-card.js
  - type: module
    url: /customcards/cards/button-card/button-card.js
  - type: module
    url: /customcards/cards/calendar-card/calendar-card.js
  - type: js
    url: /customcards/cards/card-modder/card-modder.js
  - type: js
    url: /customcards/cards/compact-custom-header/compact-custom-header.js
  - type: js
    url: /customcards/cards/dual-gauge-card/dual-gauge-card.js
  - type: js
    url: /customcards/cards/entity-attributes-card/entity-attributes-card.js
  - type: js
    url: /customcards/cards/fold-entity-row/fold-entity-row.js
  - type: js
    url: /customcards/cards/home-setter/home-setter.js
  - type: js
    url: /customcards/cards/krisinfo-card/krisinfo-card.js
  - type: js
    url: /customcards/cards/layout-card/layout-card.js
  - type: js
    url: /customcards/cards/light-card/light-card.js
  - type: module
    url: /customcards/cards/mini-graph-card/mini-graph-card-bundle.js
  - type: module
    url: /customcards/cards/mini-media-player/mini-media-player.js
  - type: js
    url: /customcards/cards/monster-card/monster-card.js
  - type: js
    url: /customcards/cards/plan-coordinates/plan-coordinates.js
  - type: js
    url: /customcards/cards/popup-card/popup-card.js
  - type: module
    url: /customcards/cards/secondaryinfo-entity-row/secondaryinfo-entity-row.js
  - type: js
    url: /customcards/cards/slider-entity-row/slider-entity-row.js
  - type: js
    url: /customcards/cards/slideshow-card/slideshow-card.js
  - type: js
    url: /customcards/cards/state-attribute-element/state-attribute-element.js
  - type: js
    url: /customcards/cards/state-element/state-element.js
  - type: js
    url: /customcards/cards/state-switch/state-switch.js
  - type: js
    url: /customcards/cards/text-element/text-element.js
  - type: js
    url: /customcards/cards/toogle-lock-entity-row/toggle-lock-entity-row.js
  - type: js
    url: /customcards/cards/tracker-card/tracker-card.js?track=true
  - type: module
    url: /customcards/cards/upcoming-media-card/upcoming-media-card.js
  - type: js
    url: /customcards/cards/useful-markdown-card/useful-markdown-card.js
  - type: js
    url: /customcards/cards/username-element/username-element.js
  - type: js
    url: /customcards/cards/vertical-stack-in-card/vertical-stack-in-card.js
  - type: js
    url: /customcards/cards/browser-commander/browser-commander.js

Exemplo do card Slider entity Row

type: entities
title: Nome que queres dar é opcional esta linha
show_header_toggle: false
entities:
  - type: custom:slider-entity-row
    entity: light.58458727dc4f225785fa

Nota que este tutorial pode sofrer algumas alterações a partir da data em que este tópico foi criado por favor caso tenhas alguma dúvida comenta.
Ou aparece nosso Canal do Discord para obteres um apoio mais rápido.

Nos resources só estão alguns cards, podes depois adicionar mais.
Site para onde encontrar as resources: Aqui e Aqui

[mguedes (Mario Guedes)]

Estou a fazer alguma coisa mal? copiei a pasta cards para o dentro da pasta www e inseri os resources tal como indicado no video mas deu erro ao criar o card de teste:

Obrigado pelo tutorial

[RodolfoVieira (Rodolfo)]

Faz Guardar, limpa a cache do browser e verifica se funciona.

[mguedes (Mario Guedes)]

Não limpei o cache mas fiz Shift+F5 (chrome) para recargar o separado sem cache e continua a não dar

[RodolfoVieira (Rodolfo)]

Aparece no nosso canal do discord
https://discord.gg/Mh9mTEA para que assim que possível se agendar um apoio remoto para ver o que se passa com isso.

[mguedes (Mario Guedes)]

Posso confirmar que ficou tudo resolvido com a tua intervenção remota. O problema estava mesmo na local onde tinha colocado a tag “custom_updater:” dentro do ficheiro configuration.yaml que não estava no sitio certo. Não fazia ideia que isso fazia diferença :(. Estamos sempre a aprender… Mais uma vez obrigado pela ajuda, abraço.

[glitch (Nelson Pereira)]

Mesmo problema comigo… podem ajudar-me quando possível? Obrigado desde já.

[RodolfoVieira (Rodolfo)]

@glitch aparece no nosso canal do Discord, link no post acima. Para tentarmos resolver o problema.

[glitch (Nelson Pereira)]

Resolvido… mas deu luta. limpeza do .storage ajudou. Já tenho os cards a funcionar. Muito obrigado pela ajuda.

[Marcos_Emanuel]

Como fez para resolver? Comigo não consegui.

[RodolfoVieira (Rodolfo)]

Seguiste o tutorial? Limpas te no final a cache?

[Marcos_Emanuel]

Sim, mas não funcionou.

[Pedro_Rocha]

Boa Noite
Alguem pode ne disser onde coloco o “custom_updater:” dentro do ficleiro configuration.yaml?

[Encarnacao (Hugo Encarnacao)]

custom_updater

nao tem sitio especifico desde que esteja dentro do configuration.yaml e posto corretamente

[RicardoT (Ricardo Tamagnini)]

Pedro, foi engano…

[RicardoT (Ricardo Tamagnini)]

Rodolfo,

criei um novo dashborad e coloquei lá os resorces.
está-me a dar o erro :

o que estou a fazer mal ?

[RicardoT (Ricardo Tamagnini)]

penso que já consegui.

tenho de deixar alguma configuração da vista. é isso ?

[RodolfoVieira (Rodolfo)]

@RicardoT este tutorial está desactualizado, deverás instalar o HACS para posteriormente instalares os cards que queres.