Difference between revisions of "NF10 Date Range Component"

Revision as of 13:59, 28 October 2022

Goal: UX/Functional

Developer: cloudempiere, Takacs Peter, Design: Norbert Bede Review: Hengsin Low, CarlosRuiz

Improvement

This feature allows introduce a new component allow select more effective way. The component can be used in various part of system. Mainly: Window, Report/Process, Form, Info Window - also custom modules as Dashboard Filter. (upcoming in next releases)

Implementations in system modules

Implementation - Process/Report

When Range is enabled, on process parameter, then new icon appear, allow select range with new range component

Implementation - Window Lookup Record/Advanced Tab

When use click on Date to on Lookup, or Select Advanced Search Between operator, allow select range with new range component

Implementation for Info Window

When 2 date fields added automatically Date Range detected, and Date Range Component appear.

Date vs Date Range Reference (new)

Date Field: on each Dates fields small "time" icons appear, which allow open Date Range Component - when user select specific range, the dates are filled into date from/to fields.

Date Range: replace date from to with human readable range eg. Before 10 november 2022 or Last 3 months etc. (TODO)

Functionalities

Current (default) - allow select full ranges of Day, Week, Month, Year

Allow select Current: Day, Week, Month, Quarter, Year

Previous N / Day, Week, Month, Quarter, Year (range) - starts with previous period (excl. actual)

Illustrates, how the user able to select previous period

Next N / Day, Week, Month, Quarter, Year (range) - starts with previous period (excl. actual)

Illustrates, how the user able to select future period

Before a specific date

Illustrates, how the user able to select a period before selected date.

After a specific date

Illustrates, how the user able to select a period after selected date.

ON exact date

Illustrates, how the user able to select a period On selected date.

Illustrates specific layout for selecting various periods quickly.

Between two dates

Illustrates how the user able to select a specific date ranges with 2 calendar pickers

Changes

TODO

Setup:

TODO

@@ Line 14: / Line 14: @@
 '''Implementation - Process/Report'''
-[[File:Screencast for date range picker.gif|none|thumb|1000x1000px]]
+[[File:Screencast for date range picker.gif|none|thumb|1000x1000px|alt=|When Range is enabled, on process parameter, then new icon appear, allow select range with new range component]]
 '''Implementation - Window Lookup Record/Advanced Tab'''
-[[File:Window-range.gif|none|thumb|1000x1000px]]
+[[File:Window-range.gif|none|thumb|1000x1000px|alt=|When use click on Date to on Lookup, or Select Advanced Search Between operator, allow select range with new range component]]
+'''Implementation for Info Window'''
+[[File:Infowindow-daterange.gif|none|thumb|1000x1000px|When 2 date fields added automatically Date Range detected, and Date Range Component appear.]]