Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

In few words these boxes display the number of items a LDN was receive/generated for 


Boxes configuration

REST (Discovery configuration)

Each box is related to a different discovery configuration as mentioned above

  • ldnMessageEntityBaseConfig is the "base" configuration for all the different LDN discovery config.
    This configuration mainly defines the search filter and facets used by any discovery config.
  • NOTIFY.incoming.accepted is the configuration for the "Accepted" box
  • NOTIFY.incoming.processed is the configuration for the "Processed LDN" box
  • NOTIFY.incoming.failure is the configuration for the "Failure (for incoming)" box
  • NOTIFY.incoming.untrusted is the configuration for the "Untrusted" box
  • NOTIFY.incoming.involvedItems is the configuration for the "Involved items (for incoming)" box
  • NOTIFY.outgoing.delivered is the configuration for the "Delivered" box
  • NOTIFY.outgoing.queued is the configuration for the "Queued" box
  • NOTIFY.outgoing.queued_for_retry is the configuration for the "Queued for retry" box
  • NOTIFY.outgoing.failure is the configuration for the "Failure (for outgoing)" box
  • NOTIFY.outgoing.involvedItems is the configuration for the "Involved items )for outgoing)" box

Angular 

On the angular application we can decide which box has to be displayed, the text color, the background color and the title for each one

The angular configuration involved is 

notifyMetrics: AdminNotifyMetricsRow[] = [

  {
    title: "admin-notify-dashboard.received-ldn",
    boxes: [
      {
        color: "#B8DAFF",
        title: "admin-notify-dashboard.NOTIFY.incoming.accepted",
        config: "NOTIFY.incoming.accepted",
        description: "admin-notify-dashboard.NOTIFY.incoming.accepted.description",
      },
      

      ........


      {
        color: "#43515F",
        title: "admin-notify-dashboard.NOTIFY.incoming.involvedItems",
        textColor: "#fff",
        config: "NOTIFY.incoming.involvedItems",
        description: "admin-notify-dashboard.NOTIFY.incoming.involvedItems.description",
      },
    ],
  },
  {
    title: "admin-notify-dashboard.generated-ldn",
    boxes: [
      {
        color: "#D4EDDA",
        title: "admin-notify-dashboard.NOTIFY.outgoing.delivered",
        config: "NOTIFY.outgoing.delivered",
        description: "admin-notify-dashboard.NOTIFY.outgoing.delivered.description",
      },
     

      ......


      {
        color: "#FDBBC7",
        title: "admin-notify-dashboard.NOTIFY.outgoing.failure",
        config: "NOTIFY.outgoing.failure",
        description: "admin-notify-dashboard.NOTIFY.outgoing.failure.description",
      },
      {
        color: "#43515F",
        title: "admin-notify-dashboard.NOTIFY.outgoing.involvedItems",
        textColor: "#fff",
        config: "NOTIFY.outgoing.involvedItems",
        description: "admin-notify-dashboard.NOTIFY.outgoing.involvedItems.description",
      },
    ],
  },
];

The above layout configuration allows to configure the whole Dashboard/Metrics Tab

Using AdminNotifyMetricsRow we are allowed to define a custom number of rows (The default is two)

Each Row has title and boxes elements

  • title is the title being displayed on the row
  • boxes is the list of boxes in the current row 

Each Box object has the following mandatory fields: color, title, config and description and one optional parameter textColor

  • color is the background color for the box (as HEX color code)
  • title is the text displayed on the box (as key for the label)
  • config is the discovery configuration to use
  • description is the tool-tip text displayed (as key for the label)
  • textColor is the font color used for the title of the box (as HEX color code

User Interface

Each colored box is clickable and behind each box there's a different discovery configuration:

...