Ejemplo de respuesta

Widget Tabla

{
  "title": "Progression",
  "help": {
    "text": "Aide ici",
    "URL": "[https://madocURL](https://madocurl/)"
  },
  "subtitle": "sous titre",
  "onClickURL": "[http://example.com](http://example.com/)",
  "valueHistory": {
    "dataset": [
      {
        "progress": 50,
        "value": 122,
        "barTitle": "Data",
        "barColor": "#06C350"
      },
      {
        "progress": 50,
        "value": 77,
        "barTitle": "Identity",
        "barColor": "#06C355"
      },
      {
        "progress": 50,
        "value": 98,
        "barTitle": "Endpoint",
        "barColor": "#05C470"
      }
    ]
  },
  "chartType": "verticalBar"
}

El widget Tabla permite proponer una representación de los datos en forma de tabla que puede contener datos simples o compuestos por un indicador visual y una etiqueta.

Formato de la respuesta Payload

La alimentación de este tipo de widget requiere la siguiente información en la respuesta Payload devuelta:

Ejemplo de respuesta

Configuración de un widget conectado a una fuente de datos externa

Conectarse a los datos externos

Para conectarse a los datos externos, es necesario declarar la fuente de la siguiente manera:

{
  "columns": [
   {
     "id": "name",
     "label": "Nom de l'alerte",
     "type": "text",
     "sortable": true,
     "style": {
       "bold": true
     }
   },
   {
     "id": "severity",
     "label": "Gravity",
     "type": "rating",
     "sortable":"true",
     "align": "center",
     "ratingMax": 3,
     "extraConfig": [
       { "value": 1, "color": "#10b981", "label": "Faible" },
       { "value": 2, "color": "#f97316", "label": "Moyen" },
       { "value": 3, "color": "#ef4444", "label": "Élevé" }
     ]
   },
   {
     "id": "status",
     "label": "État",
     "type": "status",
     "sortable":"true",
     "align": "center",
     "extraConfig": [
       { "id": "resolved", "label": "Résolu", "color": "#10b981" },
       { "id": "in-progress", "label": "En cours", "color": "#f97316" },
       { "id": "open", "label": "Ouvert", "color": "#3b82f6" },
       { "id": "default", "label": "Non défini", "color": "#6b7280" }
     ]
   },
   {
     "id": "category",
     "label": "Catégorie",
     "type": "category",
     "sortable":"true",
     "align": "center",
     "style": {
       "color": "#94a3b8",
				"vborderColor":"red",
        "hborderColor":"transparent"
     }
   },
   {
     "id": "source",
     "label": "Source de détection",
     "type": "text",
     "sortable":"true"
   },
   {
     "id": "resources",
     "label": "Ressources affectées",
     "type": "user",
     "sortable":"true"
   },
   {
     "id": "firstActivity",
     "label": "Première activité",
     "type": "date",
     "sortable":"true"
   },
   {
     "id": "lastActivity",
     "label": "Dernière activité",
     "type": "date",
     "sortable":"true"
   }
  ],
  "data": [
   {
     "name": "Email messages removed after delivery",
     "severity": 1,
     "status": "resolved",
     "category": "Gestion des menaces",
     "source": "MDO",
     "resources": {
       "name": "Fabien TREAND",
       "role": "Cyber Team"
     },
     "firstActivity": "2025-01-27T04:59:00",
     "lastActivity": "2025-01-27T05:01:00",
     "_style": {
       "name": {
         "color": "#60a5fa"
       },
       "category": {
         "background": "#1e293b"
       }
     }
   },
   {
     "name": "Anonymous IP address",
     "severity": 2,
     "status": "resolved",
     "category": "Accès initial",
     "source": "AAD Identity Protection",
     "resources": {
       "name": "thomas"
     },
     "firstActivity": "2024-12-26T09:27:00",
     "lastActivity": "2024-12-26T09:27:00"
   },
   {
     "name": "Anonymous IP address",
     "severity": 2,
     "status": "resolved",
     "category": "Accès initial",
     "source": "AAD Identity Protection",
     "resources": {
       "name": "thomas"
     },
     "firstActivity": "2024-12-26T09:27:00",
     "lastActivity": "2024-12-26T09:27:00"
   },
   {
     "name": "Anonymous IP address",
     "severity": 2,
     "status": "resolved",
     "category": "Accès initial",
     "source": "AAD Identity Protection",
     "resources": {
       "name": "thomas"
     },
     "firstActivity": "2024-12-26T09:24:00",
     "lastActivity": "2024-12-26T09:24:00"
   },
   {
     "name": "Anonymous IP address",
     "severity": 2,
     "status": "resolved",
     "category": "Accès initial",
     "source": "AAD Identity Protection",
     "resources": {
       "name": "thomas"
     },
     "firstActivity": "2024-12-26T09:24:00",
     "lastActivity": "2024-12-26T09:24:00"
   },
   {
     "name": "Anonymous IP address",
     "severity": 3,
     "status": "resolved",
     "category": "Accès initial",
     "source": "AAD Identity Protection",
     "resources": {
       "name": "thomas"
     },
     "firstActivity": "2024-12-26T09:23:00",
     "lastActivity": "2024-12-26T09:23:00"
   },
   {
     "name": "Sample with colored cells",
     "severity": 3,
     "status": "in-progress",
     "category": "Exemple",
     "source": "Sample Source",
     "resources": {
       "name": "John Doe",
       "role": "Security Team"
     },
     "firstActivity": "2025-01-28T10:00:00",
     "lastActivity": "2025-01-28T11:00:00",
     "_style": {
       "name": {
         "background": "#312e81",
         "color": "#818cf8",
         "bold":"true"
       },
       "category": {
         "background": "#064e3b",
         "color": "#34d399"
       },
       "source": {
         "background": "#831843",
         "color": "#fb7185"
       },
       "resources": {
         "background": "#1e3a8a",
         "color": "#93c5fd"
       }
     }
   }
  ]
}

1. Haga clic en el botón … del tablero > Conectores.

2. Haga clic en Nueva conexión > Fuente de datos Panel de control.

3. Introduzca la información requerida, incluida la URL de acceso al servicio web de destino.

4. Haga clic en Agregar.

Una vez establecida la conexión, debe utilizar esta conexión al agregar sus widgets en la vista Panel de control.

Declarar variables

En el panel, puede necesitar declarar una o varias variables que permitirán contextualizar la vista Panel de control a un ámbito de datos particular (ej.: los datos de un cliente). Para ello, puede declarar una variable que luego invocará en el o los widgets deseados, siendo estas variables interpretadas en el momento de la carga de la vista.

1. Haga clic en el botón … del tablero > Conectores.

2. Haga clic en la pestaña Variables.

3. Haga clic en Nueva Variable.

4. Introduzca su nombre y su valor antes de validar.

5. Edite los parámetros del widget que deberá utilizar esta variable haciendo clic en el botón Rueda dentada del widget.

6. Ingrese, en la pestaña Payload, el valor como: "Nombre del dato variable" : "%Nombre de la variable declarada en el tablero%"

Agregar un widget conectado en la vista Panel de control

Agregar un widget conectado es muy sencillo:

1. En la vista Panel de control, haga clic en Agregar un widget.

2. Seleccione un widget entre los compatibles con una fuente externa.

3. Elija la conexión correspondiente a la fuente declarada previamente.

4. Introduzca los parámetros del payload específicos de su servicio web.

5. Haga clic en Guardar.

Nota: puede hacer clic en Probar y luego en la pestaña Resultados de la prueba para verificar si sus parámetros de Payload están bien configurados y devuelven la información esperada.

Probar / modificar temporalmente los datos devueltos en la vista Panel de control

Como se indicó anteriormente, al hacer clic en Probar, tiene acceso a los datos devueltos en la respuesta payload del widget en la pestaña Resultados de la prueba.

Sin embargo, tenga en cuenta que también puede modificar estos datos y hacer clic en Aplicar para ver las modificaciones aplicarse temporalmente en el widget de la vista.