ICEfaces
  1. ICEfaces
  2. ICE-10002

ace:progressBar - Add support for "indeterminate" mode

    Details

    • Type: Improvement Improvement
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 4.1
    • Component/s: ACE-Components
    • Labels:
      None
    • Environment:
      ICEfaces 4 ace:progressBar

      Description

      It would be useful if the ace:progressBar could support an "indeterminate" mode, like the ice:outputProgress component does, for use when the application wants to show a busy state, but the task completion is not knowable in terms of steps or percentage complete.

      When in "indeterminate='true'" mode, the progress bar would show a constant animation across the entire span of the bar when active to show that it is in a busy or active state.

        Activity

        Ken Fyten created issue -
        Ken Fyten made changes -
        Field Original Value New Value
        Fix Version/s 4.1 [ 11375 ]
        Affects Documentation (User Guide, Ref. Guide, etc.),Sample App./Tutorial [ 10003, 10001 ]
        Arran Mccullough made changes -
        Support Case References Support Case #12807 - https://icesoft.my.salesforce.com/5007000000c2f8n
        Ken Fyten made changes -
        Assignee Arturo Zambrano [ artzambrano ]
        Assignee Priority P2 [ 10011 ]
        Ken Fyten made changes -
        Assignee Priority P2 [ 10011 ] P1 [ 10010 ]
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #45996 Mon Sep 21 19:40:11 MDT 2015 art.zambrano ICE-10002 updated jQuery UI Progressbar plugin to version 1.11.4, which supports the indeterminate state; added indeterminate attribute to ace:progressBar; added logic to the ace:progressBar component to work in an indeterminate mode, both in the server and client side
        Files Changed
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/component/src/org/icefaces/ace/component/progressbar/ProgressBarMeta.java
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/component/src/org/icefaces/ace/component/progressbar/ProgressBarRenderer.java
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/component/resources/icefaces.ace/jquery/ui/jquery-ui.js
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/component/resources/icefaces.ace/progressbar/progressbar.js
        Hide
        Arturo Zambrano added a comment -

        r45996: updated jQuery UI Progressbar plugin to version 1.11.4, which supports the indeterminate state; added indeterminate attribute to ace:progressBar; added logic to the ace:progressBar component to work in an indeterminate mode, both in the server and client side.

        Show
        Arturo Zambrano added a comment - r45996: updated jQuery UI Progressbar plugin to version 1.11.4, which supports the indeterminate state; added indeterminate attribute to ace:progressBar; added logic to the ace:progressBar component to work in an indeterminate mode, both in the server and client side.
        Arturo Zambrano made changes -
        Status Open [ 1 ] Resolved [ 5 ]
        Resolution Fixed [ 1 ]
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #45998 Tue Sep 22 10:49:47 MDT 2015 art.zambrano ICE-10002 updated all themes to include the progressbar overlay for the indeterminate state
        Files Changed
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/humanity.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/dot-luv.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/redmond.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-excite-bike/src/main/resources/META-INF/resources/ace-excite-bike/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-ui-lightness/src/main/resources/META-INF/resources/ace-ui-lightness/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/south-street.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-hot-sneaks/src/main/resources/META-INF/resources/ace-hot-sneaks/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-redmond/src/main/resources/META-INF/resources/ace-redmond/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/swanky-purse.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-black-tie/src/main/resources/META-INF/resources/ace-black-tie/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/start.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/ui-darkness.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-flick/src/main/resources/META-INF/resources/ace-flick/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-start/src/main/resources/META-INF/resources/ace-start/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/pepper-grinder.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/blitzer.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/vader.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/dark-hive.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-blitzer/src/main/resources/META-INF/resources/ace-blitzer/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-humanity/src/main/resources/META-INF/resources/ace-humanity/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-ui-darkness/src/main/resources/META-INF/resources/ace-ui-darkness/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-vader/src/main/resources/META-INF/resources/ace-vader/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/overcast.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-cupertino/src/main/resources/META-INF/resources/ace-cupertino/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/smoothness.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/ui-lightness.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-swanky-purse/src/main/resources/META-INF/resources/ace-swanky-purse/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/trontastic.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-sunny/src/main/resources/META-INF/resources/ace-sunny/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/le-frog.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/sunny.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-south-street/src/main/resources/META-INF/resources/ace-south-street/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-dot-luv/src/main/resources/META-INF/resources/ace-dot-luv/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/component/resources/icefaces.ace/themes/rime/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-le-frog/src/main/resources/META-INF/resources/ace-le-frog/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/black-tie.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-mint-choc/src/main/resources/META-INF/resources/ace-mint-choc/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/hot-sneaks.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/excite-bike.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/component/resources/icefaces.ace/themes/sam/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-smoothness/src/main/resources/META-INF/resources/ace-smoothness/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-overcast/src/main/resources/META-INF/resources/ace-overcast/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-pepper-grinder/src/main/resources/META-INF/resources/ace-pepper-grinder/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/flick.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-dark-hive/src/main/resources/META-INF/resources/ace-dark-hive/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/eggplant.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-eggplant/src/main/resources/META-INF/resources/ace-eggplant/theme.css
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/mint-choc.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/ace/themes/cupertino.jar
        Commit graph MODIFY /icefaces4/trunk/icefaces/ace/themes/ace-trontastic/src/main/resources/META-INF/resources/ace-trontastic/theme.css
        Hide
        Arturo Zambrano added a comment -

        r45998: updated all themes to include the progressbar overlay for the indeterminate state

        Show
        Arturo Zambrano added a comment - r45998: updated all themes to include the progressbar overlay for the indeterminate state
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #45999 Tue Sep 22 11:16:36 MDT 2015 art.zambrano ICE-10002 added indeterminate mode option to showcase demos
        Files Changed
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/webapp/resources/examples/ace/progressbar/progressBarPolling.xhtml
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/java/org/icefaces/samples/showcase/example/ace/progressbar/ProgressBarPolling.java
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/webapp/resources/examples/ace/progressbar/progressBarClient.xhtml
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/java/org/icefaces/samples/showcase/example/ace/progressbar/ProgressBarPush.java
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/webapp/resources/examples/ace/progressbar/progressBarPush.xhtml
        Hide
        Arturo Zambrano added a comment -

        r45999: added indeterminate mode option to showcase demos

        Show
        Arturo Zambrano added a comment - r45999: added indeterminate mode option to showcase demos
        Hide
        Arturo Zambrano added a comment -

        Some important notes:

        • It was necessary to update all the themes to be able to display the animation. This means that any app developers who are using a custom Themeroller theme will have to update their theme to include the progressbar overlay for the indeterminate mode, since it didn't exist in previous versions.
        • The indeterminate feature works as a mode in our component, but it works as a state in the underlying jQuery widget. This means that by setting indeterminate="true" the progressbar doesn't show the indeterminate animation right away but only when the progress is started. In the underlying widget, setting value=false immediately starts the indeterminate animation. So, this required some new, albeit intuitive, rules for our component, which are the following:
          1) When indeterminate="true", if the value of the component is 0, the progressbar is displayed empty.
          2) When indeterminate="true", if the value of the component is > 0 and < 100, the progressbar shows the indeterminate animation.
          3) When indeterminate="true", if the value of the component is 100, the progressbar is displayed as full or complete.
        Show
        Arturo Zambrano added a comment - Some important notes: It was necessary to update all the themes to be able to display the animation. This means that any app developers who are using a custom Themeroller theme will have to update their theme to include the progressbar overlay for the indeterminate mode, since it didn't exist in previous versions. The indeterminate feature works as a mode in our component, but it works as a state in the underlying jQuery widget. This means that by setting indeterminate="true" the progressbar doesn't show the indeterminate animation right away but only when the progress is started. In the underlying widget, setting value=false immediately starts the indeterminate animation. So, this required some new, albeit intuitive, rules for our component, which are the following: 1) When indeterminate="true", if the value of the component is 0, the progressbar is displayed empty. 2) When indeterminate="true", if the value of the component is > 0 and < 100, the progressbar shows the indeterminate animation. 3) When indeterminate="true", if the value of the component is 100, the progressbar is displayed as full or complete.
        Liana Munroe made changes -
        Attachment poll.PNG [ 21380 ]
        Ken Fyten made changes -
        Resolution Fixed [ 1 ]
        Status Resolved [ 5 ] Reopened [ 4 ]
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #46012 Wed Sep 23 15:03:13 MDT 2015 art.zambrano ICE-10002 added missing IDs to checkboxes; rearranged position of checkbox to avoid positioning issue of the reset button
        Files Changed
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/webapp/resources/examples/ace/progressbar/progressBarPolling.xhtml
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/webapp/resources/examples/ace/progressbar/progressBarPush.xhtml
        Hide
        Arturo Zambrano added a comment -

        r46012: added missing IDs to checkboxes; rearranged position of checkbox to avoid positioning issue of the reset button.

        This fix solves issues #1 and #3 above.

        As for #2, that's the correct behaviour, according to the rules listed above. If when paused we cleared the progressbar, it would seem like the progress was cancelled. If we filled the progressbar, then it would seem like it already completed. Filling part of the progress bar doesn't apply, because when in indeterminate mode, the progress is not supposed to be measurable in terms of percentages or steps.

        Show
        Arturo Zambrano added a comment - r46012: added missing IDs to checkboxes; rearranged position of checkbox to avoid positioning issue of the reset button. This fix solves issues #1 and #3 above. As for #2, that's the correct behaviour, according to the rules listed above. If when paused we cleared the progressbar, it would seem like the progress was cancelled. If we filled the progressbar, then it would seem like it already completed. Filling part of the progress bar doesn't apply, because when in indeterminate mode, the progress is not supposed to be measurable in terms of percentages or steps.
        Arturo Zambrano made changes -
        Status Reopened [ 4 ] Resolved [ 5 ]
        Resolution Fixed [ 1 ]
        Hide
        Liana Munroe added a comment -

        Verified ICEfaces 4 trunk r46015, Tomcat 7, IE 11, 10, 9, 8, FF 34, Chrome 45.

        Show
        Liana Munroe added a comment - Verified ICEfaces 4 trunk r46015, Tomcat 7, IE 11, 10, 9, 8, FF 34, Chrome 45.
        Ken Fyten made changes -
        Status Resolved [ 5 ] Closed [ 6 ]

          People

          • Assignee:
            Arturo Zambrano
            Reporter:
            Ken Fyten
          • Votes:
            1 Vote for this issue
            Watchers:
            4 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: