Skip to content

Conversation

@jvigliotta
Copy link
Contributor

@jvigliotta jvigliotta commented Jan 6, 2025

Closes #7977

Describe your changes:

Added some nice to have functionality, such as:

  • filterable create menu (by item name)
  • if create menu filtered to one item, Enter will simulate a click
  • create menu able to be closed with Escape
  • overlay dialog with buttons, Enter and Escape will simulate "Ok" and "Cancel"
  • Properties form (create/edit properties), Enter and Escape will simulate "Ok" and "Cancel"
  • Time popups (realtime/fixed) added Enter and Escape to simulate the ✅ and ❎

All Submissions:

  • Have you followed the guidelines in our Contributing document?
  • Have you checked to ensure there aren't other open Pull Requests for the same update/change?
  • Is this a notable change that will require a special callout in the release notes? For example, will this break compatibility with existing APIs or projects that consume these plugins?

Author Checklist

  • Changes address original issue?
  • Tests included and/or updated with changes?
  • Has this been smoke tested?
  • Have you associated this PR with a type: label? Note: this is not necessarily the same as the original issue.
  • Have you associated a milestone with this PR? Note: leave blank if unsure.
  • Testing instructions included in associated issue OR is this a dependency/testcase change?

Reviewer Checklist

  • Changes appear to address issue?
  • Reviewer has tested changes by following the provided instructions?
  • Changes appear not to be breaking changes?
  • Appropriate automated tests included?
  • Code style and in-line documentation are appropriate?

@codecov
Copy link

codecov bot commented Jan 6, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 58.72%. Comparing base (f4637b8) to head (210d172).

Additional details and impacted files
@@            Coverage Diff             @@
##           master    #7978      +/-   ##
==========================================
+ Coverage   57.76%   58.72%   +0.95%     
==========================================
  Files         684      442     -242     
  Lines       27560    13751   -13809     
  Branches     2701        0    -2701     
==========================================
- Hits        15920     8075    -7845     
+ Misses      11306     5676    -5630     
+ Partials      334        0     -334     
Flag Coverage Δ
e2e-ci 58.63% <ø> (-4.62%) ⬇️
e2e-full 23.88% <ø> (-19.11%) ⬇️
unit ?
Files with missing lines Coverage Δ
src/api/menu/menu.js 96.55% <ø> (ø)

... and 416 files with indirect coverage changes


Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update f4637b8...210d172. Read the comment docs.

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

jvigliotta and others added 2 commits January 7, 2025 13:37
- Create menu labels can now wrap.
- Line height, padding adjusted for menu items.
- Create menu filter input slimmed down a bit.
Copy link
Contributor

@charlesh88 charlesh88 left a comment

Choose a reason for hiding this comment

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

Commenting mostly on UI-related aspects:

  1. Filtering in the Create menu is operating on both the object name and the description. For example, enter filter by "row" and note that you'll see 4 objects, none of which have that string in their names. This should not use the description field and only filter by name.
  2. Now that we've done Enter and Esc keys in dialogs, the Time Conductor popup also expects the love. Currently, the Enter key only works if the user's cursor is within a numeric input, and Esc doesn't do anything. Can we make this consistent with the dialogs?

@charlesh88
Copy link
Contributor

Looks really good, and love the quality of life improvements. Pushed a few small tweaks:

  • Create menu labels can now wrap.
  • Line height, padding adjusted for menu items.
  • Create menu filter input slimmed down a bit.

image

@jvigliotta jvigliotta marked this pull request as ready for review January 9, 2025 18:56
@jvigliotta jvigliotta requested a review from charlesh88 January 9, 2025 18:56
Copy link
Contributor

@charlesh88 charlesh88 left a comment

Choose a reason for hiding this comment

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

Fantastic, smoke tested and all looks great!

@jvigliotta jvigliotta requested a review from charlesh88 January 13, 2025 20:38
@akhenry
Copy link
Contributor

akhenry commented Apr 3, 2025

@jvigliotta Needs tests, thanks.

this.$emit('on-save');
},
handleKeyDown({ key }) {
if (key === 'Enter' && !this.isInvalid) {
Copy link
Contributor

Choose a reason for hiding this comment

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

Thank you!

},
methods: {
handleKeyDown({ key }) {
if (key === 'Enter' && !this.hasInputValidityError) {
Copy link
Contributor

Choose a reason for hiding this comment

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

There seems to be no way to target the [X] button in the Time popup to hit Enter and cancel the action.
The check button action works fine on Enter.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yeah it's not setup in that way, it will cancel if you press the 'Escape' key and submit if you hit the 'Enter' key

…to confirm you can submit time conductor changes with enter key
@jvigliotta jvigliotta requested a review from shefalijoshi July 9, 2025 21:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Filterable create menu and key listeners for forms

5 participants