Hallo zusammen,
hat einer Erfahrung mit dieser Karte
https://github.com/kinghat/tabbed-card
Ich bekomme nur einen Tab dargestellt, auch wenn ich die gleiche Karte zum Testen 2x hintereinander einbaue.
Hallo zusammen,
hat einer Erfahrung mit dieser Karte
https://github.com/kinghat/tabbed-card
Ich bekomme nur einen Tab dargestellt, auch wenn ich die gleiche Karte zum Testen 2x hintereinander einbaue.
Bin momentan auch am Testen aber es funktioniert bei mir, hier 2x Code:
Für erste (4 Tab) und 2te (3 Tab) Karte, die dritte hat zusätzlich noch die Integration Schedule (Zeitplan für Schaltungen o.e.)
type: custom:tabbed-card
styles:
'--mdc-theme-primary': orange
'--mdc-tab-text-label-color-default': grey
'--mdc-typography-button-font-size': 14px
'--mdc-tab-stacked-height': 55px
'--mdc-tab-height': 40px
tabs:
- card:
type: thermostat
entity: climate.heizung_schlafzimmer
tap_action:
action: toggle
show_name: true
show_icon: true
show_state: true
attributes:
label: Button
- card:
type: entities
title: Air Quality
entities:
- sensor.luftreiniger_pm2_5
- sensor.luftreiniger_indoor_allergen_index
attributes:
label: Air Quality
- card:
type: entities
title: Binary sensor
entities:
- binary_sensor.arbeitstag_sensor
- binary_sensor.bwm_flur_bewegung
attributes:
label: Binary Sensor
- card:
type: entities
title: Calendar
entities:
- entity: calendar.ics
name: '1'
- entity: calendar.geburtstage
name: '2'
attributes:
label: Calendar
Die 2te
type: custom:tabbed-card
styles:
'--mdc-theme-primary': orange
'--mdc-tab-text-label-color-default': grey
'--mdc-typography-button-font-size': 14px
'--mdc-tab-stacked-height': 55px
'--mdc-tab-height': 40px
tabs:
- attributes:
label: Lampen
card:
type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: light
entity: light.bettlampe_links
name: Bett Links
- type: light
entity: light.bettlampe_rechts
name: Bett Rechts
- type: light
entity: light.stehlampe
name: Stehlampe
- card:
type: entities
title: Temperaturen
entities:
- entity: sensor.heizung_schlafzimmer_temperatur
name: Temperatur Schlafzimmer
- entity: sensor.heizung_schlafzimmer_luftfeuchtigkeit
name: Luftfeuchtigkeit
- entity: sensor.schlafzimmer_absolute_humidity
name: Absolute Luftfeuchtigkeit
attributes:
label: Temperaturen
- card:
type: entities
title: Calendar
entities:
- entity: calendar.feiertage_in_deutschland
name: '1'
- entity: calendar.geburtstage
name: '2'
attributes:
label: Calendar
Hallo @jack, ich habe erstmal nur das Standardgerüst eingesetzt, ohne die ganze Formatierung. Wobei, bei mir der Inhalt recht Umfang reich ist. Das sollte aber eigentlich doch keinen Einfluss auf die Ausgabe haben.
Sind das ggf. die Angabe, die ich im Kopf nicht weiter konfiguriert habe.
type: custom:tabbed-card
options?:
defaultTabIndex?: 1
styles?: null
attributes?:
label?: string
icon?: string
isFadingIndicator?: boolean
minWidth?: boolean
isMinWidthIndicator?: boolean
stacked?: boolean
tabs:
- card:
type: vertical-stack
title: Wtal 1
cards:
- type: markdown
content: >-
{# Beginn: Letzte Aktualisierung #} {% set sensor_region_name
="dwd_weather_warnings_105124000" %} {% set current_last_update =
state_attr("sensor." ~ sensor_region_name ~
"_current_warning_level", "last_update") %} {% set
weekday_last_update = as_timestamp(current_last_update) |
timestamp_custom("%w", True) | int %} Stand: {{
['Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag','Sonntag'][weekday_last_update-1]
~ ", " ~ as_timestamp(current_last_update) |
timestamp_custom('%d.%m.%Y-%H:%M:%S') }} {# Ende: Letzte
Aktualisierung #} {# Beginn: 1. Region #}
{% set sensor_region_name ="dwd_weather_warnings_105124000" %} {%
set current_region_name = state_attr("sensor." ~ sensor_region_name
~ "_current_warning_level", "region_name") %} {% set current_count =
state_attr("sensor." ~ sensor_region_name ~
"_current_warning_level", "warning_count") %} {% set advance_count =
state_attr("sensor." ~ sensor_region_name ~
"_advance_warning_level", "warning_count") %} ****{{
current_region_name }}**** {% if ((current_count == 0 or
current_count == None) and (advance_count == 0 or advance_count ==
None)) %} **<font color=#c5e566>Keine
Warnungen</font>**{% else %}
{% for i in range(current_count) %}
{% set headline = state_attr("sensor." ~ sensor_region_name ~ "_current_warning_level", "warning_" ~ loop.index ~ "_headline") %}
{% set description = state_attr("sensor." ~ sensor_region_name ~ "_current_warning_level", "warning_" ~ loop.index ~ "_description") %}
{% set instruction = state_attr("sensor." ~ sensor_region_name ~ "_current_warning_level", "warning_" ~ loop.index ~ "_instruction") %}
{% set level = state_attr("sensor." ~ sensor_region_name ~ "_current_warning_level", "warning_" ~ loop.index ~ "_level") %}
{% set time_start = state_attr("sensor." ~ sensor_region_name ~ "_current_warning_level", "warning_" ~ loop.index ~ "_start") %}
{% set weekday_start = as_timestamp(time_start) | timestamp_custom("%w", True) | int %}
{% set time_end = state_attr("sensor." ~ sensor_region_name ~ "_current_warning_level", "warning_" ~ loop.index ~ "_end") %}
{% set weekday_end = as_timestamp(time_end) | timestamp_custom("%w", True) | int %}
{% set color = state_attr("sensor." ~ sensor_region_name ~ "_current_warning_level", "warning_" ~ loop.index ~ "_color") %}
**<font color={{ color }}>{{ headline }}</font>**
**{{ ['Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag','Sonntag'][weekday_start-1] ~ ", " ~ as_timestamp(time_start) | timestamp_custom('%H:%M') ~ " Uhr - " ~ ['Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag','Sonntag'][weekday_end-1] ~ ", " ~ as_timestamp(time_end) | timestamp_custom('%H:%M') ~ " Uhr" }}**
*{{ description|trim }}*
{% if (instruction|trim != "None") %}
****{{ instruction|trim }}****
{% endif %}
{% if not loop.last %}***{% endif %}
{% endfor %}
{% if ((current_count != 0) and (advance_count != 0)) %}***{% endif %}
{% for i in range(advance_count) %}
{% set headline = state_attr("sensor." ~ sensor_region_name ~ "_advance_warning_level", "warning_" ~ loop.index ~ "_headline") %}
{% set description = state_attr("sensor." ~ sensor_region_name ~ "_advance_warning_level", "warning_" ~ loop.index ~ "_description") %}
{% set instruction = state_attr("sensor." ~ sensor_region_name ~ "_advance_warning_level", "warning_" ~ loop.index ~ "_instruction") %}
{% set level = state_attr("sensor.sensor." ~ sensor_region_name ~ "_advance_warning_level", "warning_" ~ loop.index ~ "_level") %}
{% set time_start = state_attr("sensor." ~ sensor_region_name ~ "_advance_warning_level", "warning_" ~ loop.index ~ "_start") %}
{% set weekday_start = as_timestamp(time_start) | timestamp_custom("%w", True) | int %}
{% set time_end = state_attr("sensor." ~ sensor_region_name ~ "_advance_warning_level", "warning_" ~ loop.index ~ "_end") %}
{% set weekday_end = as_timestamp(time_end) | timestamp_custom("%w", True) | int %}
{% set color = state_attr("sensor." ~ sensor_region_name ~ "_advance_warning_level", "warning_" ~ loop.index ~ "_color") %}
**<font color={{ color }}>{{ headline }}</font>**
**{{ ['Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag','Sonntag'][weekday_start-1] ~ ", " ~ as_timestamp(time_start) | timestamp_custom('%H:%M') ~ " Uhr - " ~ ['Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag','Sonntag'][weekday_end-1] ~ ", " ~ as_timestamp(time_end) | timestamp_custom('%H:%M') ~ " Uhr" }}**
*{{ description|trim }}*
{% if (instruction|trim != "None") %}
****{{ instruction|trim }}****
{% endif %}
{% if not loop.last %}***{% endif %}
{% endfor %}
{% endif %}
title: Wuppertal
- camera_view: auto
type: picture-glance
entities: []
camera_image: camera.wetterwarnungen_nordrhein_westfalen
- card:
type: vertical-stack
title: Wtal 2
cards:
- type: markdown
content: >-
{# Beginn: Letzte Aktualisierung #} {% set sensor_region_name
="dwd_weather_warnings_105124000" %} {% set current_last_update =
state_attr("sensor." ~ sensor_region_name ~
"_current_warning_level", "last_update") %} {% set
weekday_last_update = as_timestamp(current_last_update) |
timestamp_custom("%w", True) | int %} Stand: {{
['Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag','Sonntag'][weekday_last_update-1]
~ ", " ~ as_timestamp(current_last_update) |
timestamp_custom('%d.%m.%Y-%H:%M:%S') }} {# Ende: Letzte
Aktualisierung #} {# Beginn: 1. Region #}
{% set sensor_region_name ="dwd_weather_warnings_105124000" %} {%
set current_region_name = state_attr("sensor." ~ sensor_region_name
~ "_current_warning_level", "region_name") %} {% set current_count =
state_attr("sensor." ~ sensor_region_name ~
"_current_warning_level", "warning_count") %} {% set advance_count =
state_attr("sensor." ~ sensor_region_name ~
"_advance_warning_level", "warning_count") %} ****{{
current_region_name }}**** {% if ((current_count == 0 or
current_count == None) and (advance_count == 0 or advance_count ==
None)) %} **<font color=#c5e566>Keine
Warnungen</font>**{% else %}
{% for i in range(current_count) %}
{% set headline = state_attr("sensor." ~ sensor_region_name ~ "_current_warning_level", "warning_" ~ loop.index ~ "_headline") %}
{% set description = state_attr("sensor." ~ sensor_region_name ~ "_current_warning_level", "warning_" ~ loop.index ~ "_description") %}
{% set instruction = state_attr("sensor." ~ sensor_region_name ~ "_current_warning_level", "warning_" ~ loop.index ~ "_instruction") %}
{% set level = state_attr("sensor." ~ sensor_region_name ~ "_current_warning_level", "warning_" ~ loop.index ~ "_level") %}
{% set time_start = state_attr("sensor." ~ sensor_region_name ~ "_current_warning_level", "warning_" ~ loop.index ~ "_start") %}
{% set weekday_start = as_timestamp(time_start) | timestamp_custom("%w", True) | int %}
{% set time_end = state_attr("sensor." ~ sensor_region_name ~ "_current_warning_level", "warning_" ~ loop.index ~ "_end") %}
{% set weekday_end = as_timestamp(time_end) | timestamp_custom("%w", True) | int %}
{% set color = state_attr("sensor." ~ sensor_region_name ~ "_current_warning_level", "warning_" ~ loop.index ~ "_color") %}
**<font color={{ color }}>{{ headline }}</font>**
**{{ ['Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag','Sonntag'][weekday_start-1] ~ ", " ~ as_timestamp(time_start) | timestamp_custom('%H:%M') ~ " Uhr - " ~ ['Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag','Sonntag'][weekday_end-1] ~ ", " ~ as_timestamp(time_end) | timestamp_custom('%H:%M') ~ " Uhr" }}**
*{{ description|trim }}*
{% if (instruction|trim != "None") %}
****{{ instruction|trim }}****
{% endif %}
{% if not loop.last %}***{% endif %}
{% endfor %}
{% if ((current_count != 0) and (advance_count != 0)) %}***{% endif %}
{% for i in range(advance_count) %}
{% set headline = state_attr("sensor." ~ sensor_region_name ~ "_advance_warning_level", "warning_" ~ loop.index ~ "_headline") %}
{% set description = state_attr("sensor." ~ sensor_region_name ~ "_advance_warning_level", "warning_" ~ loop.index ~ "_description") %}
{% set instruction = state_attr("sensor." ~ sensor_region_name ~ "_advance_warning_level", "warning_" ~ loop.index ~ "_instruction") %}
{% set level = state_attr("sensor.sensor." ~ sensor_region_name ~ "_advance_warning_level", "warning_" ~ loop.index ~ "_level") %}
{% set time_start = state_attr("sensor." ~ sensor_region_name ~ "_advance_warning_level", "warning_" ~ loop.index ~ "_start") %}
{% set weekday_start = as_timestamp(time_start) | timestamp_custom("%w", True) | int %}
{% set time_end = state_attr("sensor." ~ sensor_region_name ~ "_advance_warning_level", "warning_" ~ loop.index ~ "_end") %}
{% set weekday_end = as_timestamp(time_end) | timestamp_custom("%w", True) | int %}
{% set color = state_attr("sensor." ~ sensor_region_name ~ "_advance_warning_level", "warning_" ~ loop.index ~ "_color") %}
**<font color={{ color }}>{{ headline }}</font>**
**{{ ['Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag','Sonntag'][weekday_start-1] ~ ", " ~ as_timestamp(time_start) | timestamp_custom('%H:%M') ~ " Uhr - " ~ ['Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag','Sonntag'][weekday_end-1] ~ ", " ~ as_timestamp(time_end) | timestamp_custom('%H:%M') ~ " Uhr" }}**
*{{ description|trim }}*
{% if (instruction|trim != "None") %}
****{{ instruction|trim }}****
{% endif %}
{% if not loop.last %}***{% endif %}
{% endfor %}
{% endif %}
title: Wuppertal
- camera_view: auto
type: picture-glance
entities: []
camera_image: camera.wetterwarnungen_nordrhein_westfalen
Wie gesagt, ich bin momentan selbst seit 2-3 Tagen, am Testen und kann deine mögliche „Fehler“ nicht sofort sehen, versuche aber vielleicht eine meine funktionierende Karte mit deinen Daten/ Sensoren zu ändern und dann weiter aufbauen (so würde ich vorgehen) … der Umfang bzw. Ausbau, dürfte nicht das Problem sein.
Nachtrag: @mickysoft
ich habe deine Codes bei mir einfach eingefügt, die Kameras funktionieren zwar nicht aber es sind 2 Tab Karten nur ohne sichtbares Titel…also unsichtbar.
Drücke da drauf …
Habe ich doch glatt übersehen. Danke!