Giter VIP home page Giter VIP logo

lovelace-flower-card's Introduction

Release

See https://community.home-assistant.io/t/miflora-sensor-plant-database/53131 for more information of this particular MiFlora / Home-Assistant card. Also see my detailed post in this same thread at https://community.home-assistant.io/t/miflora-sensor-plant-database/53131/73

Disclaimer

I looked into several forks of the original card https://github.com/thomasloven/lovelace-flower-card. Some forks were very interesting and I edited several of those source codes changes into my own new fork. Credits to those original authors.

Dependencies

  1. lovelace-card-tools (https://github.com/thomasloven/lovelace-card-tools)
  2. MiFlora database (PlantDB_5335_U0.csv)
  3. Plant sensor (https://www.home-assistant.io/integrations/plant)

Instructions

1: Install the card

1a: Go to Configuration -> Lovelace Dashboards -> Resources -> press the + (lower right corner of screen) and add the following information:

  Url: /local/lovelace-flower-card/flower-card.js
  Resource type: JavaScript Module

image

1b: Press Create afterwards to add the new resource.

2: Get CSV database file (https://github.com/khronimo/MiFloraDB)

3: Run python3 convert.py DBFileName.csv > data.js

3a: Execute convert.py on a Linux machine (not Windows)

3b: Check data.js via cli command: file data.js. Correct is:

data.js: ASCII text, with very long lines

4: Move data.js to www/lovelace-flower-card/data/data.js

5: Get flower images and extract to www/lovelace-flower-card/data/Images

6: Setup card

type: custom:flower-card
entity: plant.my_plant
species: "tulipa 'hollandia'"
image: "http://example.com/images/plant.jpg"

To get a list of the available species run python3 convert.py DBFilename.csv species. The value you want is the one after the colon. Enter it exactly like it says, with quotes and all.

7: configuration.yaml

Add the following to configuration.yaml (bottom of this file) plant: !include plants.yaml

I do this to separate my config files.

8: plants.yaml

Create, edit and add the following to plants.yaml. Change accordingly. Repeat this section for other plants. Separate each section with a blank line.

spathiphyllum_bingo_cupido:
  sensors:
    moisture: sensor.spathiphyllum_moisture
    battery: sensor.spathiphyllum_battery
    temperature: sensor.spathiphyllum_temperature
    conductivity: sensor.spathiphyllum_conductivity
    brightness: sensor.spathiphyllum_brightness

lovelace-flower-card's People

Contributors

remkolems avatar vincentkelleher avatar thomasloven avatar hypfer avatar

Stargazers

Mihai Ambrosie avatar Glen Urbina avatar  avatar

Watchers

Mihai Ambrosie avatar

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.