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

        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.
        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.
        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.
        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.
        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
        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.

          People

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

            Dates

            • Created:
              Updated:
              Resolved: