iantrich / config-template-card

📝 Templatable Lovelace Configurations
MIT License
425 stars 55 forks source link

Templating card's title not working as expected #100

Closed viktak closed 1 year ago

viktak commented 2 years ago

Checklist:

Release with the issue: 1.3.6

Last working release (if known):

Browser and Operating System: Firefox, Brave @ Windows 11 Pro

Description of problem:

Javascript errors shown in the web inspector (if applicable):

I have the following template card:

  - type: 'custom:config-template-card'
    variables:
      number: 14
      timeStamp: states['sensor.vpnclients'].attributes.lastUpdated
    entities:
      - sensor.vpnclients
    card:
      type: custom:list-card
      entity: sensor.vpnclients
      title: "${ vars['timeStamp'] }"
      feed_attribute: clients
      columns:

It works correctly as you can see it here. However, in the title of the card I would like to:

  1. convert the time to a specific format. So far I tried this:
    as_timestamp(states['sensor.vpnclients'].attributes.lastUpdated) | timestamp_custom('%m %d - %H:%M')

    and this:

    states['sensor.vpnclients'].attributes.lastUpdated | as_timestamp | timestamp_custom('%m %d - %H:%M')

    both resulting in the whole card being not rendered at all. Note, both work OK in the Template editor within HA.

  2. add some extra text, so that the result will be something like this:
    Connected clients at 15:00

    I tried this the following way:

    title: "Connected clients at ${ vars['timeStamp'] }"

    Again, the result is that the whole card is gone. Additional information: Here is the console log from FF:

    The main 'lit-element' module entrypoint is deprecated. Please update your imports to use the 'lit' package: 'lit' and 'lit/decorators.ts' or import from 'lit-element/lit-element.ts'. See https://lit.dev/msg/deprecated-import-path for more information. config-template-card.js:329:12
    CONFIG-TEMPLATE-CARD  
    Version 1.3.6         config-template-card.js:735:9
    LAYOUT-CARD 2.4.2 IS INSTALLED layout-card.js:228:115
    Uncaught (in promise) ReferenceError: as_timestamp is not defined
    <anonymous> http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js line 905 > eval:1
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:905
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js line 905 > eval:1:1
    The resource at “http://192.168.1.111:8123/static/fonts/roboto/Roboto-Regular.woff2” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. 0
    The resource at “http://192.168.1.111:8123/static/fonts/roboto/Roboto-Medium.woff2” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. 0
    This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://firefox-source-docs.mozilla.org/performance/scroll-linked_effects.html for further details and to join the discussion on related tools and features! 0
    Uncaught (in promise) ReferenceError: as_timestamp is not defined
    <anonymous> http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js line 905 > eval:1
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:905
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js line 905 > eval:1:1
    Uncaught (in promise) ReferenceError: as_timestamp is not defined
    <anonymous> http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js line 905 > eval:1
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:905
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js line 905 > eval:1:1
    Uncaught (in promise) ReferenceError: as_timestamp is not defined
    <anonymous> http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js line 905 > eval:1
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:905
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js line 905 > eval:1:1
    Firefox can’t establish a connection to the server at ws://192.168.1.111:8123/api/websocket. core.7854b248.js:1:6040
    Uncaught (in promise) ReferenceError: as_timestamp is not defined
    <anonymous> http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js line 905 > eval:1
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:905
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js line 905 > eval:1:1
    Uncaught (in promise) TypeError: states['sensor.vpnclients'] is undefined
    <anonymous> http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js line 905 > eval:1
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:905
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js line 905 > eval:1:1
    Uncaught (in promise) TypeError: states['sensor.vpnclients'] is undefined
    <anonymous> http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js line 905 > eval:1
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:905
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js line 905 > eval:1:1
    Firefox can’t establish a connection to the server at ws://192.168.1.111:8123/api/websocket. core.7854b248.js:1:6040
    Uncaught (in promise) TypeError: states['sensor.vpnclients'] is undefined
    <anonymous> http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js line 905 > eval:1
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:905
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js line 905 > eval:1:1
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:912
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:860
    _evaluateConfig http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:849
    render http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:807
    update http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:265
    performUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    scheduleUpdate http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    _$EC http://192.168.1.111:8123/hacsfiles/config-template-card/config-template-card.js:252
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate config-template-card.js:912
    _evaluateConfig config-template-card.js:860
    _evaluateConfig config-template-card.js:849
    render config-template-card.js:807
    update config-template-card.js:265
    performUpdate config-template-card.js:252
    scheduleUpdate config-template-card.js:252
    _$EC config-template-card.js:252
    requestUpdate config-template-card.js:252
    set config-template-card.js:252
    updated layout-card.js:64
    updated layout-card.js:64
    _$AE layout-card.js:1
    performUpdate layout-card.js:1
    scheduleUpdate layout-card.js:1
    _$E_ layout-card.js:1
    requestUpdate layout-card.js:1
    set layout-card.js:1
    value hui-masonry-view.ts:44
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    set app.b83d2076.js:1248
    value 198b7073.js:340
    _$AE app.b83d2076.js:1248
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    set app.b83d2076.js:1248
    k app.b83d2076.js:1248
    _$AI app.b83d2076.js:1248
    m app.b83d2076.js:1248
    T app.b83d2076.js:1248
    _$AI app.b83d2076.js:1248
    S app.b83d2076.js:1248
    update app.b83d2076.js:1248
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    set app.b83d2076.js:1248
    value app-drawer-layout.js:189
    value hass-loading-screen.ts:11
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate config-template-card.js:912
    _evaluateConfig config-template-card.js:860
    _evaluateConfig config-template-card.js:849
    render config-template-card.js:807
    update config-template-card.js:265
    performUpdate config-template-card.js:252
    scheduleUpdate config-template-card.js:252
    _$EC config-template-card.js:252
    requestUpdate config-template-card.js:252
    set config-template-card.js:252
    updated layout-card.js:64
    updated layout-card.js:64
    _$AE layout-card.js:1
    performUpdate layout-card.js:1
    scheduleUpdate layout-card.js:1
    _$E_ layout-card.js:1
    requestUpdate layout-card.js:1
    set layout-card.js:1
    value hui-masonry-view.ts:44
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    set app.b83d2076.js:1248
    value 198b7073.js:340
    _$AE app.b83d2076.js:1248
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    set app.b83d2076.js:1248
    k app.b83d2076.js:1248
    _$AI app.b83d2076.js:1248
    m app.b83d2076.js:1248
    T app.b83d2076.js:1248
    _$AI app.b83d2076.js:1248
    S app.b83d2076.js:1248
    update app.b83d2076.js:1248
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    set app.b83d2076.js:1248
    value app-drawer-layout.js:189
    value hass-loading-screen.ts:11
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate config-template-card.js:912
    _evaluateConfig config-template-card.js:860
    _evaluateConfig config-template-card.js:849
    render config-template-card.js:807
    update config-template-card.js:265
    performUpdate config-template-card.js:252
    scheduleUpdate config-template-card.js:252
    _$EC config-template-card.js:252
    requestUpdate config-template-card.js:252
    set config-template-card.js:252
    updated layout-card.js:64
    updated layout-card.js:64
    _$AE layout-card.js:1
    performUpdate layout-card.js:1
    scheduleUpdate layout-card.js:1
    _$E_ layout-card.js:1
    requestUpdate layout-card.js:1
    set layout-card.js:1
    value hui-masonry-view.ts:44
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    set app.b83d2076.js:1248
    value 198b7073.js:340
    _$AE app.b83d2076.js:1248
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    set app.b83d2076.js:1248
    k app.b83d2076.js:1248
    _$AI app.b83d2076.js:1248
    m app.b83d2076.js:1248
    T app.b83d2076.js:1248
    _$AI app.b83d2076.js:1248
    S app.b83d2076.js:1248
    update app.b83d2076.js:1248
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    set app.b83d2076.js:1248
    value app-drawer-layout.js:189
    value hass-loading-screen.ts:11
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    config-template-card.js:2:7
    Uncaught (in promise) SyntaxError: unexpected token: '{'
    _evaluateTemplate config-template-card.js:912
    _evaluateConfig config-template-card.js:860
    _evaluateConfig config-template-card.js:849
    render config-template-card.js:807
    update config-template-card.js:265
    performUpdate config-template-card.js:252
    scheduleUpdate config-template-card.js:252
    _$EC config-template-card.js:252
    requestUpdate config-template-card.js:252
    set config-template-card.js:252
    updated layout-card.js:64
    updated layout-card.js:64
    _$AE layout-card.js:1
    performUpdate layout-card.js:1
    scheduleUpdate layout-card.js:1
    _$E_ layout-card.js:1
    requestUpdate layout-card.js:1
    set layout-card.js:1
    value hui-masonry-view.ts:44
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    set app.b83d2076.js:1248
    value 198b7073.js:340
    _$AE app.b83d2076.js:1248
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    set app.b83d2076.js:1248
    k app.b83d2076.js:1248
    _$AI app.b83d2076.js:1248
    m app.b83d2076.js:1248
    T app.b83d2076.js:1248
    _$AI app.b83d2076.js:1248
    S app.b83d2076.js:1248
    update app.b83d2076.js:1248
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    set app.b83d2076.js:1248
    value app-drawer-layout.js:189
    value hass-loading-screen.ts:11
    performUpdate app.b83d2076.js:1248
    scheduleUpdate app.b83d2076.js:1248
    _$EC app.b83d2076.js:1248
    requestUpdate app.b83d2076.js:1248
    config-template-card.js:2:7
kauelima commented 2 years ago

+1 Trying to convert a timestamp to local datetime with no success using the following:

{{as_local(as_datetime(states.sensor.s20_kaue_last_reboot.state))}}

ildar170975 commented 1 year ago

Templates are JS. You are trying to use jinjia2 templates! Rewrite your templates to JS then.

title: "Connected clients at ${ vars[...] }"

Wrong. Must be:

title: '${ "Connected clients at " + vars[...] }'

title: "${ vars['timeStamp'] }"

Try just this:

title: '${ timeStamp }'
ildar170975 commented 1 year ago

Old issue, answers were provided.