DEVELOPMENT Dev Ready STYLING ON HOLD DONE
Priority: 1 (highest) - 4 (lowest)
Description | JIRA | Image | Status | Priority | DEV Estimate | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| NEW KITCHEN SINK |
| 1 | 810-10 13 MW | ||||||||||
| Add action icons to grid |
|
| DONE | ||||||||||
| Wizard map |
|
| 1 | 2D | |||||||||
Calendar week selection |
| 3 | |||||||||||
Toggle Button regular + warning state + error state |
| 2 | 2MW | ||||||||||
Search Field – warning + error states |
|
| 2 | 1D | |||||||||
Grid – cells multi selection |
| 3 | 1MW | ||||||||||
slider - color selection in blue |
|
| 1 | 1.5D | |||||||||
Slider – add warning |
|
| 2 | 1D | |||||||||
Add a "drag and drop" example | 3 | 1D | |||||||||||
Grid – add a cell with warning |
|
| 2 | 2D | |||||||||
Tooltips with titles |
|
| DONE | ||||||||||
Emphasized button |
|
| 3 | 2D | |||||||||
Add all menu types |
| 1 | |||||||||||
Icon menu |
| 1 | 0.5D | ||||||||||
Text area – readonly VS disabled |
| 1 | 0.5D | ||||||||||
Details pane tabs |
| 1 | 0.5D | ||||||||||
Ribbon tabs |
| 2 | 0.5D | ||||||||||
| Add a find element to the kitchen sink | 4 | 1MW | |||||||||||
| Accordion | Add an accordion to the kitchen sink, according to LUX documentation | 1 | 0.5D | ||||||||||
| Breadcrumbs | Add a breadcrumbs example to LUX according to LUX documentation | 1 | 2D | ||||||||||
| Split Buttons | Should support 2 types of buttons - persistent and fixed (currently only fixed is supported). Fixed - the primary is kept default no matter what the user selects in the menu Persistent - the default is kept until the user makes a different selection which then becomes the default | 3 | 1MW | ||||||||||
| Search boxes (for example, combo box) | Should support 2 types of search - at the beginning of the string only AND within the string. Default type should be at the beginning of the string (currently supported). | 2 | 1D | ||||||||||
| Date Picker | If there is no default date, the input will show a hint text indicating the desired format (for example - “dd/mm/yyyy”) - should add hint text according to the user's settings | 1 | 0.5D | ||||||||||
| Multiple selection drop down menu | Add to kitchen sink | 2 | 2MW | ||||||||||
| Searchable drop down menu | Add to kitchen sink | 2 | 1MW | ||||||||||
| Popups | The popup should appear at 2/3 height of the screen | 4 | 1D | ||||||||||
| Popups | Add transitions - low priority | 4 | 4D | ||||||||||
| Message popups | Make sure that the max-height of a popup is 600px (inclusing header and all other parts) if the text is longer, a scroll will be added | 1 | 2D | ||||||||||
| Input fields with hint text | Text Area, Text Field - When text was not inserted and the field is active - Clicking the field will place the cursor at the beginning and the hint text will disappear. | 2 | 0.5D | ||||||||||
| Tooltips | Interaction section should be handled according to the description in the documentation | 2 | 1.5MW | ||||||||||
| Tooltips | Using "Esc" on the keyboard should hide the tooltip while the mouse cursor is still within the target area | 3 | 2D | ||||||||||
| Tree | When the label is truncated (node name), hovering over it will show a tooltip with the full label | 1 | 1D | ||||||||||
| Tree | When a user expands a node if the nodes are not shown immediately, provide a "loading" indication at the place below the expanded node - add an example to the kitchen sink of s tree with a lot of data and a loading indication | 4 | |||||||||||
| Tree | Add a multiple selection tree to the kitchen sink
| 2 | |||||||||||
| Time Picker | Add a time picker to the kitchen sink according the the design on LUX
| 1 | 2MW | ||||||||||
| Tagging | Add a tagging example to the kitchen sink according to LUX design | 4 | |||||||||||
| Range Picker | Add a range picker example to the kitchen sink according to LUX design | 2 | 4MW | ||||||||||
| List | Add examples to the kitchen sink:
| 1 | 1D | ||||||||||
| Data Tables | Width section should be supported according to the documentation | 1 | 2-4 MW | ||||||||||
| Data Tables | A sorted column should be marked with a light background
| 3 | Guy Hivroni (Unlicensed) - does this support WCAG? 3D | ||||||||||
| Data Tables | Alignment - Text should be aligned to the left, numbers to the right and icons to the center | 2 | 1MW | ||||||||||
| Data Tables | If the table is already sorted in ascending/descending order, this item (in the menu) will be disabled | 4 | 1MW | ||||||||||
| Data Tables | Pagination - Add to kitchen sink according to the design
| 1 | 0.5D | ||||||||||
| Inline Editing Tables | add to kitchen sink according to the design
| 1 | 0.5D | ||||||||||
| Tree Tables | add to kitchen sink according to the design
| 1 | TBD | ||||||||||
| Extended Rows Tables | add to kitchen sink according to the design
| 3 | 1MW | ||||||||||
| Dynamic Tables | add to kitchen sink according to the design
| 2 | 1MW | ||||||||||
| Tabs with warning/error |
| 3 | 4D | ||||||||||
| add to kitchen sink according to the design | 1 | 2D | |||||||||||
| ToastToasts | add to kitchen sink according to the design | 1 | 2MW | Stepper | In some cases the value unit can be presented within the stepper, in which case the units are hidden in edit mode - check if still in the doc  | ||||||||
| Stepper | Minimum and maximum values: when the stepper reaches the minimum or maximum value, the down/up buttons will be disabled respectively | 2 | 1D | ||||||||||
| Field validation | All input fields will display the value entered by the user. If the input is invalid, an indication for invalid/warning will be displayed. Prevention of input is not allowed- Currently, there input fields which allow entering ONLY numeric characters (for example, stepper). | 2 | Asaf Ben-Oved | ||||||||||
| Slider | If the handle is already at the right (or top) end of the slider the increase button will be disabled/If the handle is already at the left (or bottom) end of the slider the decrease button will be disabled | 2 | 1D | ||||||||||
| Slider | Add a range slider with/without corresponding text inputs | 1 | 2MW | ||||||||||
| Slider | Hovering the slider will show the current value in a tooltip above (or to the side of) the selected value | 1 | 1D |
...