ft(UI): Add button to export timeline to csv

[Jordan91]

Description

Video:

https://www.loom.com/share/6700c5f37a1b46bea07e6efaf35f0695

Add frontend button to export data to csv format in Timeline

In the "Resource status" view, in the right panel displayed after clicking on a resource, in the "Timeline" tab, under the filter input.

When the CSV export button is clicked, the "CSV Exporter" API specified in this ticket is called to generate and download the CSV file.

When the user click on th export button, open a new tab in the browser.

When opening this new tab,

Start downloading the file.

Inside the new tab, display an information message to the user to tell him that the download of the file he requested has started “Your file is being uploaded“.

The CSV export format should be as follows : ['type', 'date', 'content', 'contact', 'status', 'tries',];

In filters, only “Event” type is supported.

If a filter was applied on the time period, generate the CSV file using the filtered data.

CSV export from the timeline should only be applicable for ressource of type host and services. and meta-service.

Fixes # (issue)

Type of change New functionality (non-breaking change) Target serie 22.10.x (master)

[Jordan91]

Small remark:

In the video, you can see that the selection field reduces or increases depending on the number of chips in it. Isn't it nicer to have it always the same size? It avoids that the checkbox moves when you select 1 or more items

I’ll see to improve the behavior - JCA

[Wedierre]

https://www.loom.com/share/0103ca11313744df8814f5f0717affe6

Effectivement cela fait beaucoup d'animation à l'écran et gêne dans la lecture et les repères pour nos utilisateurs. Il doit plus se concentrer sur les éléments qui s'ajoutent ou se suppriment dans les "event" et pas sur les changements de dimensions dans ce cas. Faire un essai lors du responsive du volet en gardant la même taille en largeur que les dates au dessus (voir copie d'écran jointe) Cela ajoutera de la cohérence et fera de nos du blocs un ensemble.

[Wedierre]

Autre point sur la vidéo :-) peut-on réduire la largeur de la liste des téléchargements et rapproché les libellés des loupes ? "Loi de proximité" Et dans le cas de nom à rallonge, les couper avec "…" pour X caractères

[jdelpierre]

Autre point sur la vidéo :-) peut-on réduire la largeur de la liste des téléchargements et rapproché les libellés des loupes ? "Loi de proximité" Et dans le cas de nom à rallonge, les couper avec "…" pour X caractères

The "download" part belongs to the browser, it's not Centreon ;) it's the Chrome menu there

[Wedierre]

Et pour finir… a t'on la possibilité de définir en amont le centrage du texte dans l'export pour la colonne "Tries" ?

[Wedierre]

Autre point sur la vidéo :-) peut-on réduire la largeur de la liste des téléchargements et rapproché les libellés des loupes ? "Loi de proximité" Et dans le cas de nom à rallonge, les couper avec "…" pour X caractères

The "download" part belongs to the browser, it's not Centreon ;) it's the Chrome menu there

Ok :)

[Jordan91]

To Wilfried => The backend's send back this format , i can ask to Tamaz if he can take this suggestion in charge :) Video has been updated

[sonarqube-decoration[bot]]

SonarQube Quality Gate

1 Bug
0 Vulnerabilities
0 Security Hotspots
347 Code Smells

0.0% Coverage
6.9% Duplication

[Wedierre]

To Wilfried => The backend's send back this format , i can ask to Tamaz if he can take this suggestion in charge :) Video has been updated

I don't see the new video. It's the same link?

[Jordan91]

To Wilfried => The backend's send back this format , i can ask to Tamaz if he can take this suggestion in charge :) Video has been updated

I don't see the new video. It's the same link?

No , I just updated the link

[Jordan91]

Et pour finir… a t'on la possibilité de définir en amont le centrage du texte dans l'export pour la colonne "Tries" ?

C'est une extraction csv , donc cela extrait les données dans un fichier plat , il n' y a pas de formatage , là nous avons ce visuel car avec mac on ouvre avec l'application numbers. Mais dasn l'idée l'export csv , c'est l'extraction brute de données.

[Jordan91]

Et pour finir… a t'on la possibilité de définir en amont le centrage du texte dans l'export pour la colonne "Tries" ?

C'est une extraction csv , donc cela extrait les données dans un fichier plat , il n' y a pas de formatage , là nous avons ce visuel car avec mac on ouvre avec l'application numbers. Mais dasn l'idée l'export csv , c'est l'extraction brute de données.

En gros cela ressemble a ca :

[Wedierre]

Et pour finir… a t'on la possibilité de définir en amont le centrage du texte dans l'export pour la colonne "Tries" ?

C'est une extraction csv , donc cela extrait les données dans un fichier plat , il n' y a pas de formatage , là nous avons ce visuel car avec mac on ouvre avec l'application numbers. Mais dasn l'idée l'export csv , c'est l'extraction brute de données.

En gros cela ressemble a ca :

Ok it' good for me

[bdauria]

@Jordan91 any update on this? (changes in the export button and build error)?

[sonarqube-decoration[bot]]

SonarQube Quality Gate

0 Bugs
0 Vulnerabilities
0 Security Hotspots
10 Code Smells

0.0% Coverage
0.0% Duplication