Display filter expand state

app/assets/javascripts/angular/work_packages/controllers/work-packages-controller.js

@@ -57,6 +57,10 @@ angular.module('openproject.workPackages.controllers')
     return $state.includes('work-packages.list.details');
   };
 
+  $scope.getToggleActionLabel = function(active) {
+    return (active) ? I18n.t('js.label_deactivate') : I18n.t('js.label_activate');
+  };
+
   $scope.getActivationActionLabel = function(activate) {
     return (activate) ? I18n.t('js.label_activate') : '';
   };

config/locales/js-de.yml

@@ -40,6 +40,7 @@ de:
     button_details_view: "Detailansicht"
     button_duplicate: "Duplizieren"
     button_edit: "Bearbeiten"
+    button_filter: "Filter"
     button_list_view: "Listenansicht"
     button_log_time: "Aufwand buchen"
     button_more: "Mehr"
@@ -79,6 +80,7 @@ de:
     label_commented_on: "kommentiert am"
     label_contains: "enthält"
     label_date: "Datum"
+    label_deactivate: "Deaktiviere"
     label_descending: "Absteigend"
     label_description: "Beschreibung"
     label_equals: "ist"

config/locales/js-en.yml

@@ -40,6 +40,7 @@ en:
     button_details_view: "Details view"
     button_duplicate: "Duplicate"
     button_edit: "Edit"
+    button_filter: "Filter"
     button_list_view: "List view"
     button_log_time: "Log time"
     button_more: "More"
@@ -73,6 +74,7 @@ en:
     label_board_locked: "Locked"
     label_board_sticky: "Sticky"
     label_date: "Date"
+    label_deactivate: "Deactivate"
     label_descending: "Descending"
     label_description: "Description"
     label_closed_work_packages: "closed"

public/templates/work_packages.list.html

@@ -17,7 +17,12 @@
         </button>
       </li>
       <li class="toolbar-item">
-        <button class="button"
+        <label for="work-packages-filter-toggle-button" class="hidden-for-sighted">
+          {{ getToggleActionLabel(showFiltersOptions) + ' ' + I18n.t('js.button_filter') }}
+        </label>
+        <button id="work-packages-filter-toggle-button"
+                class="button"
+                title="{{ getToggleActionLabel(showFiltersOptions) + ' ' + I18n.t('js.button_filter') }}"
                 ng-click="showFiltersOptions = !showFiltersOptions"
                 ng-class="{active: showFiltersOptions}">
           <i class="icon-filter-big icon-buttons"></i>{{ I18n.t('js.toolbar.filter') }}