Scheduler card/custom component

neliss · August 12, 2020, 2:34pm

Woah that looks bad!
Seems like the complete CSS config of the card is being ignored.
I must say i have seen something similar a few times, but it was gone after refreshing.
It is a bit of a cliche, but did you try (force) refreshing the browser?
I tried this card with the default HA theme, do you maybe use an alternative theme?

KTibow · August 12, 2020, 2:36pm

I force refreshed and it’s working now!

Lau7 · August 16, 2020, 5:53pm

Thanks for your work! It looks awesome and I have been looking for this functionality in HA for quite some time now.
I didn’t try it yet though… I am waiting for it to be in a more stable phase and my coding skills are limited.
Any updates since the last comments? Should I give it a try already?
Thanks again

KTibow · August 16, 2020, 5:56pm

Well I still have a pending PR that adds some more stuff internally. I use it and it’s great with me, but the card sometimes is buggy.
If it doesn’t work, hard-refresh the page.
Make sure you add content to it when you hit save, or it’ll hide all of the cards in that view!

neliss · August 16, 2020, 6:17pm

Hi, great to hear you like to use my scheduler integration!
I can tell you that i’m working on a new revision of the custom_component which will probably have quite some breaking changes, meaning that if you install it now, updating it can become a pain in the *ss. So perhaps better to wait a week or so.

The current custom_component is quite basic and uses MQTT topics to store the time schedules.
Over the past days I had some discussions with some of the developers behind HA.
They advised me to use use config entries instead and creating a true integration (which you can set up under ‘integrations’ in HA).
It took quite some changes, but I have the basics locally running. The storage is now internal in HA as well and automatically restored upon restart.
The next step is to add some provisions such that a single schedule entity can contain multiple time+actions, such that combined on+off actions or even week programs will be possible.
From there on I will focus on improving the functionalities of the UI (scheduler-card).

I will post an update when things are ready, keep checking for updates

gagga · August 17, 2020, 10:55pm

Phantastic progress! Looking forward to install the integration. I was about to turn away from Home Assistant due to the lack of a decent scheduler. Thanks for taking the efforts to work on such an important component!
BTW, in case you are interested in ideas for a nice UI maybe you want to have a look here: https://community.home-assistant.io/t/week-scheduler-including-really-nice-example-ui/205620

neliss · August 18, 2020, 6:36am

Hi, thanks for supporting this initiative!
An update will be coming to facilitate making bundled schedules (combined start/stop actions and start-stop times).
I am also considering to implement a bar view, such that you can make a weekly schedule.
I looked at your UI and it looks similar to what i have in mind, the biggest consideration is that it needs to be mobile-friendly, i.e. it should be practical on a small screen (maybe in landscape orientation).

The Tado Smart Thermostat has a editor UI that looks quite clear to me:

I like the fact that the blue bar is made shorter, most schedules show an endless bar in the middle while nothing happens during the day.
The challenge will be to make such a view in a universal way, i think it should work for temperature of a thermostat, but also turning on lights (at variable brightness), open/close covers, etc.
If you have more some ideas, let me know

neliss · August 20, 2020, 9:56am

Update time!
You can now set up the scheduler as integration:

Working great here, i’m curious who will give it a try.

KTibow · August 20, 2020, 2:25pm

Working fine!

I sent in another CI-improving PR
Sometimes it seems whenever I select a category, it redirects me back to the overview tab, and I need to reload.
Mind adding a custom panel to the sidebar?
Also it’d be nice if you could add it to the defaults (hacs/default repo)

BrianHanifin · August 20, 2020, 7:00pm

You can accomplish this on your own with the following steps.

Go to Configuration > Lovelace Dashboards.
Click the Plus button in the lower right corner.
Enter Scheduler for the Title and mdi:calendar for the Icon.
Click the 3 dots in the upper right corner, then select Configure UI.
Turn on Start with an empty dashboard, and click TAKE CONTROL.
Click the Plus in the upper left corner to add your first page to this dashboard.
Enter Scheduler for the Title and mdi:calendar for the Icon.
Click the Plus button in the lower right corner.
Search for “scheduler”, then click on Custom: Scheduler to add your Scheduler Card to this page!

MarkB1 · August 21, 2020, 6:47am

Integration works fine, my problem is loading the custom card.
I cloned the repo into www folder

I added

resources:
  - url: /local/scheduler-card/scheduler-card.js?v=0
    type: module

I try to add card

I also tried extract the *.js files into www/scheduler-card
same result, any thoughts?

neliss · August 21, 2020, 7:30am

Hi Mark,

i think the URL for the card should become:
/local/scheduler-card/dist/scheduler-card.js?v=0

Recently the /dist/ folder was added, i guess this is not up-to-date yet with the documentation, sorry about that!
Please be aware that the “...” as configuration for the domains / entities / groups you shouldn’t take to literally, it would give a huge error if leave it like that
The idea is that you tell the card which entities and actions you would like to control with schedules.

For a starting point you could try this:

type: custom:scheduler-card
domains:
  light:
    icon: lightbulb
    actions:
      - service: turn_on
        icon: lightbulb-outline
      - service: turn_off
        icon: lightbulb-off-outline

With this little code, all your lights should show up and you will be able to turn them on and off automatically.
Documentation for configuring the card is a BIG work-in-progress still, so (for the time being) please ask if you need some assistance with this.
Good luck!

MarkB1 · August 21, 2020, 7:46am

I tried adjusting the URL accordingly before and could not get it to work.
I have just copied / pasted your line and confirm it os working now.

Yes I understood that, just wanted to get the card loaded before progressing to that step.

Thanks for your help, looks good so far and yes fully understand it is a work in progress.

Regards,

KTibow · August 21, 2020, 1:46pm

The scheduler card is meant to be installed via HACS, HACS should automatically add the correct URL for you and let you know when updates are available.

MarkB1 · August 21, 2020, 1:49pm

Not what the docs say…

Installation

Clone this repository into the www -directory: git clone https://github.com/nielsfaber/scheduler-card.git Alternatively, download this repository as a zip and extract the *.js files into www/scheduler-card .
Add a reference to the card in the resources section of ui-lovelace.yaml :

KTibow · August 21, 2020, 1:51pm

Ooops, let send in a PR for that. I guess I thought when I sent in the HACS PR the HACS badge would be enough.

KTibow · August 21, 2020, 1:56pm

@neliss There’s open PRs for the card and component.

MarkB1 · August 21, 2020, 2:09pm

Deleted manual entry and installed via HACS, all Okay

neliss · August 21, 2020, 4:53pm

Personally I stopped using HACS, because i found it buggy at the time, and for me it is not that much of a job to put some files in the correct folders.
I can imagine that some people prefer HACS for maintaining their third-party addons, and that is fine with me, but it will never become mandatory.
Hope you can keep providing support for the HACS setup

KTibow · August 21, 2020, 4:57pm

Makes sense. I use it because when I have 30 addons and plugins installed I don’t want to bother to manually update each one.