Giter Club home page Giter Club logo

lovelace-posten-card's Introduction

Posten Card by @ezand

A Lovelace card to display Norwegian Posten delivery days.

GitHub Release License hacs_badge

Project Maintenance

Prerequisites

This card assumes you have a sensor that provides the next delivery days, see this example. Remember to replace the postCode parameter with your own.

Installation

HACS (Home Assistant Community Store)

  1. Go to HACS page on your Home Assistant instance
  2. Select Frontend
  3. Press add icon and search for posten
  4. Select Posten Card repo and install
  5. Force refresh the Home Assistant page (Ctrl + F5)
  6. Add posten-card to your page

Manual

  1. Download the 'posten-card.js' from the latest release (with right click, save link as)
  2. Place the downloaded file on your Home Assistant machine in the config/www folder (when there is no www folder in the folder where your configuration.yaml file is, create it and place the file there)
  3. In Home Assistant go to Configuration->Lovelace Dashboards->Resources (When there is no resources tag on the Lovelace Dashboard page, enable advanced mode in your account settings, rand retry this step)
  4. Add a new resource
    1. Url = /local/posten-card.js
    2. Resource type = module
  5. Force refresh the Home Assistant page (Ctrl + F5)
  6. Add posten-card to your page

Options

Name Type Requirement Description Default
type string Required custom:posten-card
entity string Required The entity id for the Posten sensor
name string Optional Card name Leveringsdager
num_of_days number Optional Max number of days to display 6
date_format string Optional Delivery date format dddd D. MMMM
delivery_today_icon string Optional Icon to display on delivery days mdi:mailbox-open
no_delivery_today_icon string Optional Icon to display when it's not a delivery day mdi:mailbox
hide_delivery_today_icon boolean Optional Specify if the delivery today icon should be visible true
hide_logo boolean Optional Specify if the Posten logo should be visible true
use_posten_background_color boolean Optional Specify if the Posten background color should be applied true

Screenshots

Card screenshot Edit card screenshot

lovelace-posten-card's People

Contributors

ezand avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

lovelace-posten-card's Issues

Can get post card to show any info

Checklist:

  • I updated to the latest version available
  • I cleared the cache of my browser

Release with the issue:
Home Assistant Supervised (0.114.2)
Last working release (if known):

Browser and Operating System:

Description of problem:
This is what i get when i have added the code:
2020-08-20_10h08_09
And this is my settings:
2020-08-20_10h07_59
Sensor:
image

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


Additional information:
I get no error in my log.

Use default theme

Hi @ezand, thanks for this fine addon - using it daily.

One wish from me is if you could adher to the theme standard instead of whats currently going on (where white background is forced)? Heres an pic to show you what I mean

image

The posten card kind of standsout, while it doesnt need to (IMHO). Perhaps make it optional?

Visningsfeil av dag

Sensoren viser dette:

['i morgen torsdag 29. desember', 'mandag 2. januar', 'onsdag 4. januar', 'fredag 6. januar', 'tirsdag 10. januar']

Mens Lovelace-posten-card viser alle dager (søndag 2. januar, tirsdag 4. januar og torsdag 6. januar). Postens sider viser riktig, samme gjør sensoren, men ikke kortet. Ser ut til å gjelde alle datoer i 2023, mens i 2022 siste den korrekt.

Posten API returning "Invalid date" as day of delivery

Checklist:

  • I updated to the latest version available
  • I cleared the cache of my browser

Release with the issue:
1.0.1
Last working release (if known):

Browser and Operating System:
Chrome on Pop!_OS 20.04 LTS

Description of problem:
Card not loading due to data quality
image
Manually removing "Invalid date" from state makes it work again.

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


Additional information:

Posten API endret?

Denne fungerer dessverre ikke lenger:
https://www.posten.no/levering-av-post-2020/_/component/main/1/leftRegion/1?postCode=3409
Men jeg fant ut at hvis man fjernen årstallet i mappestrtukturen, så fungerer det:
https://www.posten.no/levering-av-post/_/component/main/1/leftRegion/1?postCode=3409

Så hvis man redigerer linken i konfigureringsfilen faller det på plass. Min (for postnummer 5009) ser nå slik ut:

sensor:
- platform: rest
name: PostenDeliveryDays
resource: https://www.posten.no/levering-av-post/_/component/main/1/leftRegion/1?postCode=5009
headers:
x-requested-with: XMLHttpRequest
scan_interval: 57600
value_template: "{{ value_json.nextDeliveryDays | reject('==', 'Invalid date') | list }}"

Issues with rendering of rounded corners

Checklist:

  • I updated to the latest version available
  • I cleared the cache of my browser

Release with the issue: 1.0.1

Browser and Operating System: Chrome, Arch Linux

Description of problem:

The lower corners of the card are not rendered properly.

image

I fixed it by adding overflow: hidden; via card-mod, but I'm not familiar enough with CSS/JavaScript to propose a real solution.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.