Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Client log view improvements #1385

Merged
merged 16 commits into from
Aug 31, 2024
Merged

Conversation

DevonRD
Copy link
Contributor

@DevonRD DevonRD commented Aug 1, 2024

Fixes the following issues with client log view:

  • Inconsistent and excessive spacing between log entries
  • Lack of responsiveness to window size or scaling

Adds the following features to log view:

  • Auto scroll if scrolled to bottom
  • Ability to clear logs on button click
  • Search function to filter logs
  • General styling refinements to increase usability

*A couple files have inconsequential changes from linting/formatting

@DevonRD DevonRD requested a review from a team as a code owner August 1, 2024 02:36
@DevonRD DevonRD changed the title Improve client log view Client log view improvements Aug 1, 2024
@mcm001
Copy link
Contributor

mcm001 commented Aug 1, 2024

The GOAT returns

@mcm001
Copy link
Contributor

mcm001 commented Aug 1, 2024

This reminds me - we should open a ticket to grab log messages from before the UI connects. We do this in a hacky way right now, but only for the first client.

@srimanachanta
Copy link
Member

srimanachanta commented Aug 1, 2024

This needs to be done in the composition Vue API for the transition to Vue3, I already have Spacing, coloring, reactivity, and styling on the vue3 branch. Will PR soon, we should merge this either directly in that PR or after we merge that one.

{{ getLogLevelFromIndex(level) }}
</v-col>
<v-col cols="6" md="4">
<v-switch v-model="selectedLogLevels[level]" dark color="#ffd843" />
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Whats the reason to replace the button toggle with switches?

@srimanachanta
Copy link
Member

srimanachanta commented Aug 31, 2024

closes #1384

Copy link
Contributor

@mcm001 mcm001 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Does it work? I have no idea! Sure Lgtm tho

@DevonRD not using pnpm anymore until we can bump to Vue3 because of legacy peer dependency resolution issues
@srimanachanta srimanachanta merged commit c38b509 into PhotonVision:master Aug 31, 2024
18 of 19 checks passed
@srimanachanta
Copy link
Member

These changes will likely have to be looked at again during the Vue3 changes

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Include timestamp in websocket logs type and use that within virtual scroll
3 participants