margondicco
commented
1 year ago @azayati for technical update : the UI/UX of the breadcrumb is very close of the breadcrumb of the document application.
To have a long-term vision and make the right technical choices :
We have several portlets with the same functional goals: top bar menu, analytics breadcrumb, this new portlet and the tree in the level 2 of the left navigation
The ideal situation would be to have a single portlet associated with different models and properties. And we could plan to create versions of portlets with predefined configurations
Example:
A generic navigation portlet 3 templates available: horizontal breadcrumb menu, currently called the top bar menu, and the vertical menu. For each model, you can choose properties such as icon display, etc.
Finally, the administrator can create a breadcrumb application based on a predefined configuration of the navigation portlet with the breadcrumb template and the icon display property set to false.
srenault-meeds
azayati
boubaker
Rationale
A new portlet in order to display dynamically the navigation nodes tree of a standalone site.
1. Functional Requirements
The portlet displays the label of the root node and then the label of the sub nodes until the current node
A group node should not be clickable.
If more than 4 nodes, the second and the third items are ellipsed.
Example: Root > ... > Node 3 > Node 4
When hovering the ellipsis, then I have a tooltip displaying the Node 2 with ability to click on, it so we can directly access it (if the node is binded with a page or link)
If the root node is a group node, the first sub node linked with a page or a link (that the user can view) is opened.
Other specific requirements
Category of the Breadcrumb portlet : Navigation Name of the Breadcrumb portlet : breadcrumb OR (better) a template of a generic portlet "navigation portlet".
2. Software Architecture
Access
A new vue portlet called Breadcrumb should be implemented in social Meeds module.
Services & processing
NavigationRest service will be updated with the method:
GET: /v1/navigations/node (getSiteNavigationNode): This service will retrieve a node with the nodeName and the siteName (or with the nodeId) and will need expandBreadcrumb param in order to retrieve the breadcrumb of the node.