Matrix Theme for HABPanel

Hi, I am getting error when trying to import widgets.
Can you please tell what can be the problem?

So harmonyActivity is defined in my.items as

String HarmonyActivity "Activity"(gharmony) { channel="harmonyhub:hub:Master:currentActivity" }

In paper UI it’s default as harmonyhub_hub_Master_currentActivity, so you should just be able to use that if you hub is called Master.

So currentActivity shows you what your current activity is and if you send a command to it it will change the current activity.

If you are still figuring out what is what and what things are called, etc. Pop over the rest api interface, get all items, and then search for harmony and see what your activities, remotes are called, etc.

1 Like

@unparagoned - Thanks. That was it. I had the item HarmonyActivity but my hub is LivingRoom not Master and I didnt even think to check that Now I have everything working well minus a few glitches/user setup errors.

I hooked up my Volume up do to my Pioneer AVR via Harmony for the TV Panel but if Spotify is active it turns down my spotify device volume as well. Also, I can only click the first item on the input Icons. For you its the TV for me its the Netflix Icon. Still trying to figure that out but making progress and understanding thing more and more.

I have the same setup. You’ll see some code where it detect the AVR device and uses the device volume rather than spotify.

I saw the code in the spotify.rules and changed it up but it was still doing it. Restarted the service and that seems to have it cleared up.

How are you making the custom SVG files? I have a shield TV and use Plex and am trying to make svg files that will work like what you have for amazon, youtube, etc. All my attempts fail to load to icon. I basically took a png and converted it to a svg then copied that code into the appicons.svg and when I call it by the ID nothing shows. So, I’m assuming my failure is at the conversion part.

The svg stuff is pretty much magic to me, every time I try and change anything to do with them they break. pmpkk designed the theme and the api, so will be your best port of call. From what I’ve seen you start from a SVG for most icons. I haven’t touched the app icons though. Have a look at the nvdia and plex sites to see if they have any svg’s under the developers section. pmpkk They did a pretty detailed write-up of how to create the svg sheet from the individual svg’s. They even made a script that does all the hardwork for you. So I would suggest trying out their script rather than copying and pasting.

Instead try using one of the SVG logos from here for nvidia: https://worldvectorlogo.com/search/nvidia and the attachment is for the Plex icon (plus YouTube and Google Play Music) I made.

Here: AppLogos-Plex
Might need to remove the outline stroke colour in the SVG code though.

Thanks. Plex icon worked perfect. I tried all kinds of things following the guide. Either the icons, no matter what size I download, end up to big or don’t show at all. CSS is not my strong point to say the least. I know enough to get by on it and this is the first time I have touched SVG files.

Hi Kubawolanin

This look nice - have you gone further whith this?

/Alexandersen

Made some progress, learned how to scale SVG images properly and plenty of other stuff. Here are some Screen shots of what I have so far. Dynamic screen based on activity and have some future plans for deeper plex integration but that project will take some time if I can pull it off at all. One thing I can’t figure out is why it only shows 3 of my playlists and not all of them. I only have about 14 total. Some are mine some are followed. Of the 3 showing only 1 is mine.

2 Likes

the images are not working for me (I know that those which are bought are not included) but it is only the Spotify which is visible. If I copy the link to that one to another place, it doesn’t show up

anybody with an idea?

Hey,

first of all thank you for the effort you put in this theme, i really like it.

Since i am new to this stuff, i have some trouble.

First i get this error when executing the svg combiner:

Processing file: x_paypal.png
200
Traceback (most recent call last):
File “svg_combiner.py”, line 74, in
xml = ET.fromstring(r.text)
File “/usr/lib/python2.7/xml/etree/ElementTree.py”, line 1300, in XML
parser.feed(text)
File “/usr/lib/python2.7/xml/etree/ElementTree.py”, line 1640, in feed
self._parser.Parse(data, 0)
UnicodeEncodeError: ‘ascii’ codec can’t encode character u’\ufffd’ in position 0: ordinal not in range(128)

I used the folders stated and can access the icons through the webbrowser, but i don’t know what is wrong right now.

Second:

