elchininet / custom-sidebar Goto Github PK
View Code? Open in Web Editor NEWCustom HACS plugin that allows you to manage Home Assistant's sidebar items per user or device basis
License: Apache License 2.0
Custom HACS plugin that allows you to manage Home Assistant's sidebar items per user or device basis
License: Apache License 2.0
The bottom: true
flag doesn't seem to work reliably. I'm not sure if it's a config issue at my end or not. In my config, I've marked config
, developer-tools
, and hacs
as bottom: true
, but only hacs seems to respect the flag and stick to the bottom.
and here's my sidebar-config.yaml
contents:
sidebar_editable: false
order:
- item: overview
order: 1
- item: todo
order: 2
- item: energy
order: 3
- item: config
order: 4
- item: developer-tools
order: 5
- item: history
hide: true
- item: snapshots
hide: true
- item: backups
hide: true
- item: map
hide: true
- item: media
hide: true
- item: calendar
hide: true
- item: logbook
hide: true
exceptions:
- user:
- Akshay
- akshay
order:
- item: overview
order: 1
- item: todo
order: 3
- new_item: true
item: Overseerr
icon: mdi:play-network
href: http://192.168.1.115:5055/
order: 2
- item: backups
order: 4
- new_item: true
item: Integrations
href: "/config/integrations"
icon: mdi:puzzle
order: 5
- new_item: true
item: Automations
href: "/config/automations"
icon: mdi:robot
order: 6
- item: df2164f9_ps5_mqtt
hide: true
- item: developer-tools
order: 10
# hide: true
bottom: true
- item: config
order: 9
bottom: true
- item: hacs
order: 7
notification: '[[[ state_attr("sensor.hacs", "repositories").length || '' ]]]'
bottom: true
- item: energy
order: 8
- item: history
hide: true
- item: snapshots
hide: true
- item: map
hide: true
- item: media
hide: true
- item: calendar
hide: true
- item: logbook
hide: true
to prevent loading all states in a new browser, the HA default Overview, or after having logged on after new login, I have a /lovelace/initial
view which is saved under my dashboards:
Since it is the default HA dashboard, it is named 'Overzicht' in the sidebar here:
somehow I can not get this to hide anymore (I want to do that, as I also have a manually edited Overzicht.
I have no idea why. could it be a user error, or would HA Frontend have changed something.(there's another closed issue here proving I had it hidden before...)
I can hide it when settings sidebar_editable to false, and hide it in the HA UI, but, the is per browser, and I want it to hide everywhere.
Of course, except when needed...
my yaml settings are:
title: >
[[[ 'Rumah kami: ' + new Date(states('sensor.date_time_iso'))
.toLocaleTimeString().slice(0, 5) ]]]
# sidebar_editable: true
order:
- item: ui-overzicht
match: data-panel
order: 1
- item: ui-data
match: data-panel
order: 2
- item: ui-familie
match: data-panel
order: 3
- item: ui-instellingen
match: data-panel
order: 4
- item: ui-develop
match: data-panel
order: 5
- item: /ui-cctv
match: href
order: 6
- item: /energy
match: href
order: 7
- item: ui-test
match: data-panel
order: 8
- item: ui-configured
match: data-panel
order: 9
- item: /logbook
match: href
hide: true
- item: /lovelace/initial
match: href
hide: true
- item: history
match: data-panel
hide: true
- item: calendar
match: data-panel
hide: true
- item: todo
match: data-panel
hide: true
- item: media
hide: true
- item: resources
hide: true
- item: config
match: data-panel
exact: true
hide: true
- item: developer-tools
match: data-panel
hide: true
Hi!
I tried to customize the sidebar title with the template.
However the customization works ONLY on my tablet.
What could it be that continuously updates the title and does it override the customization?
Thanks
Hello, it's me again. I might have found two ways to bypass the addon:
sorry to open the first issue, but after several weeks of fine operation, I suddenly see this happening in my system, and the sidebar is completely populated again:
I validated the json file is syntactically correct.
this is where it resides:
version:
Ive given it a few cache refreshes, and even restarted HA.
Hi there!
First of all, thank you very much for reviving this HACS repository!
I installed the custom sidebar yesterday, but I have some problems getting it to work.
Generally, it is loaded and works, however, it seems that I cannot hide default items in the sidebar. I just copied the example JSON config from the ReadMe, but the developer console of Chrome gives me the following:
≡ CUSTOM-SIDEBAR (JSON)v4.5.0
custom-sidebar-json.js?v1.0.1:1 custom-sidebar: you have an order item in your configuration that didn't match any sidebar item: "overview"
(anonymous) @ custom-sidebar-json.js?v1.0.1:1
custom-sidebar-json.js?v1.0.1:1 custom-sidebar: you have an order item in your configuration that didn't match any sidebar item: "terminal"
(anonymous) @ custom-sidebar-json.js?v1.0.1:1
custom-sidebar-json.js?v1.0.1:1 custom-sidebar: you have an order item in your configuration that didn't match any sidebar item: "history"
(anonymous) @ custom-sidebar-json.js?v1.0.1:1
custom-sidebar-json.js?v1.0.1:1 custom-sidebar: you have an order item in your configuration that didn't match any sidebar item: "snapshots"
(anonymous) @ custom-sidebar-json.js?v1.0.1:1
custom-sidebar-json.js?v1.0.1:1 custom-sidebar: you have an order item in your configuration that didn't match any sidebar item: "backups"
(anonymous) @ custom-sidebar-json.js?v1.0.1:1
custom-sidebar-json.js?v1.0.1:1 custom-sidebar: you have an order item in your configuration that didn't match any sidebar item: "map"
(anonymous) @ custom-sidebar-json.js?v1.0.1:1
custom-sidebar-json.js?v1.0.1:1 custom-sidebar: you have an order item in your configuration that didn't match any sidebar item: "energy"
(anonymous) @ custom-sidebar-json.js?v1.0.1:1
custom-sidebar-json.js?v1.0.1:1 custom-sidebar: you have an order item in your configuration that didn't match any sidebar item: "media browser"
(anonymous) @ custom-sidebar-json.js?v1.0.1:1
custom-sidebar-json.js?v1.0.1:1 custom-sidebar: you have an order item in your configuration that didn't match any sidebar item: "config"
(anonymous) @ custom-sidebar-json.js?v1.0.1:1
custom-sidebar-json.js?v1.0.1:1 custom-sidebar: you have an order item in your configuration that didn't match any sidebar item: "logbook"
(anonymous) @ custom-sidebar-json.js?v1.0.1:1
custom-sidebar-json.js?v1.0.1:1 custom-sidebar: you have an order item in your configuration that didn't match any sidebar item: "developer tools"
Any idea what could be going wrong? Thanks!
Hey, im trying to hide the media player/browser, but i cant seem to get it right. The integration does work (tried it with the file you provided).
Here's my config
order:
- item: media browser
hide: true
exceptions:
- user:
- test
base_order: false
order: []
id:
Any idea what i might have gotten wrong?
I really like the custom sidebar, but I've not been able to get it working fully.
When I use the Home Assistant App on my iPad the custom sidebar works as expected.
On Android (v13) in the Home Assistant App it does not work at all (normal Hass sidebar contents).
On my desktop in using an up to date Firefox browser it does not work until I manually refresh the page (I have tried completely clearing the cache, but it made no difference). I've checked the browser console and there are no error or warning messages.
Could you suggest what I can do to make it work as expected please?
This is my configuration:
title: Fernlea
sidebar_editable: false
order:
id: fernlea_order
having changed the setup to match several items, I still see the order not 100% repected the way it is set in the json:
left is Safari, right is Chrome
Tried to rebuild it from scratch, and even reversed the order here, so first 'hide' all I want to hide, and next add the new order of menu-items.
Notably Cameras and Energie are completely wrong in Chrome and Safari.
The default 'Overzicht' (without color or notification in Chrome) is not hidden. Ive set that to hide with
{
"item": "/lovelace",
"hide": true
},
Other than that, Safari left seems to follow the json file order best, Chrome messes it up...
not sure where to go next, other than keep hitting refresh cache (which ofc I have done more than a few times now....)
edit
adding a closing / on these hrefs made them move in Safari correctly, which is now 100% as it was hoped for:
{
"item": "/ui-cctv/",
"match": "href",
"order": 6
},
{
"item": "/energy/",
"match": "href",
"order": 7
},
Chrome is still messy, although it did move the Energy item, albeit to the wrong spot, and keeps the default Dashboard (Overzicht)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.