UI Feature ideas

Hello,
I have been testing with genieacs for some time.
I found some features that could improve the genieacs ui.
1.) Costume Dropdowns, with administrator defined values or values from a list provided by the CPE.
2.) Costume Links with parameters from the device, for e.g. jumping into the line-debug-page or costumer infromations.
3.) Informationmarkers for text. So that the administrator can add (long/multiline) text to the different functions in the UI. e.g. what does a value mean or what possible values the service technician can expect in a field.
4.) Costume action buttons, which would set a list of parameters on the cpe or run a provision script once. (like the summon button) e.g. activating static IPv6 which are 3 different steps including an database lookup.

This is already possible. Please review genieacs-gui/config/parameters_edit.yml

1 Like

I am running the new UI version from 1.2, I should have mentioned that in the first post.
I have checked the source code and there is only a select option if the value is from type boolean.

About 2
I have created a branch, that allows to ad dynamic links with the device ID, it is based on the device link component:

For static links, it is already possible to add them to genieacs
e.g.

- href: '"https://forum.genieacs.com"'
  innerHTML: "'Forum'"
  type: "'a'"
  target: "'_blank'"

That can also be useful in some cases.

Is it possible to add dynamic links with the external IP address (WAN IP)? Like:

- href: VirtualParameters.RouterIP
  innerHTML: "'Access to RouterIP'"
  type: "'a'"
  target: "'_blank'"

Hi,
I’m really eager to find out an answer to this question.
I have done some research myself about the ui.index types in Device Listing page. There should not be a problem to add custom type i.e. write some method somewhere that would generate html for some custom param type? I would like to generate a hyperlink (link) based on virtual parameter value. I can’t find where this could be done and I spent hours already. For example, where is the code that generates the html for ‘device-link’ tag?
I’m not sure if all node.js / ruby projects are usually obfuscated but entry bar could probably be set little lower for other developers to join more easily since this is an open source project after all. Sorry for hard comment but I just needed to say this.

Regards

This is possible. But due to a defect with v1.2.7 (and I presume earlier versions), its not working right now. When v1.2.8 is released, here is the syntax to use:

- element: "'a[href=https://' || VirtualParameters.RouterIP || ']'"
  label: "'Router IP'"
  parameter: VirtualParameters.RouterIP
  type: "'container'"
  components:
  - type: "'parameter'"

1 Like

The updated syntax for this with v1.2.8 is as follows:

- label: "'Router IP'"
  parameter: VirtualParameters.RouterIP
  type: "'container'"
  components:
    - type: "'parameter'"
  element:
    tag: "'a'"
    attributes:
      href: "'https://' || VirtualParameters.RouterIP"
1 Like

Would it be possible to have same link on Device Overview page? This syntax worked on Listing Devices page (Devices tab) but does not on a single device page.

Thank you

@snes1234 this works like this

- type: "'parameter-list'"
  parameters:
    - label: "'Device-Details'"
      parameter: DeviceID.SerialNumber
      type: "'container'"
      components:
        - type: "'parameter'"
      element:
        tag: "'a'"
        attributes:
          href: "'https://more-details-here/' || DeviceID.SerialNumber"
1 Like

What about “static content” ? @JonasGhost mentioned InformationMarkers which very likely means the same.
We would like to add additional content to the device-page, too. Using data from the data-model is a requirement, too. So static content ist not the right word probably.
(Basic) HTML should be allowed to style it.

There is the long-text type, but this does not work here. The text is truncated and the use of variables/parameters and/or HTML is not possible.