Card for 17th Track

Hello,

here is a card I made to follow my parcels comming all around the world from ebay or aliexpress…

With a short click on the logo, you jump on the web site, with a long click, it is the mobile web site.
The cards will be hidden if there are no item concerned.
Just add the tracking number on the web site or the mobile app, it will be displayed and updated on tour dashboard.
You can archive a parcel, it will disappear from the screen. here is my 17track configuration (standard integration):
image

The image /local/images/divers/full_owt_296x48.svg comes from https://res.17track.net/global-v2/imgs/logo/svg/full_owt_296x48.svg

type: vertical-stack
cards:
  - type: picture
    image: /local/images/divers/full_owt_296x48.svg
    tap_action:
      action: url
      url_path: https://buyer.17track.net/en/myshipment
    hold_action:
      action: url
      url_path: https://m.17track.net/en/track
  - type: conditional
    conditions:
      - condition: numeric_state
        entity: sensor.seventeentrack_packages_not_found
        above: 0
    card:
      type: markdown
      content: >-
        {% for package in
        states.sensor.seventeentrack_packages_not_found.attributes.packages %}
        >- <ha-icon icon="mdi:timer-sand"></ha-icon><font color= grey> **{{
        package.friendly_name }} ({{ package.tracking_number }})</font>:** {{
        package.info_text }} {{'\n'}} {% endfor %}
  - type: conditional
    conditions:
      - condition: numeric_state
        entity: sensor.seventeentrack_packages_in_transit
        above: 0
    card:
      type: markdown
      content: >-
        {% for package in
        states.sensor.seventeentrack_packages_in_transit.attributes.packages %}
        >- <ha-icon icon="mdi:airplane"></ha-icon><font color= Deepskyblue> **{{
        package.friendly_name }} ({{ package.tracking_number }})</font>:** {{
        package.info_text }}  {{'\n'}} {% endfor %}
  - type: conditional
    conditions:
      - condition: numeric_state
        entity: sensor.seventeentrack_packages_ready_to_be_picked_up
        above: 0
    card:
      type: markdown
      content: >-
        {% for package in
        states.sensor.seventeentrack_packages_ready_to_be_picked_up.attributes.packages
        %} >- <ha-icon icon="mdi:flag-outline"></ha-icon><font color= royalblue>
        **{{ package.friendly_name }} ({{ package.tracking_number }})</font>:**
        {{ package.info_text }} {{'\n'}} {% endfor %}
  - type: conditional
    conditions:
      - condition: numeric_state
        entity: sensor.seventeentrack_packages_delivered
        above: 0
    card:
      type: markdown
      content: >-
        {% for package in
        states.sensor.seventeentrack_packages_delivered.attributes.packages %}
        >- <ha-icon icon="mdi:check"></ha-icon><font color= limegreen> **{{
        package.friendly_name }} ({{ package.tracking_number }})</font>:** {{
        package.info_text }} {{'\n'}} {% endfor %}
  - type: conditional
    conditions:
      - condition: numeric_state
        entity: sensor.seventeentrack_packages_returned
        above: 0
    card:
      type: markdown
      content: >-
        {% for package in
        states.sensor.seventeentrack_packages_returned.attributes.packages %} >-
        <ha-icon icon="mdi:alert-box"></ha-icon><font color= red> **{{
        package.friendly_name }} ({{ package.tracking_number }})</font>:** {{
        package.info_text }} {{'\n'}} {% endfor %}
  - type: conditional
    conditions:
      - condition: numeric_state
        entity: sensor.seventeentrack_packages_undelivered
        above: 0
    card:
      type: markdown
      content: >-
        {% for package in
        states.sensor.seventeentrack_packages_undelivered.attributes.packages %}
        >- <ha-icon icon="mdi:alert-box"></ha-icon><font color= red> **{{
        package.friendly_name }} ({{ package.tracking_number }})</font>:** {{
        package.info_text }} {{'\n'}} {% endfor %}
  - type: conditional
    conditions:
      - condition: numeric_state
        entity: sensor.seventeentrack_packages_expired
        above: 0
    card:
      type: markdown
      content: >-
        {% for package in
        states.sensor.seventeentrack_packages_expired.attributes.packages %} >-
        <ha-icon icon="mdi:alert-box"></ha-icon><font color= red> **{{
        package.friendly_name }} ({{ package.tracking_number }})</font>:** {{
        package.info_text }} {{'\n'}} {% endfor %}

Have fun,

Benoît.

3 Likes