Home Panel - A web frontend for controlling the home

thundergreen · September 4, 2018, 9:58pm

Hey … i don’t get the round thing running here my config.json:

{
  "theme": {
    "ui": {
      "cards": {
        "round": true,
        "elevation": 2
        }
    },
  
    "custom": [
      {
        "name": "Midnight",
        "base": "dark",
        "overrides": {
          "backgrounds": {
            "main": "#383c45",
            "default": "#383c45",
            "card": {
              "on": "pink[600]",
              "off": "#434954",
              "disabled": "#7f848e"
            }
          },
          "text": {
            "light": "grey[50]",
            "main": "grey[100]"
          }
        }
      }
    ]
  },
  "header": {
    "left_outdoor_weather": {
      "dark_sky_icon": "sensor.dark_sky_icon",
      "condition": "sensor.pws_weather",

any idea… and did someone get cam working? I use motioneyeos but can’t get it running

atomicpapa · September 4, 2018, 10:40pm

I am also having issues running MotionEye. I can get the stream running fine when you click on the tile, but the image for the tile itself is a no go. I just had to use a still image that never changes.

For my cams I did this:

      "name": "Cameras",
      "cards": [
        {
          "type": "camera",
          "name": "Front Door",
          "still_url": "http://192.168.1.10:8123/local/Front_Door.jpg",
          "url": "http://192.168.1.16:8081"
        },
        {
          "type": "camera",
          "name": "Driveway",
          "still_url": "http://192.168.1.10:8123/local/Driveway.jpg",
          "url": "http://192.168.1.16:8082"
        },
        {
          "type": "camera",
          "name": "Front Yard",
          "still_url": "http://192.168.1.10:8123/local/Frontyard.jpg",
          "url": "http://192.168.1.16:8083"
        },
        {
          "type": "camera",
          "name": "Backyard Left",
          "still_url": "http://192.168.1.10:8123/local/Backyard_Left.jpg",
          "url": "http://192.168.1.16:8084"
        },
        {
          "type": "camera",
          "name": "Backyard Right",
          "still_url": "http://192.168.1.10:8123/local/Backyard_Right.jpg",
          "url": "http://192.168.1.16:8085"
        }
      ]
    }

thundergreen · September 5, 2018, 7:07am

Strange for me it’s the other way around …I get an image on the tile …it also changes every 10 seconds but live stream shows no picture…has it something to do with the port? I might have to add -p xxxx:xxxx to get the stream working with docker image ?

atomicpapa · September 5, 2018, 12:56pm

Yes… I forgot to mention that… you have to add every port you are exposing in your docker. Also, how did you link to the file for the tile? Maybe I just did it wrong.

timmo001 · September 5, 2018, 1:56pm

Everything in home panel, apart from the login and radio searching is javascript. Meaning that everything runs from your browser. There would be no point in opening any extra ports in the docker image.

The way to test that the stream does work would be to open the link in your browser. If it does work, it could be that the format is not strictly an image format.

There is a PR to add iFrame’s which would allow you to show any webpage contained inside a card:

timmo001 · September 5, 2018, 2:01pm

Looking at this, I guess you are using the real feed for fullscreen but the still from home assistant for the still. It is likely that the component does not update the image when requested. I’ve not used motioneye, but if they provide a jpeg preview image of the camera, this may work for you.

I would advise you add the url format @thundergreen has used to show the image

thundergreen · September 5, 2018, 2:52pm

I am using motioneyeos and have embedded stram and direct stream but i dunno exactly what kind of data / video and how it is streamed . in motioneyeos u link the stream url like 192.168.1.234:44/unicast

motioneyeos detects the tream and gives a link like: 192.168.1.100:8463

but nor …/unbicast nor …:8463 will be shown in home panel.

The only thing working is still image. but this doesn’t really help

atomicpapa · September 5, 2018, 3:24pm

The posts I was referring to are in the MotionEye docker image. Sorry for the misunderstanding.

Figured out my own issue with the tiles. Just used the same link for both

    "name": "Cameras",
  "cards": [
    {
      "type": "camera",
      "name": "Front Door",
      "still_url": "http://192.168.1.16:8081",
      "url": "http://192.168.1.16:8081"
    },

thundergreen · September 5, 2018, 4:13pm

Now it’s not really clear anymore… my hass instance can perfectly see the streams… JUST HOME PANEL doesn’t show anything but the preview pic.

http://xxx.xxx.xxx.xxx:port won’t show the stream in home panel but homeassistant front-end

timmo001 · September 5, 2018, 4:46pm

Can you navigate to that url from the browser?

timmo001 · September 6, 2018, 1:10pm

Time to update!

I have just pushed to the master branch/edge tag of Home Panel a major update to the home assistant library.

I will publish the next version tomorrow (7th Sep) so keep your eyes peeled.

Now is the time to update to 0.77.0+ if you haven’t already or you won’t be able to use Home Panel v0.6.0+

thundergreen · September 6, 2018, 4:44pm

Yes I see the stream in the browser

rickybello · September 6, 2018, 4:50pm

i hope someone can lend me a hand, when i tried to create an account i get this message, i dont use SSL,

Error: Request has been terminated Possible causes: the network is offline, Origin is not allowed by Access-Control-Allow-Origin, the page is being unloaded, etc. - Check your credentials and try again

timmo001 · September 7, 2018, 8:18am

Check you have the right API URL. You can test this by browsing to the API URL on your browser. If you see the API is active! message. this is the URL you want. Make sure not to include the / at the end. (This is fixed in the next release fyi)

timmo001 · September 7, 2018, 1:20pm

Release v0.6.0

Full Changelog

Changed

support for new hass authentication (#62)
refactor and split Main class into separate classes (#94)
change favicon to circle icon
small fixes
update repo automations and add bots

This version requires Home Panel API v0.3.0 since the auth system has changed and is no longer handled by the API to verify logins.

rickybello · September 7, 2018, 6:49pm

Thanks, up and running!!

thundergreen · September 7, 2018, 10:14pm

503	# This is Privoxy 3.0.26 on 6563bfedd103 (172.17.0.12), port 8118, enabled
## Forwarding failure

Privoxy was unable to socks5t-forward your request http://hassio:8123/auth/authorize?response_type=code&client_id=http%3A%2F%2F192.168.1.22%3A8234%2F&redirect_uri=http%3A%2F%2F192.168.1.22%3A8234%2F%3Fauth_callback%3D1&state=eyJoYXNzVXJsIjoiaHR0cDovL2hhc3Npbzo4MTIzIiwiY2xpZW50SWQiOiJodHRwOi8vMTkyLjE2OC4xLjIyOjgyMzQvIn0%3D through 127.0.0.1 : SOCKS5 destination host unreachable

Just try again to see if this is a temporary problem, or check your forwarding settings and make sure that all forwarding servers are working correctly and listening where they are supposed to be listening.|

I am using tor but i don’t understant why it routes to hassio ??? and not my IP

atomicpapa · September 7, 2018, 10:19pm

Mine is just sitting at this screen

timmo001 · September 7, 2018, 10:43pm

Clear your cache / cookies and try logging in again

timmo001 · September 12, 2018, 10:50pm

Release v0.6.2

Full Changelog

Changed

support for scaling groups and cards (#101)
add support for hass groups (#107)
iFrame Support and tweaks (#96)
update home assistant js websocket to 3.1.3 and update nginx (#105)
fix header date width on small screens
move duplicate JSS into common js files (#99)