Hacking BasicUI: My current Theme / OH2 Setup Update with Repo

rad1xs · August 19, 2018, 12:41am

mappings can be use with Text?

vzorglub · August 19, 2018, 7:28am

It’s a Switch form the network binding

BulletProofFool1 · August 20, 2018, 10:20am

This is really great.
Significantly more responsive than HabPanel view and looks nearly equally impressive.

I have a couple of minor bugs / feature changes I’d like to see.
1 - I want to drop the header / navigation (like here: Customizing Basic UI with CSS

2 - I’d like the content to wrap to the second column as soon as it gets past the bottom of the screen.(At the moment, content can easily go past the bottom of the screen on column 1, thus being out of sight) - my intention is to use this on a wall mounted tablet.

Of course I am not expecting you to code any of this, just suggesting as potential feature enhancements

illnesse · August 20, 2018, 12:48pm

The column wrapping code needs some more love indeed, it’s on my list. It works kind of ok for me but i’m aware it could cause issues with other sitemap layouts

Removing the header bar is as easy as adding “display:none;” to the “.mdl-layout__header” class in overrides.css

illnesse · August 22, 2018, 3:38pm

here’s the column-wrapping fix:

turns out this is actually a better approach than flexbox css

BulletProofFool1 · September 4, 2018, 10:26am

Top man - thanks, will have a look!

Security_Buddha · October 21, 2018, 1:53pm

Looks great, can you also post /etc/openhab2/scripts/python/gcal/syncgcal.py.
Would love to see how your sync the calendar. Your rules seem to be using this but the github src code is missing it. Thanks!

illnesse · October 21, 2018, 6:51pm

just pushed an update. i basically rewrote gmail and gcal syncing, it now works with multiple accounts and the usual credentials/token.json stuff, i tried to do it in node.js at first but the google API sucks big time, so python it is:

github.com

illnesse/openhab2_pub_001/blob/master/scripts/python/gcal/syncgcal.py

from __future__ import print_function
import datetime
from googleapiclient.discovery import build
from httplib2 import Http
from oauth2client import file, client, tools
import argparse as AP
import json

parser = AP.ArgumentParser(parents=[tools.argparser])
parser.add_argument('--id', default='id', type=str)
parser.add_argument('--prefix', default='prefix', type=str)
parser.add_argument('--action', default='list', type=str)
parser.add_argument('--summary', default='summary', type=str)
parser.add_argument('--begin', default='begin', type=str)
parser.add_argument('--end', default='end', type=str)

Flags = parser.parse_args()

# If modifying these scopes, delete the file token.json.
SCOPES = 'https://www.googleapis.com/auth/calendar'

This file has been truncated. show original

github.com

illnesse/openhab2_pub_001/blob/master/scripts/python/gmail/syncgmail.py

from __future__ import print_function
from apiclient.discovery import build
from httplib2 import Http
from oauth2client import file, client, tools
import json

SCOPES = 'https://www.googleapis.com/auth/gmail.readonly'
store = file.Storage('token.json')
creds = store.get()
if not creds or creds.invalid:
    flow = client.flow_from_clientsecrets('credentials.json', SCOPES)
    creds = tools.run_flow(flow, store)
service = build('gmail', 'v1', http=creds.authorize(Http()))

results = service.users().messages().list(userId='me',includeSpamTrash=0, q="-in:chats -from:me -subject:[eclipse/smarthome] -subject:[codetheweb/tuyapi] -subject:[OH2_System_Notification] -subject:[openHAB] -subject:[openhab/openhab-distro] ", maxResults=20).execute()
#labelIds=["INBOX"], 

#bannedwords = ["[eclipse/smarthome]", "[codetheweb/tuyapi]","[OH2_System_Notification]","[openHAB]","[openhab/openhab-distro]" ]
messages = []
if 'messages' in results:

This file has been truncated. show original

when i’m done with the shellys and some other stuff, i want to implement event scheduling via gcal, to like control heating during holidays, etc

nakh_Home · October 29, 2018, 8:24am

Looks awesome !

on which env this BasicUI is supported :

Android Openhab application ?
Android Chrome ?
Windows Chrome local ?
Windows chrome myopenhab?

illnesse · October 29, 2018, 9:29am

it works in all browsers, local and via cloud, openhab app is something else

nakh_Home · October 31, 2018, 12:24pm

Really awesome i have upgraded to 2.4 just to get this awesome UI
i am really impressed, you are right. #basicUIisNOTdead

Before

After

could i ask you how Do you login to open hab outside your LAN from your phone ?
from myopenhab, i am getting the standard basicui
is it possible to increase the font size and icon size.
i have updated the font size in the css but it;s not refreshed
i didn’t understand the taskbar near to the clock
i have tried to hide it but it do not work
How do you retrieve the phone location and whatsapp status ?
i have see this item

String	 MQTT_Phone_S_PositionRaw  "Raw Data" { mqtt="<[cloudmqtt:owntracks/XXXXXXX/a0001:state:default]" }

how syncgmail.js is triggered?
broadlink-mqtt: do you have only one RM ?
did you create a service ?
syncgcal

not sure to understand how the openhab items are updated ?
how do you trigger this script?

i have also restored your scripts but getting those errors

Thanks again

illnesse · November 8, 2018, 7:48pm

I just implemented event scheduling through google calendar to control heating, alarms, tts volume etc via calendar events. I had it running for a couple days and it’s kind of awesome, probably the most flexible scheduling approach i’ve seen so far.

(the grey entries are some kind of activity log, phone calls etc)

Brignoud · January 26, 2019, 10:10pm

Hi, I tried to implement your super schema with very nice results
Only I got some overlap and some cut off like this all over
Am I forgetting some setup value ?
I’m on Windows 10 with Chrome and Firefox

Thank you @illnesse

Brignoud · May 22, 2019, 4:49pm

Excuse-me, I got the following at inizialization startup executing JS233

“SyntaxError: /etc/openhab2/automation/jsr223/00_jslib/JSRule.js:2:35 Missing space after numeric literal”

This occur for every scripts present in directory …\Scripts…\

I also got the following error for the same Scripts directory
2019-05-22 18:39:42.909 [ERROR] [ipt.internal.ScriptEngineManagerImpl] - Error during evaluation of script ‘file:/etc/openhab2/automation/jsr223/00_jslib/helper.js’: :1:1 Expected an operand but found error

2019-05-22 18:39:43.257 [ERROR] [ipt.internal.ScriptEngineManagerImpl] - Error during evaluation of script ‘file:/etc/openhab2/automation/jsr223/00_jslib/PersistenceExtensions.js’: :1:0 Expected an operand but found error

2019-05-22 18:39:43.317 [ERROR] [ipt.internal.ScriptEngineManagerImpl] - Error during evaluation of script ‘file:/etc/openhab2/automation/jsr223/00_jslib/triggersAndConditions.js’: :1:0 Expected an operand but found error

2019-05-22 18:39:43.369 [ERROR] [ipt.internal.ScriptEngineManagerImpl] - Error during evaluation of script ‘file:/etc/openhab2/automation/jsr223/00_scripts/00_pre_startup.js’: :1:0 Expected an operand but found error

I run 2.4.0 on Raspberry PI and installed every extention required

Totally unable to managed the scripts myself

Thank you

Abraxas · June 9, 2019, 8:37am

Hi there, is there any new update? Thanks for sharing this nice UI.
BR

illnesse · July 9, 2019, 10:50am

Sorry i have been busy with other projects the past couple months. I might get back into it when it gets colder outside Glad you like it!

Kimzer · February 18, 2020, 5:38pm

Could you share the iconset used? Struggling to find something similar for my lightbulbs =)

djmg_uli · February 21, 2020, 9:31am

Dear illnesse,
Great work! Thanks for sharing also the overrides.html and the overrides.css
May you also post your jquerycookie.js you are referring to?

Thomas_Tomczak · October 12, 2020, 9:02am

Hi ! Would it be possible for you to push your latest update with the SVG floorplan to github ?
Thank you

OliM · February 14, 2021, 11:37am

wow awesome work illnesse!
got it finally working now and this is what my ui now looks like:

the only thing im still struggling is to get the grafana renderings transparent.
any hint where to put the grafana.light.css?

Hacking BasicUI: My current Theme / OH2 Setup *Update with Repo*

Hacking BasicUI: My current Theme / OH2 Setup Update with Repo