[
https://issues.apache.org/jira/browse/SOLR-17909?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=18132604#comment-18132604
]
Nick Shanin commented on SOLR-17909:
------------------------------------
[~malliaridis] I implemented the breadcrumb component from this ticket on a
[branch|https://github.com/nick-boss-tech/solr/tree/solr-17909-breadcrumb-wrap],
and the
[diff|https://github.com/apache/solr/compare/main...nick-boss-tech:solr-17909-breadcrumb-wrap]
is {{SolrBreadcrumb.kt}} under
{{ui/shared/src/commonMain/kotlin/org/apache/solr/ui/views/components/}} with
its test {{SolrBreadcrumbTest.kt}} and a JVM preview. Spotless and the test
pass at the gated head.
Is this the right scope for the ticket, and would you review it if I open the
branch as a PR?
🤖 _AI text above_ 🤖 _(reviewed by Nick Shanin)_
> Implement a Breadcrumb Navigation Component
> -------------------------------------------
>
> Key: SOLR-17909
> URL: https://issues.apache.org/jira/browse/SOLR-17909
> Project: Solr
> Issue Type: Sub-task
> Components: Admin UI
> Reporter: Christos Malliaridis
> Priority: Major
> Labels: new-ui, newdev, ui
>
> One of the UI navigation options that can be used is a breadcrumb. This
> navigation option is currently used in the latest designs of the [Collections
> section in the grid
> view|https://www.figma.com/design/VdbEfcWQ8mirFNquBzbPk2/Apache-Solr-Admin-UI-v2-Concept?node-id=1997-7453&t=yxFihPpG3r7FXACm-1].
> The breadcrumb navigation is a direct visualization of the current navigation
> stack (childstack of decompose) and is useful for nested views / nested
> navigation. This nesting can be seen as navigation layers.
> h2. Task
> Implement a breadcrumb navigation that can be reused in various places. You
> may use and apply the new component in the Collections section for now.
> h2. Acceptance Criteria
> - When the user clicks on a breadcrumb element, the user is navigated to that
> layer / navigation
> - Decompose childstack entries are taken into account when populating the
> breadcrumb navigation
> - The last breadcrumb (current selection) is highlighted / selected
> - When clicking on the last breadcrumb (current selection) it should not
> change the navigation stack
> - The user can navigate multiple layers back when selecting a breadcrumb
> other than the previous (second from the end)
> - When navigating back to a previous layer, the layers after that are dropped
> / cleared / destroyed
> - Forward navigation is not planned
> - The UI is responsive and wraps the breadcrumbs by default (continues on the
> next line when not enough space)
> h2. Bonus Criteria (high complexity)
> The below criteria can be taken into account if someone feels confident:
> - The breadcrumb navigation allows the parent to define the wrapping behavior
> - The wrapping behavior distinguishes between three modes, one is wrapping
> (continue underneath when not enough space), one is horizontal scrolling and
> one is collapsing (items in the center are shortened with three dots
> - The breadcrumb navigation can be configured to collapse from the second
> children onwards if there is not enough space
> - If collapsed, the user can click on three dots (the collapsed part) and a
> popup shows up where the user can select one of the collapsed sections
> - When collapsed, the available space is populated with the tail of the
> breadcrumb
> h2. Additional Information
> When addressing this task, focus on implementing a working example, rather
> than fulfilling all (complex and not) criteria.
> This ticket requires some basic understanding of ]Decompose childstack
> navigation|https://arkivanov.github.io/Decompose/navigation/stack/overview/].
--
This message was sent by Atlassian Jira
(v10.3.26#10030026)
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
