Skip to content

Latest commit

 

History

History
77 lines (52 loc) · 2.36 KB

README.md

File metadata and controls

77 lines (52 loc) · 2.36 KB

Loggsy Frontend

Pages

Dashboard

Features:

  • Visualize aggregated log data
  • Dougnut Chart representing logs created today, this week and this month
  • Area Chart representing total logs created by date
  • Pie Chart representing total logs created by severity

Screenshots:

Dashboard Dashboard

View Logs

The page has informational toast notifications to help improve the UX

Features:

  • Filter Logs by Date Range, Severity and Source
    • Choose any combination of filters
    • Click on the Apply Filter button to apply the filters
  • Sort Logs by Severity and Source (Ascending and Descending)
    • Simply click on the arrow icon on the column header to sort by that column
  • Client-side Pagination
    • You can change the number of logs per page by clicking on the dropdown menu below the table (default is 8)
    • Click on the Next and Previous buttons beside the dropdown to navigate to the next or previous page
    • You can see the current page number and total number of pages at the bottom of the table
  • Download the logs as a CSV file
    • Click on the Download Data button above the table to download the logs as a CSV file
  • Click on one of the logs to view the details of that log or even delete it
    • Log ID and Timestamp are kept as unmodifiable fields
    • Source, Severity and Message are modifiable fields
  • You can even delete multiple logs at once by clicking on the Delete All Logs button

Screenshot:

View Logs

Create Log

The page has informational toast notifications to help improve the UX

Features:

  • Source field is of type text
  • Severity field is of type select with 6 options (TRACE, DEBUG, INFO, WARNING, ERROR and FATAL)
  • Timestamp field is of type datetime-local
  • Message field is of type textarea
  • Click on the Create Log button to create a new log
    • If the form is valid, then the log will be created and you will be redirected to the View Logs page
    • If the form is invalid, then you will see the error messages below the respective fields

Screenshot:

Create Log