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

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

Open
wants to merge 19 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
  • persist width adjustment
  • persist height adjustment
  • fix handles for nested plans not resizing
  • fix handles for plan labels nested in time strips resizing all
  • Reduced opacity of extended event lines and the Marcus-Baines line to not obfuscate telemetry and other data displayed in the Time Strip.

Fixes

  • edit and save, then drop new object in is destroying the 100% calc in configuration.containers
  • removing from tree without the view open is destroying configuration.containers

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 24.21875% with 97 lines in your changes missing coverage. Please review.

Project coverage is 49.66%. Comparing base (2e35212) to head (a238a29).

Files with missing lines Patch % Lines
src/utils/vue/useFlexContainers.js 7.14% 52 Missing ⚠️
src/utils/vue/useDragResizer.js 16.00% 21 Missing ⚠️
src/plugins/timeline/TimelineViewLayout.vue 52.17% 11 Missing ⚠️
src/plugins/timeline/Container.js 0.00% 6 Missing ⚠️
src/plugins/timeline/timelineInterceptor.js 0.00% 4 Missing ⚠️
src/plugins/timeline/TimelineObjectView.vue 0.00% 1 Missing ⚠️
src/plugins/timeline/TimelineViewProvider.js 80.00% 1 Missing ⚠️
src/plugins/timeline/plugin.js 0.00% 1 Missing ⚠️

❗ There is a different number of reports uploaded between BASE (2e35212) and HEAD (a238a29). Click for more details.

HEAD has 8 uploads less than BASE
Flag BASE (2e35212) HEAD (a238a29)
e2e-ci 8 0
Additional details and impacted files
@@                            Coverage Diff                            @@
##           7936-add-discrete-event-visualization    #8003      +/-   ##
=========================================================================
- Coverage                                  57.03%   49.66%   -7.37%     
=========================================================================
  Files                                        686      690       +4     
  Lines                                      27784    27906     +122     
  Branches                                    2735     2737       +2     
=========================================================================
- Hits                                       15846    13860    -1986     
- Misses                                     11593    13702    +2109     
+ Partials                                     345      344       -1     
Flag Coverage Δ *Carryforward flag
e2e-ci ?
e2e-full 23.44% <1.02%> (-0.16%) ⬇️ Carriedforward from 7bba700
unit 48.74% <24.21%> (-0.11%) ⬇️

*This pull request uses carry forward flags. Click here to find out more.

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% <ø> (ø)
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/Container.js 100.00% <ø> (ø)
src/ui/layout/Frame.js 0.00% <ø> (ø)
src/ui/layout/ResizeHandle/ResizeHandle.vue 15.38% <ø> (ø)
src/plugins/timeline/TimelineObjectView.vue 0.00% <0.00%> (ø)
... and 7 more

... and 203 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...a238a29. 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
import { inject } from 'vue';
import { useDragResizer } from 'utils/vue/useDragResizer.js';
import { useFlexContainers } from 'utils/vue/useFlexContainers.js';
import { inject, provide, ref } from 'vue';
Copy link
Contributor

Choose a reason for hiding this comment

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

external packages have first declaration/import order

- 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.
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