Skip to content
View in the app

A better way to browse. Learn more.

Unraid

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

[6.12.4] 'Docker' Tab shows incorrect\unreadable information

  • Closed

Is the 'Docker' page supposed to correctly display containers\stacks created by a Docker Compose file?  I've encountered several issues in this case. They appear as shown in the screenshot below:

 

image.thumb.png.5f9288d61882cac505e260f8b8ab5880.png

image.png.8393d990ba60854f9391ef9bd9fb83a7.png

 

The required custom Docker networks were created using the code:

docker network create revers-proxy
docker network create homeassistant

 

Below are some basic network settings that might be helpful:

Settings -> Network Settings -> Enable bridging: No
Settings -> Docker -> Preserve user defined networks: Yes
Settings -> Docker -> Host access to custom networks: Enabled

 

For my test, I created a simple 'docker-compose.yml' file:

Spoiler
services:
  nginx-proxy-manager:
    container_name: nginx-proxy-manager
    networks: 
      - revers-proxy
      - homeassistant
    ports:
      - '80:80'
      - '443:443'
      - '81:81'
    environment:
      - HOST_OS="Unraid"
      - HOST_HOSTNAME="Diskstation"
      - HOST_CONTAINERNAME="nginx-proxy-manager"
    labels:
      - net.unraid.docker.managed=dockerman
      - net.unraid.docker.icon=https://raw.githubusercontent.com/Jarikk/icons/main/unraid/nginx-proxy-manager.png
      - net.unraid.docker.webui=http://[IP]:[PORT:81]
    image: jc21/nginx-proxy-manager:2.10.4

  homeassistant:
    container_name: homeassistant
    network_mode: host
    environment:
      - HOST_OS="Unraid"
      - HOST_HOSTNAME="Diskstation"
      - HOST_CONTAINERNAME="homeassistant"
    labels:
      - net.unraid.docker.managed=dockerman
      - net.unraid.docker.icon=https://raw.githubusercontent.com/Jarikk/icons/main/unraid/homeassistant.png
    image: lscr.io/linuxserver/homeassistant:2023.10.3

  homeassistant-zigbee2mqtt-bathroom:
    container_name: homeassistant-zigbee2mqtt-bathroom
    networks:
      - homeassistant
    environment:
      - HOST_OS="Unraid"
      - HOST_HOSTNAME="Diskstation"
      - HOST_CONTAINERNAME="homeassistant-zigbee2mqtt-bathroom"
    labels:
      - net.unraid.docker.managed=dockerman
      - net.unraid.docker.icon=https://raw.githubusercontent.com/Jarikk/icons/main/unraid/zigbee2mqtt.png
    image: koenkk/zigbee2mqtt:1.33.1

networks:
  revers-proxy:
    external: true
  homeassistant:
    external: true

 

 

I'd like to address the following issues visible in the screenshot above:

1) Long network IDs are displayed instead of names.

2) In case of the nginx-proxy-manager container, only a single network is displayed, even though the container is attached to two different networks in the Compose file.

3) The nginx-proxy-manager container has several port mappings ('80:80', '443:443', '81:81') in the Compose file, but these mappings are not displayed in the corresponding column on the user interface.

4) Incorrect port mappings are displayed for the zigbee2mqtt container. Although it has no mappings in the Compose file, the UI shows port mapping 8123, which is actually a port of the Home Assistant container attached to the HOST network.

5) A minor user interface improvement can be made for long container names. For example, it would be better if the zigbee2mqtt container's name is positioned on the right next to the icon and not shifted down.

 

Again, these issues are related to running containers using a Docker Compose file. When I tested this configuration by creating apps from the CA store, everything appeared to be correct:

 

image.png.047e525d679805812d0daa5d32bc5a6f.png

 

 

 

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.