Hello everyone!
My web design creativity is a little bit limp 
So does anyone have a good looking card for 17Track sensor with package details?
Looking forward for your examples.
Why not just use a simple monster card?
type: 'custom:monster-card'
card:
type: entities
title: 17track.net
show_header_toggle: false
filter:
include:
- entity_id: sensor.seventeentrack_package_*
Could be beautified, but for the moment it’s working and displaying any newly added packages from my 17track account
1 Like
Will take a look.
This is what I have been using
type: markdown
content: |2-
{% if is_state('sensor.seventeentrack_packages_in_transit', '0') %}
**Nothing Is In Transit**
{% else %}
**In Transit**
{% for package in
states.sensor.seventeentrack_packages_in_transit.attributes.packages %}
>- **{{ package.friendly_name }} ({{ package.tracking_number }}):** {{
package.info_text }}
{% endfor %}
{% endif %}
{% if is_state('sensor.seventeentrack_packages_ready_to_be_picked_up', '0') %}
**Nothing Is Out For Delivery**
{% else %}
**Out For Delivery**
{% for package in
states.sensor.seventeentrack_packages_ready_to_be_picked_up.attributes.packages %}
>- **{{ package.friendly_name }} ({{ package.tracking_number }}):** {{
package.info_text }}
{% endfor %}
{% endif %}
{% if is_state('sensor.seventeentrack_packages_delivered', '0') %}
**Nothing Is Delivered**
{% else %}
**Delivered**
{% for package in
states.sensor.seventeentrack_packages_delivered.attributes.packages %}
>- **{{ package.friendly_name }} ({{ package.tracking_number }}):** {{
package.info_text }}
{% endfor %}
{% endif %}
title: 17Track Packages
I added some icons.
type: markdown
content: |2-
{% if is_state('sensor.seventeentrack_packages_in_transit', '0') %}
<ha-icon icon="mdi:transit-connection-variant"></ha-icon> - **Nothing Is In Transit**
{% else %}
<ha-icon icon="mdi:transit-connection-variant"></ha-icon> - **In Transit**
{% for package in
states.sensor.seventeentrack_packages_in_transit.attributes.packages %}
>- **{{ package.friendly_name }} ({{ package.tracking_number }}):** {{
package.info_text }}
{% endfor %}
{% endif %}
{% if is_state('sensor.seventeentrack_packages_ready_to_be_picked_up', '0') %}
**<ha-icon icon="mdi:truck-delivery"></ha-icon> - Nothing Is Out For Delivery**
{% else %}
**<ha-icon icon="mdi:truck-delivery"></ha-icon> - Out For Delivery**
{% for package in
states.sensor.seventeentrack_packages_ready_to_be_picked_up.attributes.packages %}
>- **{{ package.friendly_name }} ({{ package.tracking_number }}):** {{
package.info_text }}
{% endfor %}
{% endif %}
{% if is_state('sensor.seventeentrack_packages_delivered', '0') %}
**<ha-icon icon="mdi:package-variant-closed-check"></ha-icon> - Nothing Is Delivered**
{% else %}
**<ha-icon icon="mdi:package-variant-closed-check"></ha-icon> - Delivered**
{% for package in
states.sensor.seventeentrack_packages_delivered.attributes.packages %}
>- **{{ package.friendly_name }} ({{ package.tracking_number }}):** {{
package.info_text }}
{% endfor %}
{% endif %}
title: Deliveries
1 Like
I added some code for not found
type: markdown
content: |2-
{% if is_state('sensor.seventeentrack_packages_in_transit', '0') %}
<ha-icon icon="mdi:transit-connection-variant"></ha-icon> - **Nothing Is In Transit**
{% else %}
<ha-icon icon="mdi:transit-connection-variant"></ha-icon> - **In Transit**
{% for package in
states.sensor.seventeentrack_packages_in_transit.attributes.packages %}
>- **{{ package.friendly_name }} ({{ package.tracking_number }}):** {{
package.info_text }}
{% endfor %}
{% endif %}
{% if is_state('sensor.seventeentrack_packages_ready_to_be_picked_up', '0') %}
**<ha-icon icon="mdi:truck-delivery"></ha-icon> - Nothing Is Out For Delivery**
{% else %}
**<ha-icon icon="mdi:truck-delivery"></ha-icon> - Out For Delivery**
{% for package in
states.sensor.seventeentrack_packages_ready_to_be_picked_up.attributes.packages %}
>- **{{ package.friendly_name }} ({{ package.tracking_number }}):** {{
package.info_text }}
{% endfor %}
{% endif %}
{% if is_state('sensor.seventeentrack_packages_delivered', '0') %}
**<ha-icon icon="mdi:package-variant-closed-check"></ha-icon> - Nothing Is Delivered**
{% else %}
**<ha-icon icon="mdi:package-variant-closed-check"></ha-icon> - Delivered**
{% for package in
states.sensor.seventeentrack_packages_delivered.attributes.packages %}
>- **{{ package.friendly_name }} ({{ package.tracking_number }}):** {{
package.info_text }}
{% endfor %}
{% endif %}
{% if is_state('sensor.seventeentrack_packages_not_found', '0') %}
<ha-icon icon="mdi:alert"></ha-icon> - **Nothing Not Found**
{% else %}
<ha-icon icon="mdi:alert"></ha-icon> - **Not Found**
{% for package in
states.sensor.seventeentrack_packages_not_found.attributes.packages %}
>- **{{ package.tracking_number }}**
{% endfor %}
{% endif %}
title: Deliveries
I’ll continue this chain of forum-based version management with my iteration 
{% macro package_display(package) %}
{% set detail_sensor_name = 'sensor.17track_package_' + package.tracking_number | lower %}
{% if not is_state(detail_sensor_name, 'unknown') %}
- **<a target="_blank" rel="noopener noreferrer" href="https://www.17track.net/?nums={{ state_attr(detail_sensor_name, 'tracking_number') }}">{{ state_attr(detail_sensor_name, 'friendly_name') }}</a>** ({{ relative_time(state_attr(detail_sensor_name, 'timestamp')) }} ago)
{{ state_attr(detail_sensor_name, 'origin_country') }} › {{ state_attr(detail_sensor_name, 'destination_country') }}
{{ state_attr(detail_sensor_name, 'location') }}: {{ state_attr(detail_sensor_name, 'info_text') }}
{% endif %}
{% endmacro %}
{% if not is_state('sensor.17track_packages_in_transit', '0') %}
<ha-icon icon="mdi:transit-connection-variant"></ha-icon> **In Transit**
{% for package in state_attr('sensor.17track_in_transit', 'packages') %}
{{ package_display(package) }}
{% endfor %}
{% endif %}
{% if not is_state('sensor.17track_ready_to_be_picked_up', '0') %}
<ha-icon icon="mdi:truck-delivery"></ha-icon> **Out For Delivery**
{% for package in state_attr('sensor.17track_ready_to_be_picked_up', 'packages') %}
{{ package_display(package) }}
{% endfor %}
{% endif %}
{% if not is_state('sensor.17track_delivered', '0') %}
<ha-icon icon="mdi:package-variant-closed-check"></ha-icon> **Delivered**
{% for package in state_attr('sensor.17track_delivered', 'packages') %}
{{ package_display(package) }}
{% endfor %}
{% endif %}
{% if not is_state('sensor.17track_not_found', '0') %}
<ha-icon icon="mdi:alert"></ha-icon> **Not Found**
{% for package in state_attr('sensor.17track_not_found', 'packages') %}
{{ package_display(package) }}
{% endfor %}
{% endif %}