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

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.