Home Panel - A web frontend for controlling the home

Thanks Tim. I hadn’t been changing the width and height properly. All working now :slight_smile:

1 Like

Can I change language somehow?

1 Like

It’s impossible to create a “Home Panel” account.

Message:
“Error: Aborted - Check your credentials and try again”

What am i doing wrong?
Unique username
Password
API URL is already filled in
Home Assistant Url = My lovelace url

Thanks

It does not work for me :frowning:

    NotFoundError: Not Found
    at app.use (/opt/api/index.js:102:8)
    at Layer.handle [as handle_request] (/opt/api/node_modules/express/lib/router/layer.js:95:5)
    at trim_prefix (/opt/api/node_modules/express/lib/router/index.js:317:13)
    at /opt/api/node_modules/express/lib/router/index.js:284:7
    at Function.process_params (/opt/api/node_modules/express/lib/router/index.js:335:12)
    at next (/opt/api/node_modules/express/lib/router/index.js:275:10)
    at /opt/api/index.js:94:3
    at Layer.handle [as handle_request] (/opt/api/node_modules/express/lib/router/layer.js:95:5)
    at trim_prefix (/opt/api/node_modules/express/lib/router/index.js:317:13)
    at /opt/api/node_modules/express/lib/router/index.js:284:7
1 Like

Hi.
I’m running Hass.io 87.1 and I installed the API as instructed. I use duckdns.org so it presents some of the same issues as HADashboard. I turned ssl: false in the config panel and left everything else the same:

{
  "log_level": "info",
  "ssl": false,
  "certfile": "fullchain.pem",
  "keyfile": "privkey.pem",
  "config_file": "home-panel-config.json"
}

Now using my local ip address on port 3234 I get an almost blank page showing the home pane API is active and that’s all. I’ve modified the config file only slightly using a couple of my own sensors and the weather. But I still get a blank screen with no errors on the chrome console. HTML looks like this:.

`

  <head>
  <title>Home Panel API</title>
  <link rel="stylesheet" href="/stylesheets/style.css">
 </head>

Home Panel API

Home Panel API is active!

`

EDIT: added:
The log file has only:

GET / 304 66.998 ms - -
GET /stylesheets/style.css 304 2.493 ms - -
GET /favicon.ico 200 3.640 ms - 113280

Any suggestions on how to fix this is appreciated.
Thanks,
Bart

I think you might be looking at the API. You want the app itself. That screen is only there to confirm that the API is running. If you surf to the same URL, but with port 8234 by default. This will take you to the actual app

Thanks Timmo001.
I am a bit confused over the port since that is the same port for Hass.io. My router forwards duckdns:443 to my internal server ip:8234. But it seems to work fine.

Now on to the editing of the panels using my devices and sensors.

It looks like a well thought out integration with the embedded editor so hoping that will make things easier placing the entities. I’m sure I’ll have more questions seeing all those that have come before me.

Cheers and thanks again.
Bart

Excited to give this add-on a try, however I appear to be having an issues getting this to start. Does anyone see what could be causing the issues in the below log?

[s6-init] making user provided files available at /var/run/s6/etc…exited 0.
[s6-init] ensuring user provided files have correct perms…exited 0.
[fix-attrs.d] applying ownership & permissions fixes…
[fix-attrs.d] done.
[cont-init.d] executing container initialization scripts…
[cont-init.d] 00-banner.sh: executing…


Hass.io Add-on: Home Panel v0.1.0

A touch-compatible web frontend for controlling the home.

From: Community Hass.io Add-ons
By: Franck Nijhof [email protected]

amd64 / Ubuntu 18.04.1 LTS / HA 0.88.1 / SU 145 / stable

[cont-init.d] 00-banner.sh: exited 0.
[cont-init.d] 01-log-level.sh: executing…
Log level is set to INFO
[cont-init.d] 01-log-level.sh: exited 0.
[cont-init.d] 02-updates.sh: executing…

INFO: You are running the latest version of this add-on
[cont-init.d] 02-updates.sh: exited 0.
[cont-init.d] 10-requirements.sh: executing…
FATAL: The configured certfile is not found
[cont-init.d] 10-requirements.sh: exited 1.
[cont-finish.d] executing container finish scripts…
[cont-finish.d] 99-message.sh: executing…

            Oops! Something went wrong.

We are so sorry, but something went terribly wrong when
starting or running this add-on.

Be sure to check the log above, line by line, for hints.

[cont-finish.d] 99-message.sh: exited 0.
[cont-finish.d] done.
[s6-finish] syncing disks.
[s6-finish] sending all processes the TERM signal.

Timm:
I’ve been reading the docs about customizing. In one of the examples it shows:
“theme”: {
“ui”: {
“cards”: {
“round”: true,
“elevation”: 2
}
}
}

However, I cannot find the “ui:” header or otherwise locate the place to put “round”: true, in my home-panel-config.json file. I see that it is under “themes” in the docs, but none of the themes have it. So where does it get placed in the json file?

Also, (I hope this isn’t a repeat question) but how do I get a button background to have a picture rather than just an mdi-icon?
Many thanks.
Bart

Is there a way to stop the topbar/pagebar from showing every time I touch the screen?
Maybe a long-touch can activate it?

A silly question… How do you tell the radio which device to play on? I can’t seem to find a setting for it in the config or UI.

I have the same issue. Any suggestions?

Problem sorted. It was incorrect HomeAssistant port on Login page.

Can you please explain more?

In my case it was wrong port number in Home Assistant URL field.

Hi! Timmo can you help please?
I can`t login from my iPad.
But I can login to HA exactly, I have the error only when I login to HA through Panel.
From PC everything fine :slight_smile:

screenshots


This isn’t specific to an individial theme, but is in the themes section. See below for an example of where to use it in the JSON file:

{
  "theme": {
    "auto": {
      "sensor": "sensor.sn1_ldr",
      "below": 700,
      "dark_theme": "midnight",
      "light_theme": "forest"
    },
    "ui": {
      "cards": {
        "round": true,
        "elevation": 2
      }
    },
    "custom": [
      {
        "name": "Midnight",
        "base": "dark",
        "overrides": {
          "primary": "pink",
          "backgrounds": {
            "main": "#383c45",
            "default": "#383c45",
            "card": {
              "on": "pink[600]",
              "off": "#434954",
              "disabled": "#7f848e",
              "alarm": {
                "home": "pink[600]",
                "away": "pink[600]"
              }
            }
          },
          "text": {
            "light": "grey[50]",
            "main": "grey[100]"
          },
          "secondary": "pink"
        }
      }
    ]
  },
  ...

For this images as a card background, you should use CSS: url(https://images.pexels.com/photos/4827/nature-forest-trees-fog.jpeg)
Hope this helps

No, but it should disappear after a few seconds

This will just play on the device you are using in the browser. This feature would have to be added to home assistant if that is what you are looking for. Might be worth a feature request on that section of the forums

Thanks Timmo
You reminded me to go look again. This time I went to the edit page and there, in front of me, was the ui field waiting to be filled out. I was originally looking for how to put it in manually but no longer necessary.
Thanks very much for the help.

Bart