ICEfaces
  1. ICEfaces
  2. ICE-6875

ace:dateTimeEntry Enhancements

    Details

    • Type: New Feature New Feature
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: EE-2.0.0.GA, 2.0.2
    • Fix Version/s: 2.1-Beta, 3.0
    • Component/s: ACE-Components
    • Labels:
      None
    • Environment:
      ICEfaces EE running on WAS 7
    • Affects:
      Documentation (User Guide, Ref. Guide, etc.), Sample App./Tutorial, Compatibility/Configuration

      Description

      1. Select  a  Month  via  drop-­‐down  menu  on  calendar  view.
      2. Select  a  Year  via  drop-­‐down  menu  on  calendar  view.
      3. Optionally  support  automatic  selection  (and  hiding  of  popup  calendar)  when  user  clicks  on  a  date,  in  cases  where  only  a  date  is  being  entered.
      4. Optionally  display  up  to  3  months  of  dates  at  one  time  in  the  calendar view. Number  of  months  can  be  specified,  default  to  one  month.
      4a. When displaying >1 month in the calendar view, provide a new attribute to specify which months should be displayed. For example, make it possible to have it so that three months  displays  last,  current,  next  month  left  to  right.  Two  months  displays  current,  next  month  left  to  right. Alternatively, three months displays this month, next month, and the month after that, etc.
      5. Add  "Today"  button  to  calendar  view  that  will  set  the  focus  on  the  current  client  system  date  only,  not  selected  and  calendar  view  should   not  close  until  user  makes  the  selection.
      1. dateTimeEntry.png
        8 kB
      2. screenshot-02.png
        141 kB
      3. screenshot-03.png
        166 kB

        Activity

        Brad Kroeger created issue -
        Brad Kroeger made changes -
        Field Original Value New Value
        Salesforce Case []
        Security Private [ 10001 ]
        Brad Kroeger made changes -
        Assignee Ken Fyten [ ken.fyten ]
        Brad Kroeger made changes -
        Attachment dateTimeEntry.png [ 13239 ]
        Hide
        Brad Kroeger added a comment -

        Clinet comments:

        we are using <ice:selectInputDate> but it does not have singleSubmit and validator kicked off just by clicking on the calendar widget. I looked at <ace:dateTiimeEntry>, it does not display year and month as dropdown and it requires to press ok.

        Ken's response:

        The drop-down month feature can be added to ace:dateTimeEntry fairly readily.

        It's not really feasible to avoid the Ok button press if you are entering both a date and a time on the popup, as there is no way to determine when the user is done otherwise. It could be added as an option to not render the ok/cancel buttons when only a date is being entered, fairly readily.

        Show
        Brad Kroeger added a comment - Clinet comments: we are using <ice:selectInputDate> but it does not have singleSubmit and validator kicked off just by clicking on the calendar widget. I looked at <ace:dateTiimeEntry>, it does not display year and month as dropdown and it requires to press ok. Ken's response: The drop-down month feature can be added to ace:dateTimeEntry fairly readily. It's not really feasible to avoid the Ok button press if you are entering both a date and a time on the popup, as there is no way to determine when the user is done otherwise. It could be added as an option to not render the ok/cancel buttons when only a date is being entered, fairly readily.
        Ken Fyten made changes -
        Salesforce Case []
        Affects [Documentation (User Guide, Ref. Guide, etc.), Sample App./Tutorial, Compatibility/Configuration]
        Description Need a "Today" button below month and year . Pressing button will set calendar back to the current date. If multiple months are rendered (see next item), then only render Today button on first month rendered.

        Need the ability to render multiple months at the same. The number of months, from 1 (default) to 3, would be defined by attribute on the client.
        1. Select  a  Month  via  drop-­‐down  menu  on  calendar  view.
        2. Select  a  Year  via  drop-­‐down  menu  on  calendar  view.
        3. Optionally  support  automatic  selection  (and  hiding  of  popup  calendar)  when  user  clicks  on  a  date,  in  cases  where  only  a  date  is  being  entered.
        4. Optionally  display  up  to  3  months  of  dates  at  one  time  in  the  calendar view. Number  of  months  can  be  specified,  default  to  one  month.
        4a. When displaying >1 month in the calendar view, provide a new attribute to specify which months should be displayed. For example, make it possible to have it so that three months  displays  last,  current,  next  month  left  to  right.  Two  months  displays  current,  next  month  left  to  right. Alternatively, three months displays this month, next month, and the month after that, etc.
        5. Add  "Today"  button  to  calendar  view  that  will  set  the  focus  on  the  current  client  system  date  only,  not  selected  and  calendar  view  should   not  close  until  user  makes  the  selection.
        Hide
        Ken Fyten added a comment -

        To achieve these new features it has been determined to implement a new ace:dateTimeEntry component based on a JQuery calendar, as this will reduce the total effort to achieve the required features, as well as remove a YUI dependency in the future.

        Show
        Ken Fyten added a comment - To achieve these new features it has been determined to implement a new ace:dateTimeEntry component based on a JQuery calendar, as this will reduce the total effort to achieve the required features, as well as remove a YUI dependency in the future.
        Ken Fyten made changes -
        Assignee Ken Fyten [ ken.fyten ] yip.ng [ yip.ng ]
        Ken Fyten made changes -
        Salesforce Case []
        Assignee Priority P1
        Ken Fyten made changes -
        Summary Williams ace:dateTimeEntry Enhancements ace:dateTimeEntry Enhancements
        Salesforce Case []
        Fix Version/s 2.1 [ 10241 ]
        Ken Fyten made changes -
        Link This issue blocks ICE-7013 [ ICE-7013 ]
        Hide
        yip.ng added a comment -

        See ICE-6982 for work done so far.

        Show
        yip.ng added a comment - See ICE-6982 for work done so far.
        yip.ng made changes -
        Attachment screenshot-02.png [ 13341 ]
        Hide
        yip.ng added a comment -

        Attributes required by Williams mostly working. See screenshot 2.

        A couple of minor issues:
        When more than one month displayed, year drop down has only one year.
        Can't handle pattern "MMM/dd/yyyy KK:mm a". Date and time all messed up.

        Show
        yip.ng added a comment - Attributes required by Williams mostly working. See screenshot 2. A couple of minor issues: When more than one month displayed, year drop down has only one year. Can't handle pattern "MMM/dd/yyyy KK:mm a". Date and time all messed up.
        Hide
        yip.ng added a comment -

        Calendar in dataTable and ui:repeat working.

        Show
        yip.ng added a comment - Calendar in dataTable and ui:repeat working.
        Hide
        yip.ng added a comment -

        Calendar in ACE tabset: NullPointerException in DOMPartialViewContext, but it still seems to work.

        Show
        yip.ng added a comment - Calendar in ACE tabset: NullPointerException in DOMPartialViewContext, but it still seems to work.
        Hide
        yip.ng added a comment -

        Calendar in compat tabset: same NPE, plus can't navigate to 2nd or 3rd tab, log has faces message saying "'07/06/2011' could not be understood as a date."

        Show
        yip.ng added a comment - Calendar in compat tabset: same NPE, plus can't navigate to 2nd or 3rd tab, log has faces message saying "'07/06/2011' could not be understood as a date."
        Hide
        yip.ng added a comment -

        Calendar With Push working.

        Show
        yip.ng added a comment - Calendar With Push working.
        Hide
        yip.ng added a comment -

        Add row to table top and table bottom working.

        Show
        yip.ng added a comment - Add row to table top and table bottom working.
        Hide
        yip.ng added a comment -

        Calendar in Nested dataTable and ui:repeat working.

        Show
        yip.ng added a comment - Calendar in Nested dataTable and ui:repeat working.
        Hide
        yip.ng added a comment - - edited

        Calendar with singleSubmit=false (i.e. without ace:ajax) working.

        Show
        yip.ng added a comment - - edited Calendar with singleSubmit=false (i.e. without ace:ajax) working.
        Hide
        yip.ng added a comment -

        NPE caused by missing update attribute in ace:ajax. Once update attribute added, both ACE and compat tabsets work fine.

        Show
        yip.ng added a comment - NPE caused by missing update attribute in ace:ajax. Once update attribute added, both ACE and compat tabsets work fine.
        Hide
        yip.ng added a comment - - edited

        Ajax date select event seems to work only when there is no time component. With time component you need to use value change event.

        Show
        yip.ng added a comment - - edited Ajax date select event seems to work only when there is no time component. With time component you need to use value change event.
        Hide
        yip.ng added a comment -

        With the time component, there is a "Done" button. This button is used to close a popup. However, it is also present in the inline mode. Then it doesn't seem to do anything.

        Show
        yip.ng added a comment - With the time component, there is a "Done" button. This button is used to close a popup. However, it is also present in the inline mode. Then it doesn't seem to do anything.
        yip.ng made changes -
        Attachment screenshot-03.png [ 13346 ]
        Hide
        yip.ng added a comment -

        New JIRAs created for issues found: ICE-7023, ICE-7024, ICE-7025, ICE-7026, ICE-7027

        Show
        yip.ng added a comment - New JIRAs created for issues found: ICE-7023, ICE-7024, ICE-7025, ICE-7026, ICE-7027
        yip.ng made changes -
        Status Open [ 1 ] Resolved [ 5 ]
        Resolution Fixed [ 1 ]
        Hide
        Ken Fyten added a comment -

        For feature 4a, the suggested mechanism is as follows:

        • add a new attribute called something like 'leftMonthOffset' which would accept an integer value. This would specify a zero-based offset indicating which month should be displayed in the leftmost position in the popup calendar, relative to the date value.

        For example:

        monthsToDisplay = 3
        leftMonthOffset = -5

        This config would open the popup with the left-most month being date - 5 months, with the middle month slot being date - 4 months, and the right most slot being date - 3 months.

        Show
        Ken Fyten added a comment - For feature 4a, the suggested mechanism is as follows: add a new attribute called something like 'leftMonthOffset' which would accept an integer value. This would specify a zero-based offset indicating which month should be displayed in the leftmost position in the popup calendar, relative to the date value. For example: monthsToDisplay = 3 leftMonthOffset = -5 This config would open the popup with the left-most month being date - 5 months, with the middle month slot being date - 4 months, and the right most slot being date - 3 months.
        Hide
        Ken Fyten added a comment -

        5. Add "Today" button to calendar view that will set the focus on the current client system date only, not selected and calendar view should not close until user makes the selection.

        This feature is implemented already, but there is a related bug with the Done button showing when it shouldn't be in some cases which needs to be resolved.

        Show
        Ken Fyten added a comment - 5. Add "Today" button to calendar view that will set the focus on the current client system date only, not selected and calendar view should not close until user makes the selection. This feature is implemented already, but there is a related bug with the Done button showing when it shouldn't be in some cases which needs to be resolved.
        Hide
        yip.ng added a comment -

        Feature 4a: ICE-7059.

        Done button issue: ICE-7025.

        Show
        yip.ng added a comment - Feature 4a: ICE-7059 . Done button issue: ICE-7025.
        Ken Fyten made changes -
        Salesforce Case []
        Fix Version/s 2.1-Beta [ 10291 ]
        Fix Version/s 2.1 [ 10241 ]
        Assignee Priority P1
        Security Private [ 10001 ]
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #26452 Fri Nov 18 11:53:10 MST 2011 ken.fyten ICE-7059 - Add option to multi-month dateTimeEntry to specify which month to display leftmost
        ICE-6875 - Add ace:dateTimeEntry enhancements, incl. support for jquery calendar and ThemeRoller styling.
        ICE-6970 Adopted Apache 2.0 license source-code headers for ACE source-code.
        Files Changed
        Commit graph DEL /icefaces3/trunk/icefaces/ace/component/resources/icefaces.ace/datetimeentry/calendar.js
        Commit graph MODIFY /icefaces3/trunk/icefaces/ace/component/src/org/icefaces/ace/component/datetimeentry/DateTimeEntry.java
        Commit graph MODIFY /icefaces3/trunk/icefaces/ace/component/src/org/icefaces/ace/component/datetimeentry/DateTimeEntryMeta.java
        Commit graph DEL /icefaces3/trunk/icefaces/ace/component/src/org/icefaces/ace/component/datetimeentry/skins
        Commit graph ADD /icefaces3/trunk/icefaces/ace/component/resources/icefaces.ace/datetimeentry/datetimeentry.js
        Commit graph ADD /icefaces3/trunk/icefaces/ace/component/src/org/icefaces/ace/event/DateSelectEvent.java
        Commit graph DEL /icefaces3/trunk/icefaces/ace/component/resources/icefaces.ace/datetimeentry/container.css
        Commit graph ADD /icefaces3/trunk/icefaces/ace/component/resources/icefaces.ace/datetimeentry/calendar_icon_disabled.png
        Commit graph ADD /icefaces3/trunk/icefaces/ace/component/src/org/icefaces/ace/component/datetimeentry/DateTimeEntryUtils.java
        Commit graph MODIFY /icefaces3/trunk/icefaces/ace/component/src/org/icefaces/ace/component/datetimeentry/DateTimeEntryRenderer.java
        Commit graph ADD /icefaces3/trunk/icefaces/ace/component/src/org/icefaces/ace/component/datetimeentry/DateTimeEntryHandler.java
        Commit graph ADD /icefaces3/trunk/icefaces/ace/component/resources/icefaces.ace/datetimeentry/calendar_icon.png
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #26461 Fri Nov 18 12:24:01 MST 2011 ken.fyten ICE-6875 - Add ace:dateTimeEntry enhancements, incl. support for jquery calendar and ThemeRoller styling.
        ICE-7049 Add new ace:maskedEntry component.
        Files Changed
        Commit graph ADD /icefaces3/trunk/icefaces/ace/component/resources/icefaces.ace/forms/forms.css
        Commit graph ADD /icefaces3/trunk/icefaces/ace/component/resources/icefaces.ace/forms
        Ken Fyten made changes -
        Fix Version/s 3.0 [ 10241 ]
        Ken Fyten made changes -
        Status Resolved [ 5 ] Closed [ 6 ]

          People

          • Assignee:
            yip.ng
            Reporter:
            Brad Kroeger
          • Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: