Issue 4907 - Wired up collapsible up/down arrows on filters/options.

app/assets/stylesheets/default/main.css.erb

@@ -216,6 +216,9 @@ div.issue div.subject>div>p { margin-top: 0.5em; }
 #content fieldset#filters {
   padding-bottom: 10px;
 }
+#content fieldset#options {
+  padding-bottom: 10px;
+}
 #content fieldset.collapsible.header_collapsible {
   padding-top: 0px;
   padding-bottom: 0px;

public/templates/work_packages/query_filters.html

@@ -1,4 +1,6 @@
-<fieldset id="filters" class="header_collapsible collapsible">
+<fieldset id="filters"
+          class="header_collapsible collapsible"
+          ng-class="{collapsed: !showFilters }">
   <legend ng-click="showFilters = !showFilters" title="{{showFilters && 'Hide' || 'Show'}} filters">
     <a href="javascript:">{{ I18n.t('js.work_packages.label_filter_add') }}</a>
   </legend>

public/templates/work_packages/work_packages_options.html

@@ -3,7 +3,10 @@
   <query-filters></query-filters>
 
   <!-- options angular, under construction -->
-  <fieldset query-form id="column_options" class="header_collapsible collapsible collapsed">
+  <fieldset id="options"
+            query-form id="column_options"
+            class="header_collapsible collapsible"
+            ng-class="{collapsed: !showQueryOptions }">
     <legend title="{{ I18n.t('js.work_packages.description_option_toggle') }}", ng-click="showQueryOptions = !showQueryOptions"><a ng-href="">{{ I18n.t('js.work_packages.label_options') }}</a></legend>
 
     <div ng-show="showQueryOptions">