ExtensionEngine / tailor

Content authoring platform
MIT License
31 stars 10 forks source link

Element copying feature #624

Closed mcapeta closed 3 years ago

mcapeta commented 4 years ago

This PR enables selecting and copying existing content element (resolves #45) to the current activity. It alse fixes #628 - element order issue within element selection dialog.

kjuej commented 4 years ago

@mcapeta @underscope Minor note: I'd like the copy more button to be more noticeable. This way it seems like more of a headline.

Screen Shot 2020-11-12 at 11 58 06
kjuej commented 4 years ago

@mcapeta seems like i can only copy elements from 1 repo, is this by design?

kjuej commented 4 years ago

@mcapeta don't show deselect/select button if there are no elements to copy.

Screen Shot 2020-11-12 at 15 05 21
kjuej commented 4 years ago

@mcapeta unable to add an element in a custom container:

Screen Shot 2020-11-12 at 15 10 47
underscope commented 4 years ago

@kjuej Per conversation with Marin, he will proceed by adding the ability to select repo

bubafinder commented 3 years ago

@mcapeta Disable editing elements while previewing/copying

image

kjuej commented 3 years ago

@mcapeta If a repo is empty (has no children), you're unable to enter it when in "copy element" menu: CopyElement Maybe a message should be added stating that the repo is empty once you enter it?

bubafinder commented 3 years ago

Order of elements inside activity is not preserved

image

bubafinder commented 3 years ago

If I try to play the video, the element is selected. If some element has interaction (modal, video, audio, ...) don't select them on interaction click.

image

bubafinder commented 3 years ago

Use default color for selected elements. Also, I don't prefer different right border color in relation to top, left and bottom color.

In this PR image

Color that we use in activity image

bubafinder commented 3 years ago

Expected behavior: If the select repository input field is cleared, I expect to see a list of all repositories. Current behavior: If the select repository input field is cleared, I can see only the current repository in the list, and need to input a few chars to filter repositories.

image

bubafinder commented 3 years ago

Don't like this view. Maybe it is better to disable entering into the empty activity. Also, it would be good to use min-height for the Copy elements modal.

image

bubafinder commented 3 years ago

Cant remove selected style of interacted elements with deselecting & mouse focus out.

image

mcapeta commented 3 years ago

Expected behavior: If the select repository input field is cleared, I expect to see a list of all repositories. Current behavior: If the select repository input field is cleared, I can see only the current repository in the list, and need to input a few chars to filter repositories.

It is desirable to avoid fetching all available repositories at once for performance reasons.

Don't like this view. Maybe it is better to disable entering into the empty activity. Also, it would be good to use min-height for the Copy elements modal.

Disabling user to enter an empty activity could also be performance issue since we would need to fetch entire repository content to filter out empty activities.

Although your suggestions lead to better experience, I think we could rely on the fact that content authors should know where they copy the content from and not implementing your proposals would not affect them too much (open for discussion 😄 ).

bubafinder commented 3 years ago

Everything you mentioned makes sense and I think it is more important than my suggestions.

bubafinder commented 3 years ago

I managed to run the delete action in the Video Playlist element

image

bubafinder commented 3 years ago

Can't see the border-bottom on the last element. Add a small margin-bottom to the last element.

image

bubafinder commented 3 years ago

TODO:

mcapeta commented 3 years ago

Can't see the border-bottom on the last element. Add a small margin-bottom to the last element.

Cannot reproduce 🤷‍♂️ Which browser do you use (this scrollbar looks strange)?

I managed to run the delete action in the Video Playlist element

This has to be handled within element itself - video playlist is not part of the Tailor codebase, it is custom element and will be improved together with other elements (AFAIK element preview/edit mode are going to be reworked soon).

bubafinder commented 3 years ago

Which browser do you use (this scrollbar looks strange)?

I am using Chrome. In system preferences, I have activated the option to have always visible scroll bar (this is a must for QA, to see the worst case)

This has to be handled within element itself - video playlist is not part of the Tailor codebase, it is custom element and will be improved together with other elements (AFAIK element preview/edit mode are going to be reworked soon).

👍

bubafinder commented 3 years ago

Keep mouse click style only above the "VIEW ELEMENTS" button

image

bubafinder commented 3 years ago

The content inside the view is not responsive

image

underscope commented 3 years ago

ty ❤️ 🏆

mcapeta commented 3 years ago

Here's a couple of small suggestions (mostly format-related), please see if any of these make any sense. 😄

Thank you 😉