/log-viewer

Primary LanguageVueMIT LicenseMIT

Log Viewer (log-viewer)

Asyril Log Viewer

Done tasks

  • the select page is not overlayed on the side menu
  • add loading element on loading of pages/table/charts
  • replace "undefined" loglevel by "system" ?
  • improve colors of loglevels : grey and lightgrey for trace and debug in colorMixin.ts
  • add a button to return to the top of the logs
  • add a button to delete all filters
  • improve logName display in the top bar
  • add a filter like "go to first error"
  • implement the ci to deploy the logviewer on the asyril-registry server (port 8098)
  • permits to select a cell and set it as filter (CTRL + click)
  • display the metadata json
  • improve error management when something else than a eye+ log is imported
  • push the project on github open source asyril account
  • remove menu title and add top space when collapsed
  • Remove title above log tables
  • Optimize the import by extracting data during import and not on each page (move the informations in the logStore)
  • Extract information from metadata (version, serial number) and display them on the base page
  • Display recipes summary from metadata
  • create a filter store to have the filters saved in pages
  • Correct filter height when selecting a log loglevel
  • Add an option to go to page with the filter when clicking on a chart
  • fix the column size of the q-table
  • Add an arrow (or anything else) to differentiate between request and response in communication page
  • add keyboard shortcut for go to next error (N) and go to previous error (B)

Improve for future

  • display all lines even if not recognized within a service (maybe in the raw view we should display every lines)
  • add support for multiline log entry (currently one line in the file = one log entry)
  • display the time with milliseconds
  • permits to enter regex in the message filter
  • tests (unit and e2e)
  • translation (i18n)
  • implement a general filter like gitlab, github or wireshark
  • if scrolled manually go to next error instead of first
  • go to next/previous error wrap search
  • go to next error block instead of line
  • refactor recipes to use a q-table, to be able to sort columns

Development

Install the dependencies

npm install

Start the app in development mode (hot-code reloading, error reporting, etc.)

num start

Lint the files

npm run lint

Format the files

npm run format

Build the app for production

npm run build