Improving the Cards Management process

[georgeolaru]

I genuinely believe the Supernova block has a ton of potential and it proves that it's able to handle many scenarios of various complexity, from a single vertical card up to a fullscreen Slideshow or even a Parametric Grid composition:

I notice a few friction points where the user experience is cumbersome and hides its true potential. An example is the process of adding a new card to an existing Cards Collection where there isn't a simple "Add Card" button, but you have to go to Collection Layout and increase the Items Count value.

So a first step to enable the potential of the Supernova block is to improve the cards management process: add, remove, edit.

---

Here are a few jobs-to-be-done that I followed in the design process:

• Add a new card to an existing Cards Collection → achievable today but not intuitive
• Add multiple cards at once to create a gallery of cards (eg. masonry, slideshow)
• ✔️ Remove a card → the same process as with any other block
• ✔️ Remove multiple cards → use the List View or select multiple cards
• Duplicate a card → achievable, but it would be easier to add a shortcut "Duplicate" button to the Card block toolbar

---

Following some patterns and inspiration from the Gallery block, I think we can achieve the above-mentioned tasks with the following proposal:

It would also be helpful to add a "Duplicate Card" button to the Card block toolbar and make sure that the Items Count value always stays in-sync with the number of cards available in the page (eg. when removing or duplicating using the List View).

[andreiungurianu]

I tested this and I must say that I love it. It simplifies the editing and makes it easier to build a page. Great job @georgeolaru & @razwan 👏

A few things I noticed:

• [x] When using the option to "Add Cards Gallery" I was expecting the same behaviour as when adding/changing Media to a single Card. Meaning, selecting multiple images is done by simple mouse click. But in the case of this option, I can't select multiple images without hitting the Shift + Mouse Click combo. @georgeolaru suggested maybe opening the Gallery modal and not Images
• [x] The Media does not change no matter where I add it from and even if I save the page

https://user-images.githubusercontent.com/53944294/176912791-1fd56c12-5346-40c5-a400-39666f74e47a.mp4

• [ ] When using the "Add New Card" button (the one that matches the same design and details as before), a new card is added but the Text, Subtitle, and Buttons do not load. I was expecting a similar layout to load.

This is how it works on a Hero Card

https://user-images.githubusercontent.com/53944294/176913116-501dcfcb-83d9-4b67-93a3-d0280be13ae8.mp4

This is the same option in a Media Card

https://user-images.githubusercontent.com/53944294/176913474-b9ce50ad-3871-4ece-bd6f-73ae17e50eba.mp4

• [ ] The Prev/Next arrows in a Slideshow do not load

https://user-images.githubusercontent.com/53944294/176914542-cba3f1bd-26cb-4ad3-8af1-328e545d2a59.mp4

[andreiungurianu]

While testing the update, I noticed that the Add Blank button does not work correctly in the Cards Collection block. When I click the button, two options load: Upload and Media but neither work. This does not seem to happen while using the same Add Blank option from Media Card or Hero Card

https://user-images.githubusercontent.com/53944294/179752486-602c4c28-b9fd-4020-b95f-59ebb6b19a98.mp4