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

Move representations out of the explorer and into a dedicated view #694

Closed
12 tasks
sbegaudeau opened this issue Aug 16, 2021 · 1 comment · Fixed by #709
Closed
12 tasks

Move representations out of the explorer and into a dedicated view #694

sbegaudeau opened this issue Aug 16, 2021 · 1 comment · Fixed by #709

Comments

@sbegaudeau
Copy link
Member

Problem

Representations are hard to find in the explorer, we want to make them more visible.

Solution

Representations will be removed from the explorer and moved to a new dedicated view, contextual to the selection, on the right side of the workbench.

Cutting backs

Rabbit holes

No-gos

Test

  • Automated developer tests merged and pass (with reasonable code coverage)
  • Automated End-to-End tests merged and pass (Cypress)
  • Feature/bug fix manually tested/validated by at least one person not involved in the implementation
  • Collaborative tests passed by hand
  • Exploratory test passed by MEB
  • Business acceptance test passed by MEB

Doc

  • Internal Doc updated
  • External Doc updated
  • Validation Doc updated

UX/UI

  • Zeroheight updated
  • Storybook updated

Next

  • Any left-over tasks in the Github issues
@sbegaudeau
Copy link
Member Author

gcoutable added a commit that referenced this issue Aug 20, 2021
The new representation is can display all existing representation for
the current selection.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 16, 2021
Projects that depends on sirius-components can provide:
- A Spring service that implements IRepresentationsDescriptionProvider
- A Subscription data fetcher to subscribe to the "representationsEvent"

Providing these components will make possible the display of a
representation that display sirius representations for the current
selection.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 16, 2021
It makes possible to set the selection from the ListPropertySection

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 16, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 16, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 16, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 16, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 16, 2021
The delete icon is disabled when the list item cannot be deleted.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 16, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 16, 2021
Wait for some refactoring that will make possible to communicate with
the EditingContextEventProcessor and DataFetcher and some refactoring
that will make possible to give more information about what the
EventHandler did (More than just a Status with OK/ERROR).

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 24, 2021
Projects that depends on sirius-components can provide:
- A Spring service that implements IRepresentationsDescriptionProvider
- A Subscription data fetcher to subscribe to the "representationsEvent"

Providing these components will make possible the display of a
representation that display sirius representations for the current
selection.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 24, 2021
It makes possible to set the selection from the ListPropertySection

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 24, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 24, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 24, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 24, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 24, 2021
The delete icon is disabled when the list item cannot be deleted.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 24, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 24, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 24, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Sep 24, 2021
The contributed data meant to be handled by the editing context event
processor when it is notified thanks to its change description sink

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Everything worked well with Chrome, but with Firefox a <a> component
with an href equals to '#' triggered a page reload.
So instead of a material ui <Link>, a customized <Typography> is used.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
The list property section should not make assumption about the ability
of a list item to be a selection.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
- Makes the list widget takes all available space.
- Removes the carriage return between the icon and the text in the list
item.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
The collapse component of material-ui hard set the height of its content
at the expand animation start. When the content of the accordion height
exceeds the page height a scroll bar is display on the whole page, for a
few milliseconds.
To prevent that scroll bar to be displayed, the Collapse component is
customized to force the accordion height to stay in line.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
First point, the collapse component relies on react transition component
which has a timeout used to define the duration of the transition.
Second point, customizing Collapse onEntering and onExit to force the
height of the accordion content to 'auto', lets the browser calculating
the accordion height, which makes the global page overflow when the
accordion content is too high. In conjunction of an "overflow: auto"
(which we have done), only the accordion content is overflowing (which
is what we want). Doing this has a price, transition cannot be made
from/to "height: auto", and thus, the transition between the opening or
the closing instantaneous. But because of the first point, internally
the animation duration is still present.

Knowing those two points, a small delay can bee seen when an accordion
with a high content is expanded. This commit removes that delay.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
With the default expand icon size, when an accordion is
expanded/collapsed, the icon size seems to exceed the size of its parent
during its rotate animation. Using a smaller expand icon resolve this
issue.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
To verify is a diagram should refresh or not is not a
DiagramCreationService responsibility. It is the diagram event processor
that has to verify this statement.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
gcoutable added a commit that referenced this issue Nov 9, 2021
Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
sbegaudeau pushed a commit that referenced this issue Nov 10, 2021
Projects that depends on Sirius Components should now provide:

- a Spring service that implements IRepresentationsDescriptionProvider
- a Subscription data fetcher to subscribe to the "representationsEvent"

Providing these components will make possible the display of a
representation that display representations for the current selection.

This contribution comes with significant changes to the behavior of the
left and right sides in order to prevent layout issues during the expand
and collapse. It also provides some improvements to the Success object
in order to provide additional information. Those pieces of information
will be used to compute the ChangeDescription. It is a first step to help
users create representations which do not display only semantic elements.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
sbegaudeau pushed a commit that referenced this issue Nov 10, 2021
Projects that depends on Sirius Components should now provide:

- a Spring service that implements IRepresentationsDescriptionProvider
- a Subscription data fetcher to subscribe to the "representationsEvent"

Providing these components will make possible the display of a
representation that display representations for the current selection.

This contribution comes with significant changes to the behavior of the
left and right sides in order to prevent layout issues during the expand
and collapse. It also provides some improvements to the Success object
in order to provide additional information. Those pieces of information
will be used to compute the ChangeDescription. It is a first step to help
users create representations which do not display only semantic elements.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
sbegaudeau pushed a commit that referenced this issue Nov 10, 2021
Projects that depends on Sirius Components should now provide:

- a Spring service that implements IRepresentationsDescriptionProvider
- a Subscription data fetcher to subscribe to the "representationsEvent"

Providing these components will make possible the display of a
representation that display representations for the current selection.

This contribution comes with significant changes to the behavior of the
left and right sides in order to prevent layout issues during the expand
and collapse. It also provides some improvements to the Success object
in order to provide additional information. Those pieces of information
will be used to compute the ChangeDescription. It is a first step to help
users create representations which do not display only semantic elements.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
sbegaudeau pushed a commit that referenced this issue Nov 10, 2021
Projects that depends on Sirius Components should now provide:

- a Spring service that implements IRepresentationsDescriptionProvider
- a Subscription data fetcher to subscribe to the "representationsEvent"

Providing these components will make possible the display of a
representation that display representations for the current selection.

This contribution comes with significant changes to the behavior of the
left and right sides in order to prevent layout issues during the expand
and collapse. It also provides some improvements to the Success object
in order to provide additional information. Those pieces of information
will be used to compute the ChangeDescription. It is a first step to help
users create representations which do not display only semantic elements.

Bug: #694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
Gelio pushed a commit to Gelio/CAL-web that referenced this issue Nov 10, 2021
Provides an implementation of IRepresentationDescriptionProvider and a
subscription data fetcher that subscribe to the "representationsEvent"
in order to display the representations of the current selection

Bug: eclipse-sirius/sirius-web#694
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants