New filter design for find bar (MGNLUI-4950)

[MGNLUI-5079] New design for filter layout Created: 14/Mar/19  Updated: 09/Apr/19  Resolved: 09/Apr/19

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: None
Fix Version/s: 6.1

Type: Sub-task Priority: Neutral
Reporter: Milan Divilek Assignee: Milan Divilek
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: 0d
Time Spent: 7.25h
Original Estimate: Not Specified

Attachments: GIF File current_date_filter.gif     GIF File filter_button_deactive_when_focus_out.gif     PNG File image-2019-04-02-14-16-14-761.png     PNG File image-2019-04-02-15-23-20-356.png     GIF File weird_behaviour_of_filter_button.gif    
Template:
Date of First Response:
Sprint: Features 7, Features 8

 Description   

Collapsed filters / default view

  • move filter icon above grid on the right side (same as in definitions)
  • add title row for results grid
  • move checkbox "Show results from current app first" to the first column in title row
  • font size in title row 12px

Expanded filters

  • filter icon is activated (icon bg grey)
  • add new filter style for the select boxes as in definitions
  • display of "black tags" for the filter selections stay the in same style as current

Collapsed filters with "black tags"

  • filter icon is de-activated (icon bg white)
  • filters are collapsed
  • "black tags" move to a visible row under title space in the same style as current


 Comments   
Comment by Quach Hao Thien [ 02/Apr/19 ]

QA:
Case 1. Filter button icon is deactivated when focus out

Steps:

  1. click on Filter button to activate filter menu
  2. Filter button icon's background color switches to grey
  3. When focus out by clicking mouse or pressing tab key, icon's background color is switched back to white 

Status: Resolved

Case 2. Black tags are not aligned with the Select box's content

Status: Resolved

Comment by Quach Hao Thien [ 02/Apr/19 ]

Case 3. Current Date filter problem

Steps:

  1. Type "tour" to Find bar
  2. Select filter "Last edited" to Today, e.g. 02.04.19 - 02.04.19

Expects: The result should be from fromDate 00:00:00 - toDate 02.04.19 23:59:59, e.g. 02.04.19 00:00:00 to 02.04.19 23:59:59

Results: The result is displayed before 02.04.19 00:00:00

Status: Resolved

 

Comment by Quach Hao Thien [ 02/Apr/19 ]

Case 4. Date format of Datepickers are different to black-tags, that would confusing the user 

Status: Resolved 

Comment by Quach Hao Thien [ 03/Apr/19 ]

case 5: Collapse Filter with black-tags after close a view

Steps: 

  1. Click on Filter button to trigger the filter bar
  2. Select some tags
  3. click on any result from result grid
  4. close the just opened View
  5. click on the Filter button to collapse the filter bar

Expects: all the black-tags should not be hidden

Result: all the black-tags is hidden, but could be displayed again when click on Filter button again

Status: Resolved

Generated at Mon Feb 12 09:23:00 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.