New Favorites Pages Portlet

[wezell]

Problem:

With all the improvements in edit mode, managing pages in dotCMS should be easy.  But forcing content editors to dig through dotCMS’s file browser to find the right “index” page and then having to double click on it can be daunting for non technical editors. We need to get rid of the "index file" experience.

Content editors need a quick way to pop open a site or subpage in edit mode, and use the site to browse to the page they want to edit and get busy.  And it would be nice if content editors could bookmark pages for quick, 1 click access to manage them.

Solution: Start Pages & Favorites

We need to create a portlet that shows a user card views of “start pages”.  A “Start Page” is just a saved url for a page that can be clicked on and the user be instantly taken to the given page in edit mode, including the selections for device, persona and language that were set when the start page was created.

(Internal doc)

https://docs.google.com/document/d/1yRX50V5rbFE3u1BEtOAnTcH9VjuQSDepljlpYDSm3sA/edit

Figma Wireframe (still in development) :
https://www.figma.com/file/aL0kTopu5OJ96S166GRyxC/Channel-%2F-Page-Manager

Portlet Card View (Default View)

The cards should be shown in alphabetical order.

Adding a Start Page

From edit mode, start pages can be added by any user for themselves. If a start page is added by a CMS_Admin, they can choose to share it with one or more roles.

When saving an edit mode view as a start page, we should the whole page url with the page’s parameters like host_id, language, persona and device that has been selected for viewing. Additionally, we should take a screenshot of the page at the time of the save using something like html2canvas, save it as a dotAsset and show this screenshot when displaying the card.

If the page is being viewed as a device, the screenshot should be taken using the width/height that is set in the device.

Start pages can be added by users for themselves and/or by admins to share with users. In card view, should these lists of start pages (“my start pages” and “shared with me”) be shown together or should they be separated visually?

Removing a Start Page

If a user has added a start page for themselves, they can click on a pencil box on the card's top right corner and edit or delete it (after confirmation) - normal users can only remove start pages they have added themselves. If the user is a CMS_ADMIN, they can click on the pencil of a shared start page card and delete them from everyone’s view.

dotStartPage Content Type

To persist start pages we should create a system content type called dotStartPage. This type would consist of a

• title,

• a binary field for the screencap

• a url (textarea)

• an sortOrder integer field that will be used to sort the start pages.

We will need an upgrade task that creates the dotStartPage content type on startup. The dotStartPage content type should be marked as a “system” content type.

Sub-tasks

Tasks

Beta Give feedback

1. UI - Favorite Page portlet: Create context menu for workflow action on right click - listing table #24174
   OKR : Core Features QA : Approved QA : Passed Internal Release : 23.06 Team : Lunik +5
   
2. UI - Favorite Page portlet: Create dialog for "Create Page" button #24173
   Merged QA : Approved QA : Passed Internal Release : 23.05 Team : Scout +5
3. UI - Favorite Page: Spread favorite pages horizontally on wide viewports - To Discuss #24162
   OKR : Core Features Release : 23.06 Team : Lunik Type : Enhancement dotCMS : Admin Tools +5
4. UI - Favorite Page portlet: Add empty state design on contentlets table #24161
   OKR : Core Features QA : Approved Release : 23.06 Team : Lunik +4
   
5. UI - Favorite Page: Edit Favorite page dialog on DotFavoritePage Listing portlet #23061
   Merged QA : Approved QA : Passed Internal Release : 23.05 Team : Scout Type : Enhancement dotCMS : Admin Tools +7
   
6. UI - Favorite Page: Click on a Favorite page in Listing portlet should open it in Edit Page mode #23060
   Note to QA QA : Approved QA : Passed Internal Release : 23.03 Team : Scout Type : Enhancement dotCMS : Admin Tools +7
   
7. UI - Favorite Page: unhighlight Star icon on DELETE page #22965
   QA : Approved QA : Passed Internal Release : 23.03 Team : Scout Type : Enhancement dotCMS : Admin Tools +6
8. UI - Favorite Page portlet: Refresh Page portlet's data when site changed #24172
   Merged Note to QA QA : Approved QA : Passed Internal Release : 23.03 Team : Scout +6
9. Favorite Page: Snapshots should be displayed when the language is changed #24221
   QA : Approved QA : Passed Internal Release : 23.03 Team : Scout Type : Defect +5
   
10. UI - Favorite Page: Edit Page --> Favorite Page dialog = Remove button #22964
    Merged QA : Approved QA : Passed Internal Release : 23.05 Team : Scout Type : New Functionality dotCMS : Admin Tools +7
11. Favorite Pages View: Edit Mode must consider language and device #24219
    Merged OKR : Core Features QA : Approved QA : Passed Internal Release : 23.06 Team : Lunik Type : Defect +7
    
12. Favorite Page: Limited users can try to edit favorite pages they didn't create #24220
    Merged OKR : Core Features Priority : 4 Low QA : Not Needed QA : Passed Internal Release : 23.06 Team : Lunik Type : Defect +8
    

    
13. UI - Favorite Page: Listing Favorite page contentlets #23058
    Merged OKR : Core Features QA : Approved QA : Passed Internal Release : 23.06 Team : Lunik Type : Enhancement dotCMS : Admin Tools +8
14. UI - Favorite Page: Contentlets infinite scroll table on Pages Portlet #23792
    Merged OKR : Core Features QA : Approved QA : Passed Internal Release : 23.06 Team : Lunik dotCMS : Admin Tools +7
    
15. UI - Favorite Page portlet: styles changes and reorder of item appearance #24418
    Merged QA : Approved QA : Passed Internal Release : 23.05 Team : Scout +5
    
16. Favorite Page: User should be able to edit a bookmark even when the page is archived or deleted #24925
    QA : Approved Release : 23.06 Team : Lunik Type : Defect +4
    

[wezell]

Link to feature: https://dotcms.productboard.com/feature-board/planning/features/12213979

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[github-actions]

This issue was closed because it has been stalled with no activity.