feat(search): Add filter placeholders to sidebar #287

* add filters with expected names to parameters list in app.js
HistoryAtState · Nov 16, 2017 · dff17e2 · dff17e2
1 parent c373eaa
commit dff17e2
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 1 deletion.
diff --git a/pages/search/search-result.html b/pages/search/search-result.html
@@ -35,6 +35,40 @@ <h3 class="hsg-sidebar-title">Sections</h3>
                         </div>
                     </article>
                 </div>
+
+                <!-- filter date -->
+                <div>
+                    <article class="filter-sidebar" >
+                        <h3 class="hsg-sidebar-title">Date</h3>
+                    </article>
+                </div>
+
+                <!-- filter administrations -->
+                <div>
+                    <article class="filter-sidebar" >
+                        <h3 class="hsg-sidebar-title">Administrations</h3>
+                        <div class="hsg-search-inputs-vertical">
+                            <label class="hsg-search-input-label" data-template="templates:each"
+                                   data-template-from="administration" data-template-to="administrations">
+                                <input type="checkbox" name="administrations"/>
+                            </label>
+                        </div>
+                    </article>
+                </div>
+
+                <!-- filter volumes -->
+                <div>
+                    <article class="filter-sidebar" >
+                        <h3 class="hsg-sidebar-title">Volumes</h3>
+                        <div class="hsg-search-inputs-vertical">
+                            <label class="hsg-search-input-label" data-template="templates:each"
+                                   data-template-from="volume" data-template-to="volumes">
+                                <input type="checkbox" name="volumes"/>
+                            </label>
+                        </div>
+                    </article>
+                </div>
+
                 <button class="hsg-sidebar-reset-btn" name="reset-filters" type="reset" value="reset_filters">
                     <span class="glyphicon glyphicon-remove" aria-hidden="true"/>
                     Reset Filters

diff --git a/resources/scripts/app.js b/resources/scripts/app.js
@@ -120,6 +120,12 @@ $(document).ready(function() {
         var action = searchForm.serialize();
         action += serializeFiltersByName(queryForm, 'match');
         action += serializeFiltersByName(formFilters, 'section');
+        action += serializeFiltersByName(formFilters, 'dateStart');
+        action += serializeFiltersByName(formFilters, 'dateEnd');
+        action += serializeFiltersByName(formFilters, 'timeStart');
+        action += serializeFiltersByName(formFilters, 'timeEnd');
+        action += serializeFiltersByName(formFilters, 'administration');
+        action += serializeFiltersByName(formFilters, 'volumes');
         action += serializeFiltersByName(sectionFilter, 'within');
         window.location.replace('?' + action);
     }
@@ -133,7 +139,7 @@ $(document).ready(function() {
     var filterReset = formFilters.find('button[name="reset"]');
 
     /**
-     * Reset all filters in assessment form
+     * Reset all filters in filter form
      */
     function resetFilter () {
         filterInputs.attr('checked', false);