Details

    • Type: New Feature New Feature
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: 1.0 Beta
    • Fix Version/s: 1.0 Final
    • Component/s: None
    • Labels:
      None
    • Environment:
      any

      Description

      Create a new component that will block users interaction when a form has been submitted and will hide when the response as been received. Place holder bug, more info to come.

        Activity

        Hide
        Patrick Corless added a comment -

        The blocking progress popup components intent is to block user interaction during form submission. It is assumed the blocking progress popup will be indeterminate in nature and act on the ICEfaces bridge event ice.onBeforeSubmit and ice.onAfterUpdate to control visibility. A new mobi component should be created and have the following characteristics.

        • Assignable to mobi:commandButton using a 'for' attribute binding to insure the dialog will only show when configured to do so.
        • Default style would lighten screen with and show an indeterminate progress animated image.
        • Well defined layout and CSS definitions to make the dialog easily skinnable.
        • Child elements of the component would render in the popup.
          The JSF representation of the component would be as follows.

        <mobi:submitNotification for="someButton" >
        <h:outputText value="Processing" />
        </mobi:submitNotification>
        <mobi:commandButton id="someButton" actionListener="#

        {myActionBean.action}

        />

        Show
        Patrick Corless added a comment - The blocking progress popup components intent is to block user interaction during form submission. It is assumed the blocking progress popup will be indeterminate in nature and act on the ICEfaces bridge event ice.onBeforeSubmit and ice.onAfterUpdate to control visibility. A new mobi component should be created and have the following characteristics. Assignable to mobi:commandButton using a 'for' attribute binding to insure the dialog will only show when configured to do so. Default style would lighten screen with and show an indeterminate progress animated image. Well defined layout and CSS definitions to make the dialog easily skinnable. Child elements of the component would render in the popup. The JSF representation of the component would be as follows. <mobi:submitNotification for="someButton" > <h:outputText value="Processing" /> </mobi:submitNotification> <mobi:commandButton id="someButton" actionListener="# {myActionBean.action} />
        Hide
        Judy Guglielmin added a comment -

        could it be considered to do one of the following for this component?

        <mobi:commandButton id="someButton" actionListener="#

        {myActionBean.action}

        notificationPanel="notifOne"/>

        <mobi:submitNotification >
        <h:outputText value="Processing" />
        </mobi:submitNotification>

        ?? Much easier to implement since the process begins and ends with the request originating from the commandButton and this would be very similar to panelConfirmation.

        was also wondering if we could somehow make use of the mobi:ajax tag onStart is executed directly before the ajax submit and onComplete is executed directly after completion of the ajax request.

        Show
        Judy Guglielmin added a comment - could it be considered to do one of the following for this component? <mobi:commandButton id="someButton" actionListener="# {myActionBean.action} notificationPanel="notifOne"/> <mobi:submitNotification > <h:outputText value="Processing" /> </mobi:submitNotification> ?? Much easier to implement since the process begins and ends with the request originating from the commandButton and this would be very similar to panelConfirmation. was also wondering if we could somehow make use of the mobi:ajax tag onStart is executed directly before the ajax submit and onComplete is executed directly after completion of the ajax request.
        Hide
        Patrick Corless added a comment -

        <mobi:commandButton id="someButton" actionListener="#

        {myActionBean.action}

        notificationPanel="notifOne"/>

        <mobi:submitNotification id="notifOne">
        <h:outputText value="Processing" />
        </mobi:submitNotification>

        Keeping it consistent with confirmation panel I think is key. You could consider the mobie:ajax tag but the end user probably doesn't need that level of control. The component could popup and hide with bridge event ice.onBeforeSubmit and ice.onAfterUpdate or something similar. Pretty sure ice.onBeforeSubmit gets called before the request is sent as the services group has built several composite components that do the same thing.

        Show
        Patrick Corless added a comment - <mobi:commandButton id="someButton" actionListener="# {myActionBean.action} notificationPanel="notifOne"/> <mobi:submitNotification id="notifOne"> <h:outputText value="Processing" /> </mobi:submitNotification> Keeping it consistent with confirmation panel I think is key. You could consider the mobie:ajax tag but the end user probably doesn't need that level of control. The component could popup and hide with bridge event ice.onBeforeSubmit and ice.onAfterUpdate or something similar. Pretty sure ice.onBeforeSubmit gets called before the request is sent as the services group has built several composite components that do the same thing.
        Hide
        Judy Guglielmin added a comment -

        is it possible to have both panelConfirmation and notificationPanel on same commandButton?

        Show
        Judy Guglielmin added a comment - is it possible to have both panelConfirmation and notificationPanel on same commandButton?
        Hide
        Patrick Corless added a comment -

        I think it would be possible. the submit notification panel wouldn't popup unless the accept button was pressed.

        Show
        Patrick Corless added a comment - I think it would be possible. the submit notification panel wouldn't popup unless the accept button was pressed.
        Hide
        Judy Guglielmin added a comment -

        OK..that's kind of what I figured....
        Am reworking the command button & panelconfrimationfor all these variations....panelConfrimation, submitNotificaiton, ajax behaviours, singleSubmit....making sure I have all combinations of these covered.

        Show
        Judy Guglielmin added a comment - OK..that's kind of what I figured.... Am reworking the command button & panelconfrimationfor all these variations....panelConfrimation, submitNotificaiton, ajax behaviours, singleSubmit....making sure I have all combinations of these covered.
        Hide
        Patrick Corless added a comment -

        Updated the submitNotification component to use new auto center/scroll code and apply the style pass through attribute to the the popup container. Also updated the showcase example for a typo in the attribute "submitNofification".

        Show
        Patrick Corless added a comment - Updated the submitNotification component to use new auto center/scroll code and apply the style pass through attribute to the the popup container. Also updated the showcase example for a typo in the attribute "submitNofification".
        Hide
        Judy Guglielmin added a comment -

        complete as per Jira. Any further proposed work should have new Jira number

        Show
        Judy Guglielmin added a comment - complete as per Jira. Any further proposed work should have new Jira number

          People

          • Assignee:
            Judy Guglielmin
            Reporter:
            Patrick Corless
          • Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: