Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create component "Filter by Date" #288

Closed
plutonik-a opened this issue Nov 13, 2017 · 4 comments
Closed

Create component "Filter by Date" #288

plutonik-a opened this issue Nov 13, 2017 · 4 comments

Comments

@plutonik-a
Copy link
Contributor

plutonik-a commented Nov 13, 2017

When section "Historical Documents" is selected, the component "filter by date" will show text inputs for typing a start and an end date, as well as a start time and an end time. All options are optional.

There is no default date or time. Inputs only display a placeholder with the required format.
mm dd yyy // hh mm

Component on search page:
bildschirmfoto 2017-11-13 um 13 37 53

Component in sidebar:
bildschirmfoto 2017-11-13 um 13 32 44


Parent: #284
Dependent on: #287

@joewiz
Copy link
Member

joewiz commented Nov 13, 2017

Just one request, moved here from #284 (comment):

  • Please place the "For example" examples beneath all date and time fields (namely, Start Date, End Date, Start Time, and End Time).

plutonik-a added a commit that referenced this issue Nov 23, 2017
* create markup as include
* apply first styling
plutonik-a added a commit that referenced this issue Nov 24, 2017
* create adaptive styling for date/time panels: 50/50 layout on
screensizes, that allow panels to be floated next to each other, full
width otherwise, same applies if component is placed inside the sidebar.
* refactor variables for breakpoints: add min max breakpoints
* add grid class for 50/50 layout
* add headline classes
plutonik-a added a commit that referenced this issue Nov 27, 2017
* show date component only if option „Historical Documents“ or „Entire
site“ is selected
*hide otherwise
* make a smooth transition when showing and hiding the date boxes
@plutonik-a
Copy link
Contributor Author

plutonik-a commented Nov 27, 2017

Status so far: UI is ready
TODO: Correct serialization of input parameters, best as input-group-wise merged parameters.

Hidden:
bildschirmfoto 2017-11-27 um 15 40 46

Active:
bildschirmfoto 2017-11-27 um 15 41 29

@tuurma
Copy link
Contributor

tuurma commented Nov 29, 2017

ideally we want the date controls aggregated for the query string and filter badges but for the time being we will proceed with split-up-controls and join them on the backend

@tuurma tuurma assigned tuurma and unassigned plutonik-a Nov 29, 2017
plutonik-a added a commit that referenced this issue Nov 29, 2017
* rename input names of #dateFilter form
* serialize the form
* add divider before date parameters
plutonik-a added a commit that referenced this issue Nov 29, 2017
Check, if only Historical Documents is checked and only then expand the
date widget.
tuurma added a commit that referenced this issue Nov 29, 2017
tuurma added a commit that referenced this issue Nov 29, 2017
plutonik-a added a commit that referenced this issue Nov 30, 2017
* delete form class „form-control“ in date form
* delete data-template:form-control from date inputs and leave it
applied just for the hidden inputs
* refactor declaration of variables by using shorthands
* delete obsolete & commented-out code
plutonik-a added a commit that referenced this issue Nov 30, 2017
Add missing classes for triggering expanding and collapsing date
section.
plutonik-a added a commit that referenced this issue Nov 30, 2017
* feat-date-search:
  fix(search): Fix conditional display of date section #288
  fix(search): Refactor date and time input IDs #288
  feat(volumes filter) trim volume names down to subseries+volume_number+volume titles; affects #293
  fix(date filter) remove redundant date criteria serialization; affects #288
  feat(date filter) aggregate partial date controls (mm dd yyyy) into single query param and back; addresses #288
  feat(date search) first take on date search
  fix(filters) bring back checking of volumes/administrations etc, add templating attributes for date section
  fix(date filter) add templating relaed attributes and fix names; affects #288
  feat(date search) first take on date search
  feat(date search) first take on date search
  feat(date filter) aggregate partial date controls (mm dd yyyy) into single query param and back; addresses #288
  fix(filters) bring back checking of volumes/administrations etc, add templating attributes for date section
  fix(date filter) add templating relaed attributes and fix names; affects #288
  feat(date search) first take on date search
  feat(date search) first take on date search
  fix(filters) bring back checking of volumes/administrations etc, add templating attributes for date section
  fix(date filter) add templating relaed attributes and fix names; affects #288
  feat(date search) first take on date search
  feat(date search) first take on date search
  feat(date search) first take on date search
plutonik-a added a commit that referenced this issue Nov 30, 2017
* apply correct selector for section filters
* fix „reset filters“ of date on landing page and filters in sidebar
* delete data-template:form-control from all date inputs but hidden one
for aggregation of parameters, because the function only takes a single
value instead of a sequence
@tuurma tuurma closed this as completed Dec 5, 2017
@tuurma
Copy link
Contributor

tuurma commented Dec 5, 2017

other related commits
e4ef537
749fd9c
1a15fd0
6590eaa
f63f241
fef81e8
b04001d

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants