Matrix Theme for HABPanel

If you don’t want to buy the squidink icons, you may want to try these ones… http://linea.io/

3 Likes

Maybe squidlink have updated the names because most of the squidlink have long prefixes of the folder they are in. So thye are named “Control & Navigation_3-1 arrow.svg”, etc. :confused: I’ll see if I can easily remove the prefixes. Maybe that will make things easier.

The file names are always different from the symbol names (the id of the g-element inside the svg file).

If you use the svg combiner python script it will do the job for you. Just follow the instructions in the git repo. It only takes a minute!

First floor widget not found…
I want to integrate shutter on my panel, can you share that widget please ?

thx

I didn’t install it (yet)… I was just commenting on the layout that I saw on the first post.

It looks like you are right: I can’t find the First Floor json on the repo github also

@pmpkk help please :slight_smile: we like the shutters part a lot ! (actually, I like the entire First Floor layout)

1 Like

The Ground Floor widget contains also shutters and lights! (it’s was not in the screen shot, but it’s there). :slight_smile:

1 Like

Btw. how would a heating / thermostat widget look like with your theme? Have you a corresponding example for this as well?

I don’t have a thermostat designed. What kind of control would you be looking for?

Log console when I click save if it can help you :

openhab.service.js:252 openHAB 2 service configuration loaded
openhab.service.js:296 openHAB 2 service configuration saved
persistence.service.js:107 Saved to openHAB 2 service configuration
openhab.service.js:252 openHAB 2 service configuration loaded

Just to confirm, @ysc, iOS currently does support the manifest, there are however a few fallback solutions out there which seem to be easy to implement.

Sorry it doesn’t, everything looks fine…

Okay, then someone with an iOS device could submit a PR :wink: I don’t have any myself, so can’t test whether it works or not, I’d have to borrow one.

Hey there,

i just purchased the icons and then copied all svg files (and really just the svg files) from all the subdirectories to /etc/openhab2/html/matrix-theme/original-svgs/.

Then i ran the svg_combiner script and all svgs are processed and then a message Processing file: user-interaction-review_girl 2.svg Done in 71.1232471466 seconds 0 symbols created

appears. The squidink.svg file contains just the following lines:

<?xml version='1.0' encoding='utf8'?>
<svg enable-background="new 0 0 48 48" version="1.1" viewBox="0 0 48 48" x="0px" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><!--Generated by SVG-Combiner--></svg>

Any hints whats going wrong here?

Did you modify the symbol array in svg_combiner or use the original set?

I used or better tried to use the original one

Hmmm. Any other errors? I’ll have a look later today!

No, no errors.
Just thousands of lines like this are shown (One for every svg file):

Processing file: user-interaction-review_girl 2.svg

Looks like it can’t get the files via http. Can you access the svg files through the openhab’s web server?

E.g.

http://openhabianpi.local:8080/static/matrix-theme/original-svg/...filename

beautiful stuff! Thanx alot!

working on customizing it now to my HABPanel layout.

I added a cursor: pointer to the .widget .icon section also :slight_smile:

1 Like

I am not sure. Maybe a basic approach similar to this? Custom widget: 8 point Thermostat

I added some error handling to the script. Can you get the latest version and rerun?