GenieACS gui elements

1

Hello!
I am trying to find the possible elements for the gui configuration but I cannot find them.
I am trying to device the device page in two panels right and left.

Thanks in advance!
Vangelis

2

Splitting the page into two panels isn’t possible right now to the best of my knowledge.

3

you can do it with component “container”, using html element “table”

example:

Summary
  • element: “‘table’”
    type: “‘container’”
    components:
    • element: “‘tr’”
      type: “‘container’”
      components:
      • element: “‘td’”
        type: “‘container’”
        components:
        • type: “‘parameter-list’”
          parameters:
          • element: “‘span.inform’”
            label: “‘Last inform’”
            parameter: DATE_STRING(Events.Inform)
            type: “‘container’”
            components:
            • type: “‘parameter’”
            • chart: “‘online’”
              type: “‘overview-dot’”
            • type: “‘summon-button’”
              parameters:
              • InternetGatewayDevice.DeviceInfo.HardwareVersion
              • InternetGatewayDevice.DeviceInfo.SoftwareVersion
              • InternetGatewayDevice.WANDevice..WANConnectionDevice..WANIPConnection.*.MACAddress
              • InternetGatewayDevice.WANDevice..WANConnectionDevice..WANIPConnection.*.ExternalIPAddress
              • InternetGatewayDevice.LANDevice..WLANConfiguration..SSID
              • InternetGatewayDevice.LANDevice..WLANConfiguration..KeyPassphrase
              • InternetGatewayDevice.LANDevice..Hosts.Host..HostName
              • InternetGatewayDevice.LANDevice..Hosts.Host..IPAddress
              • InternetGatewayDevice.LANDevice..Hosts.Host..MACAddress
          • label: “‘Serial number’”
            parameter: DeviceID.SerialNumber
          • label: “‘Product class’”
            parameter: DeviceID.ProductClass
          • label: “‘OUI’”
            parameter: DeviceID.OUI
          • label: “‘Manufacturer’”
            parameter: DeviceID.Manufacturer
          • label: “‘Hardware version’”
            parameter: InternetGatewayDevice.DeviceInfo.HardwareVersion
          • label: “‘Software version’”
            parameter: InternetGatewayDevice.DeviceInfo.SoftwareVersion
          • label: “‘MAC’”
            parameter: InternetGatewayDevice.WANDevice.1.WANConnectionDevice.1.WANIPConnection.1.MACAddress
          • label: “‘IP’”
            parameter: InternetGatewayDevice.WANDevice.1.WANConnectionDevice.1.WANIPConnection.1.ExternalIPAddress
          • label: “‘WLAN SSID’”
            parameter: InternetGatewayDevice.LANDevice.1.WLANConfiguration.1.SSID
          • label: “‘WLAN passphrase’”
            parameter: InternetGatewayDevice.LANDevice.1.WLANConfiguration.1.KeyPassphrase
      • element: “‘td’”
        type: “‘container’”
        components:
        • type: “‘parameter-list’”
          parameters:
          • element: “‘span.inform’”
            label: “‘Last inform’”
            parameter: DATE_STRING(Events.Inform)
            type: “‘container’”
            components:
            • type: “‘parameter’”
            • chart: “‘online’”
              type: “‘overview-dot’”
            • type: “‘summon-button’”
              parameters:
              • InternetGatewayDevice.DeviceInfo.HardwareVersion
              • InternetGatewayDevice.DeviceInfo.SoftwareVersion
              • InternetGatewayDevice.WANDevice..WANConnectionDevice..WANIPConnection.*.MACAddress
              • InternetGatewayDevice.WANDevice..WANConnectionDevice..WANIPConnection.*.ExternalIPAddress
              • InternetGatewayDevice.LANDevice..WLANConfiguration..SSID
              • InternetGatewayDevice.LANDevice..WLANConfiguration..KeyPassphrase
              • InternetGatewayDevice.LANDevice..Hosts.Host..HostName
              • InternetGatewayDevice.LANDevice..Hosts.Host..IPAddress
              • InternetGatewayDevice.LANDevice..Hosts.Host..MACAddress
          • label: “‘Serial number’”
            parameter: DeviceID.SerialNumber
          • label: “‘Product class’”
            parameter: DeviceID.ProductClass
          • label: “‘OUI’”
            parameter: DeviceID.OUI
          • label: “‘Manufacturer’”
            parameter: DeviceID.Manufacturer
          • label: “‘Hardware version’”
            parameter: InternetGatewayDevice.DeviceInfo.HardwareVersion
          • label: “‘Software version’”
            parameter: InternetGatewayDevice.DeviceInfo.SoftwareVersion
          • label: “‘MAC’”
            parameter: InternetGatewayDevice.WANDevice.1.WANConnectionDevice.1.WANIPConnection.1.MACAddress
          • label: “‘IP’”
            parameter: InternetGatewayDevice.WANDevice.1.WANConnectionDevice.1.WANIPConnection.1.ExternalIPAddress
          • label: “‘WLAN SSID’”
            parameter: InternetGatewayDevice.LANDevice.1.WLANConfiguration.1.SSID
          • label: “‘WLAN passphrase’”
            parameter: InternetGatewayDevice.LANDevice.1.WLANConfiguration.1.KeyPassphrase
4

interesting, but IMHO still I fail to see why people insist on modifying Web UI when only selected people should be the ones using it (network manager, programmer, etc). The average operator doing customer support should have another set of very limited tools which talks to the ACS if needed.

1 Like
5

Thanks!!! I will try!!

6

There is an easy answer to what you are saying. We are a small ISP and we cannot afford to have separate teams or separate tools. We are trying to make the most out of what we have.

7

We are a small ISP as well. Only 3-4 people have access to the ACS. Everyone else has to go through our home-built subscriber management web app. The subscriber management server then sends the necessary configuration to the ACS for the CPE. And for viewing CPE data, it wasn’t to much work to show all that data in the UI.

Changing the wifi config:

image
image1079×343 23 KB

Viewing wifi (and other CPE params)

image
image1982×891 63.7 KB