ICEfaces
  1. ICEfaces
  2. ICE-1818

New ace:breadcrumbMenu component

    Details

    • Type: New Feature New Feature
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: EE-3.3.0.GA, 4.0.BETA, 4.0
    • Component/s: ACE-Components
    • Labels:
      None
    • Environment:
      ICEfaces 3, Advanced Component Environment

      Description

      Add a new ace:breadcrumbs component for displaying and interacting with the navigation path.

      1. LeafDisabledWrapped.png
        46 kB
      2. screenshot-01.png
        247 kB
      3. screenshot-02.png
        198 kB
      4. screenshot-03.png
        276 kB
      5. screenshot-04.png
        227 kB
      6. screenshot-05.png
        243 kB
      7. screenshot-06.png
        236 kB
      8. screenshot-07.png
        354 kB
      9. screenshot-08.png
        312 kB
      10. screenshot-09.png
        284 kB
      11. Selected.png
        11 kB

        Activity

        Hide
        Ken Fyten added a comment - - edited

        Let's add a demo to showcase for this that shows both the navigation ace:menuItem case and the command/Action event cases.

        The example can use a tree component with selectable branches and nodes based on the Countries/States/Cities database the showcase already uses. As the user selected an item in the hierarchy, the selected hierarchy will be represented in the breadcrumbMenu. If the user clicks a menuItem in the breadCrumbMenu, it will select that item in the tree.

        Show
        Ken Fyten added a comment - - edited Let's add a demo to showcase for this that shows both the navigation ace:menuItem case and the command/Action event cases. The example can use a tree component with selectable branches and nodes based on the Countries/States/Cities database the showcase already uses. As the user selected an item in the hierarchy, the selected hierarchy will be represented in the breadcrumbMenu. If the user clicks a menuItem in the breadCrumbMenu, it will select that item in the tree.
        Hide
        yip.ng added a comment - - edited

        Done as required above. screenshot. Tree model and API same as in Tree demos. (Tree model and API quite a bit different than was used to in 1.8. Or did I remember wrong?)

        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\view\navigation\AceMenu.java#34768
        A: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbs#34768
        A: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\breadcrumbs#34768
        A: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\breadcrumbs\breadcrumbs.xhtml#34768
        A: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbs\BreadcrumbsBean.java#34768
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbs\BreadcrumbsMeta.java#34768
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbs\BreadcrumbsRenderer.java#34768
        A: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbs\BreadcrumbsResources.java#34768
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\resources\org\icefaces\samples\showcase\view\resources\messages.properties#34768

        Show
        yip.ng added a comment - - edited Done as required above. screenshot . Tree model and API same as in Tree demos. (Tree model and API quite a bit different than was used to in 1.8. Or did I remember wrong?) M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\view\navigation\AceMenu.java#34768 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbs#34768 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\breadcrumbs#34768 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\breadcrumbs\breadcrumbs.xhtml#34768 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbs\BreadcrumbsBean.java#34768 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbs\BreadcrumbsMeta.java#34768 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbs\BreadcrumbsRenderer.java#34768 A: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbs\BreadcrumbsResources.java#34768 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\resources\org\icefaces\samples\showcase\view\resources\messages.properties#34768
        Hide
        yip.ng added a comment - - edited

        Nothing to do with breadcrumbs component. The tree demo has the same problem. See video. Seems like some states or some node ids (the digits in the id is the key to the tree node) are lost once you navigate elsewhere and come back. And it seems to occur only in single select mode. (Tree Overview demo uses multiple select mode, change source to use single select mode to reproduce problem.)

        Show
        yip.ng added a comment - - edited Nothing to do with breadcrumbs component. The tree demo has the same problem. See video . Seems like some states or some node ids (the digits in the id is the key to the tree node) are lost once you navigate elsewhere and come back. And it seems to occur only in single select mode. (Tree Overview demo uses multiple select mode, change source to use single select mode to reproduce problem.)
        Hide
        Ken Fyten added a comment -

        JS error issue has been moved to ICE-9261.

        Show
        Ken Fyten added a comment - JS error issue has been moved to ICE-9261 .
        Hide
        yip.ng added a comment - - edited
        1. All renaming done.
        2. Widened right column of top layout table. (Originally copied from tree demo. Required adjustment to other CSS as well.)
        3. For crumbs with action listeners: when clicked, clicked crumb disabled, following crumbs truncated. (Disabled last crumb is component requirement, not application-controlled.)
        4. Hover CSS fixed.

        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\view\navigation\AceMenu.java#34972
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbs#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbmenu#34972
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbs#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbmenu#34972
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\breadcrumbs#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\breadcrumbmenu#34972
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\breadcrumbs#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\breadcrumbmenu#34972
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\breadcrumbs\breadcrumbs.css#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\breadcrumbmenu\breadcrumbmenu.css#34972
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbs\Breadcrumbs.java#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbmenu\BreadcrumbMenu.java#34972
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\breadcrumbs\breadcrumbs.xhtml#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\breadcrumbmenu\breadcrumbMenu.xhtml#34972
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbs\BreadcrumbsBean.java#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbmenu\BreadcrumbMenuBean.java#34972
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbs\BreadcrumbsMeta.java#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbmenu\BreadcrumbMenuMeta.java#34972
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbs\BreadcrumbsRenderer.java#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbmenu\BreadcrumbMenuRenderer.java#34972
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbs\BreadcrumbsResources.java#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbmenu\BreadcrumbMenuResources.java#34972
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\menu\menu.js#34972
        M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\resources\org\icefaces\samples\showcase\view\resources\messages.properties#34972

        Show
        yip.ng added a comment - - edited All renaming done. Widened right column of top layout table. (Originally copied from tree demo. Required adjustment to other CSS as well.) For crumbs with action listeners: when clicked, clicked crumb disabled, following crumbs truncated. (Disabled last crumb is component requirement, not application-controlled.) Hover CSS fixed. M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\view\navigation\AceMenu.java#34972 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbs#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbmenu#34972 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbs#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbmenu#34972 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\breadcrumbs#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\breadcrumbmenu#34972 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\breadcrumbs#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\breadcrumbmenu#34972 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\breadcrumbs\breadcrumbs.css#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\breadcrumbmenu\breadcrumbmenu.css#34972 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbs\Breadcrumbs.java#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbmenu\BreadcrumbMenu.java#34972 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\breadcrumbs\breadcrumbs.xhtml#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\breadcrumbmenu\breadcrumbMenu.xhtml#34972 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbs\BreadcrumbsBean.java#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbmenu\BreadcrumbMenuBean.java#34972 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbs\BreadcrumbsMeta.java#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbmenu\BreadcrumbMenuMeta.java#34972 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbs\BreadcrumbsRenderer.java#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\breadcrumbmenu\BreadcrumbMenuRenderer.java#34972 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbs\BreadcrumbsResources.java#34971 -> C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\java\org\icefaces\samples\showcase\example\ace\breadcrumbmenu\BreadcrumbMenuResources.java#34972 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\menu\menu.js#34972 M: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\resources\org\icefaces\samples\showcase\view\resources\messages.properties#34972

          People

          • Assignee:
            yip.ng
            Reporter:
            Philip Breau
          • Votes:
            6 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: