cloudstack icon indicating copy to clipboard operation
cloudstack copied to clipboard

UI: Keyboard Shortcut(s)

Open apurv-1 opened this issue 2 years ago • 33 comments

Description

Adds the support to navigate through CloudStack Management UI with Keyboard.

Types of changes

  • [ ] Breaking change (fix or feature that would cause existing functionality to change)
  • [x] New feature (non-breaking change which adds functionality)
  • [ ] Bug fix (non-breaking change which fixes an issue)
  • [ ] Enhancement (improves an existing feature and functionality)
  • [ ] Cleanup (Code refactoring and cleanup, that may add test cases)
  • [ ] build/CI

Feature/Enhancement Scale

  • [x] Major
  • [ ] Minor

Screenshots (if appropriate):

How Has This Been Tested?

How did you try to break this feature and the system with this change?

apurv-1 avatar Nov 18 '23 13:11 apurv-1

@borisstoyanov can we show the list of keyboard shortkeys in a different way? for eg: github (shift+?)

Screenshot 2023-11-18 at 6 52 29 PM

cc: @rohityadavcloud

apurv-1 avatar Nov 18 '23 13:11 apurv-1

nice, great to see you back on this @apurv-1! The list you suggest seems good, let me know if you need any help/testing

borisstoyanov avatar Nov 20 '23 08:11 borisstoyanov

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Comparison is base (0bc7fb5) 30.75% compared to head (4082d43) 31.22%.

:exclamation: Current head 4082d43 differs from pull request most recent head b0ecf89. Consider uploading reports for the commit b0ecf89 to get more accurate results

Additional details and impacted files
@@             Coverage Diff              @@
##               main    #8250      +/-   ##
============================================
+ Coverage     30.75%   31.22%   +0.47%     
+ Complexity    33910    31081    -2829     
============================================
  Files          5341     4839     -502     
  Lines        374759   338361   -36398     
  Branches      54510    48669    -5841     
============================================
- Hits         115248   105657    -9591     
+ Misses       244276   218202   -26074     
+ Partials      15235    14502     -733     
Flag Coverage Δ
simulator-marvin-tests 25.15% <ø> (+0.50%) :arrow_up:
uitests ?
unit-tests 14.81% <ø> (-1.63%) :arrow_down:

Flags with carried forward coverage won't be shown. Click here to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

codecov[bot] avatar Nov 20 '23 09:11 codecov[bot]

@blueorangutan ui

vishesh92 avatar Nov 20 '23 10:11 vishesh92

@vishesh92 a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

blueorangutan avatar Nov 20 '23 10:11 blueorangutan

UI build: :heavy_check_mark: Live QA URL: https://qa.cloudstack.cloud/simulator/pr/8250 (QA-JID-228)

blueorangutan avatar Nov 20 '23 10:11 blueorangutan

Excellent, thanks for raising this @apurv-1

rohityadavcloud avatar Nov 27 '23 06:11 rohityadavcloud

@apurv-1 I know I have asked this and you replied but I can not find the dialog above so;

Will you add the other shortcuts from the old PR as well?

DaanHoogland avatar Nov 27 '23 08:11 DaanHoogland

@apurv-1 I know I have asked this and you replied but I can not find the dialog above so;

Will you add the other shortcuts from the old PR as well?

Yeah, I am planning to add older shortcuts and but to display shortcuts, I am inclining the way github shows it i.e by opening a dialog. (We can discuss more on this, its just a suggestion right now)

apurv-1 avatar Nov 27 '23 08:11 apurv-1

@apurv-1 I know I have asked this and you replied but I can not find the dialog above so; Will you add the other shortcuts from the old PR as well?

Yeah, I am planning to add older shortcuts and but to display shortcuts, I am inclining the way github shows it i.e by opening a dialog. (We can discuss more on this, its just a suggestion right now)

ok, so do you want this merged as is or add to it first?

DaanHoogland avatar Nov 27 '23 08:11 DaanHoogland

@apurv-1 please see the failures in the UI build: https://github.com/apache/cloudstack/actions/runs/6914183873/job/18841522093?pr=8250

DaanHoogland avatar Nov 27 '23 08:11 DaanHoogland

@apurv-1 I know I have asked this and you replied but I can not find the dialog above so; Will you add the other shortcuts from the old PR as well?

Yeah, I am planning to add older shortcuts and but to display shortcuts, I am inclining the way github shows it i.e by opening a dialog. (We can discuss more on this, its just a suggestion right now)

ok, so do you want this merged as is or add to it first?

I will add the more shortcuts then add the dialog then it will be ready for merge. Sorry, for confusion will change this to draft PR 😅

