Skip to content

[Time Strip] allow user to adjust width and height of swimlanes #8003

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

Open
wants to merge 34 commits into
base: 7936-add-discrete-event-visualization
Choose a base branch
from

Conversation

davetsay
Copy link
Contributor

@davetsay davetsay commented Feb 27, 2025

Closes #7957

Describe your changes:

  • custom width adjustment, will adjust all swimlane widths
    • custom width adjustment inside a nested time strip
  • custom height adjustment, based on percentage of viewing space
    • stacked plots scaled per composition
  • Reduced opacity of extended event lines and the Marcus-Baines line to not obfuscate telemetry and other data displayed in the Time Strip.
  • Allow for fixed pixel height or flexible percentage height adjustment in elements tab

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?

davetsay and others added 10 commits January 10, 2025 13:12
- timeline-holder now set to 100% height.
- c-swimlane now space-fills available vertical space, and provides overflow scroll.
- resize is not yet persisted
- WIP!
- Moved many CSS defs from flexible-layout.scss into new mixin `resizeHandleStyle`.
- Fixed bad `drap-orientation` arg in TimelineViewLayout.vue.
- Styling for resize handles in Time Strip view.
@davetsay davetsay requested a review from charlesh88 February 27, 2025 18:29
Copy link

codecov bot commented Feb 27, 2025

Codecov Report

Attention: Patch coverage is 31.07345% with 244 lines in your changes missing coverage. Please review.

Project coverage is 55.20%. Comparing base (2e35212) to head (2572a92).
Report is 1 commits behind head on 7936-add-discrete-event-visualization.

Files with missing lines Patch % Lines
src/utils/vue/useFlexContainers.js 3.92% 98 Missing ⚠️
src/plugins/timeline/TimelineViewLayout.vue 55.34% 70 Missing and 1 partial ⚠️
src/utils/vue/useDragResizer.js 16.00% 21 Missing ⚠️
src/plugins/timeline/TimelineElementsPool.vue 0.00% 13 Missing ⚠️
src/plugins/timeline/TimelineElementsContent.vue 0.00% 12 Missing ⚠️
...c/plugins/timeline/TimelineElementsViewProvider.js 16.66% 10 Missing ⚠️
src/plugins/timeline/Container.js 0.00% 7 Missing ⚠️
src/plugins/timeline/TimelineObjectView.vue 0.00% 4 Missing ⚠️
src/plugins/timeline/timelineInterceptor.js 0.00% 4 Missing ⚠️
src/plugins/timeline/TimelineViewProvider.js 57.14% 3 Missing ⚠️
... and 1 more
Additional details and impacted files
@@                            Coverage Diff                            @@
##           7936-add-discrete-event-visualization    #8003      +/-   ##
=========================================================================
- Coverage                                  57.03%   55.20%   -1.84%     
=========================================================================
  Files                                        686      693       +7     
  Lines                                      27784    28032     +248     
  Branches                                    2735     2743       +8     
=========================================================================
- Hits                                       15846    15474     -372     
- Misses                                     11593    12213     +620     
  Partials                                     345      345              
Flag Coverage Δ
e2e-ci 58.05% <2.50%> (-4.86%) ⬇️
e2e-full 23.36% <2.50%> (-0.28%) ⬇️
unit 48.60% <31.07%> (-16.05%) ⬇️
Files with missing lines Coverage Δ
...s/flexibleLayout/components/ContainerComponent.vue 10.63% <ø> (ø)
...ugins/flexibleLayout/components/FlexibleLayout.vue 8.05% <ø> (ø)
src/plugins/flexibleLayout/plugin.js 100.00% <ø> (ø)
...rc/plugins/inspectorViews/elements/ElementItem.vue 0.00% <ø> (ø)
...c/plugins/inspectorViews/elements/ElementsPool.vue 0.00% <ø> (ø)
...ns/inspectorViews/elements/ElementsViewProvider.js 100.00% <ø> (ø)
src/plugins/plan/components/PlanView.vue 59.49% <ø> (ø)
src/plugins/timeline/configuration.js 100.00% <100.00%> (ø)
src/ui/components/swim-lane/SwimLane.vue 66.66% <100.00%> (+7.40%) ⬆️
src/ui/layout/AppLayout.vue 20.40% <ø> (ø)
... and 14 more

... and 53 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 2e35212...2572a92. 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.

davetsay and others added 5 commits March 3, 2025 16:21
- Repair broken Plan/Gantt view when not in Time Strip.
- Column resizing now shows the horizontal resize handle on the Time axis swimlane only. Handle now uses `:height` from the extended overlay lines to extend across all swimlanes.
- TODO: fix regressions in Plan/Gantt view affecting swimlane height and overflow handling.
@davetsay davetsay self-assigned this Mar 5, 2025
@davetsay davetsay marked this pull request as ready for review March 6, 2025 01:13
@davetsay davetsay mentioned this pull request Mar 6, 2025
3 tasks
charlesh88 and others added 5 commits March 10, 2025 17:00
- Reduced opacity of extended event lines and the Marcus-Baines line
to not obfuscate telemetry and other data displayed in the Time Strip.
- Removed commented CSS code.
- Reduced opacity of extended event lines and the Marcus-Baines line
to not obfuscate telemetry and other data displayed in the Time Strip.
- Removed commented CSS code.
- WIP!
allow for fixed containers
WIP move existing functionality into setup
charlesh88 and others added 9 commits May 7, 2025 09:08
…ize' into issue/7957-adjustable-swimlane-size
- Now normalizes margin so that main-container does not change size between browse and edit modes.
- Fixed long-standing regression where extra space was added for the toolbar when editing, even if view does not use a toolbar.
… Strip view.

- TimelineViewLayout.vue now adds `is-object-type-*` to its container to allow CSS selection.
- Object's `c-object-view` handles overflow-y with scroll when in Time Strip. This is necessary to prevent scrolling of the left hand labels and maintain a consistent right edge alignment for time sync purposes.
- Fixed long-standing regression where extra space was added for the toolbar when editing, even if view does not use a toolbar.
- Main view now uses dashed border instead of box-shadow for `.is-editing`; theme constants removed.
add swimLaneLabelWidth input to inspector
@davetsay davetsay added this to the 4.1.1 milestone Jun 11, 2025
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.

4 participants