I installed the systeminfo binding and copied all examples in a systeminfo.items, but nothing gets shown in the system widget. I only see the desing but no values. Since so i haven’t edited the others for my needs.

Thank you for some help.

Greetings Adrian

Looks like you have PNG files in the folder. You can’t combine PNG files into an SVG file.

Oops yes, just extracted the whole file from squid. So the svgs are working now, but can you also give me a hint why systeminfo won’t get data?

Can you see the system items in Paper UI or in the console?

@aletor Hi Alexandre

I’m still curious about any progress concerning the slider. :thinking:
I’ve also tried to implement the slider but the result was not satisfying :disappointed_relieved:

Thank you very much in advance.

Hey Guys,

Maybe a really dumb question but I don’t get it :open_mouth:

I’ve one Group of Lights on my dining table and want to switch them as a group item. In the ground-floor widget there is the following declaration (of course updated with my own item/group names :slight_smile:)

 <div ng-repeat="item in itemsInGroup('gLivingRoom').concat(itemsInGroup('gDiningTable')) | filter:query as filtered"> 

As it is - i get every single Bulb of this group as a separate item. In my case it makes no sense to switch one of them. Therefore I want to - as mentioned - switch all of them at a time.

When I leave out the

.concat(itemsInGroup('gDiningTable'))

then I only can see my light-strip but the dining-table (which is a group member of gLivingRoom) is missing. Is there anything I oversee?

BR & thx for any hint

Hi,

Great job, I love the panel. Just one question, I can’t get the playlist to load, what is the item name for the current playlist as spotify_current_playlist us not returning anything.

Hi pmpkk

I try to use your HabPanel - great work.

But i have som problem for example with your Spotify webconnect api

I gone through your description and to the point where i run Spotify.py

Then i get this.


Successfully got state from OpenHab: spotify_client_id
Successfully got state from OpenHab: spotify_client_secret
Successfully got state from OpenHab: spotify_access_token
Successfully got state from OpenHab: spotify_refresh_token
Successfully got state from OpenHab: spotify_token_issued
Successfully got state from OpenHab: spotify_token_expiry
-- Calling Service: Update
 -> Failure:  <type 'exceptions.ValueError'>
Error posting state to OpenHab: spotify_lastConnectionDateTime (HTTP Response State could not be parsed: 2017-12-26T08:10:05+0000)
Done in 0.503720998764 seconds

This is what the OpenHab log says

2017-12-26 09:16:52.995 [ome.event.ItemCommandEvent] - Item 'spotify_forceupadte' received command ON

2017-12-26 09:16:53.024 [vent.ItemStateChangedEvent] - spotify_forceupadte changed from NULL to ON

2017-12-26 09:16:53.768 [ome.event.ItemCommandEvent] - Item 'spotify_forceupadte' received command ON

2017-12-26 09:16:54.320 [WARN ] [rest.core.internal.item.ItemResource] - Received HTTP PUT request at 'items/spotify_lastConnectionDateTime/state' with an invalid status value '2017-12-26T08:16:54+0000'.

2017-12-26 09:16:54.464 [INFO ] [lipse.smarthome.model.script.Spotify] - Successfully got state from OpenHab: spotify_client_id

Successfully got state from OpenHab: spotify_client_secret

Successfully got state from OpenHab: spotify_access_token

Successfully got state from OpenHab: spotify_refresh_token

Successfully got state from OpenHab: spotify_token_issued

Successfully got state from OpenHab: spotify_token_expiry

Error posting state to OpenHab: spotify_lastConnectionDateTime (HTTP Response State could not be parsed: 2017-12-26T08:16:54+0000)

2017-12-26 09:16:55.202 [WARN ] [rest.core.internal.item.ItemResource] - Received HTTP PUT request at 'items/spotify_lastConnectionDateTime/state' with an invalid status value '2017-12-26T08:16:55+0000'.

Can you maybe give a hint?

Regards
Christian

First of all, this is a great custom theme and everything works fine for me.

And here comes the big “but”.
I am really to stupid to get the icons to work. Tried both ways, manually and with the script, but no one works for me.
Is there a way (i know there is one, but i don’t know how) to use “normal” stored single svgs in matrix-theme?