apurv-1 avatar Nov 27 '23 11:11 apurv-1

This pull request has merge conflicts. Dear author, please fix the conflicts and sync your branch with the base branch.

github-actions[bot] avatar Dec 01 '23 13:12 github-actions[bot]

@apurv-1 thanks for the PR (again), could you resolve the conflict? Thanks.

rohityadavcloud avatar Dec 12 '23 10:12 rohityadavcloud

@apurv-1 thanks for the PR (again), could you resolve the conflict? Thanks.

Yeah, Sure

apurv-1 avatar Dec 12 '23 15:12 apurv-1

This pull request has merge conflicts. Dear author, please fix the conflicts and sync your branch with the base branch.

github-actions[bot] avatar Apr 18 '24 07:04 github-actions[bot]

Codecov Report

:white_check_mark: All modified and coverable lines are covered by tests. :white_check_mark: Project coverage is 18.52%. Comparing base (f417c6b) to head (47bbde0). :warning: Report is 24 commits behind head on main.

Additional details and impacted files
@@             Coverage Diff              @@
##               main    #8250      +/-   ##
============================================
+ Coverage     17.46%   18.52%   +1.06%     
- Complexity    15516    15520       +4     
============================================
  Files          5913     5468     -445     
  Lines        529385   491833   -37552     
  Branches      64679    57765    -6914     
============================================
- Hits          92448    91105    -1343     
+ Misses       426518   390474   -36044     
+ Partials      10419    10254     -165     
Flag Coverage Δ
uitests ?
unittests 18.52% <ø> (+<0.01%) :arrow_up:

Flags with carried forward coverage won't be shown. Click here to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

:rocket: New features to boost your workflow:
  • :snowflake: Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • :package: JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

codecov-commenter avatar Apr 18 '24 07:04 codecov-commenter

@blueorangutan ui

DaanHoogland avatar Apr 18 '24 07:04 DaanHoogland

@DaanHoogland a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

blueorangutan avatar Apr 18 '24 07:04 blueorangutan

UI build: :heavy_check_mark: Live QA URL: https://qa.cloudstack.cloud/simulator/pr/8250 (QA-JID-315)

blueorangutan avatar Apr 18 '24 08:04 blueorangutan

@harikrishna-patnala @shwstppr @borisstoyanov let's merge this finaly

DaanHoogland avatar Apr 18 '24 09:04 DaanHoogland

@DaanHoogland we can merge this and then have follow up PRs for improvements. We can start with "what are the 10 most used actions that user performs on the UI"? I can start with adding shortkeys for those actions.

apurv-1 avatar Apr 19 '24 04:04 apurv-1

@DaanHoogland we can merge this and then have follow up PRs for improvements. We can start with "what are the 10 most used actions that user performs on the UI"? I can start with adding shortkeys for those actions.

Agree, @apurv-1 . I think this would be a good topic to start a new discussion on ;)

DaanHoogland avatar Apr 19 '24 06:04 DaanHoogland

@blueorangutan package

vladimirpetrov avatar Apr 21 '24 19:04 vladimirpetrov

@vladimirpetrov a [SL] Jenkins job has been kicked to build packages. It will be bundled with KVM, XenServer and VMware SystemVM templates. I'll keep you posted as I make progress.

blueorangutan avatar Apr 21 '24 19:04 blueorangutan

@DaanHoogland we can merge this and then have follow up PRs for improvements. We can start with "what are the 10 most used actions that user performs on the UI"? I can start with adding shortkeys for those actions.

Agree, @apurv-1 . I think this would be a good topic to start a new discussion on ;)

@DaanHoogland started a discussion here :)

apurv-1 avatar Apr 21 '24 20:04 apurv-1

Packaging result [SF]: ✔️ el7 ✔️ el8 ✔️ el9 ✔️ debian ✔️ suse15. SL-JID 9348

blueorangutan avatar Apr 21 '24 20:04 blueorangutan

Hi @apurv-1, I tested the feature but it seems that the 'r' shortcut doesn't work on the following pages:

  • 'Domains' page
  • 'Infrastructure' summary page
  • 'Infrastructure' - CPU sockets page
  • 'Infrastructure' - DB/Usage server page
  • 'Configuration' - Global Settings
  • 'Tools' - Import-Export Instances

vladimirpetrov avatar Apr 25 '24 14:04 vladimirpetrov

@vladimirpetrov , do you think that needs to be implemented before we can merge?

DaanHoogland avatar Apr 26 '24 06:04 DaanHoogland

Well, I think we should be consistent - wherever there is a 'Refresh' button, the shortcut must work, so yes, @DaanHoogland

vladimirpetrov avatar Apr 29 '24 10:04 vladimirpetrov