Make group expansion toggle for all groups do something

app/assets/javascripts/angular/directives/work_packages/work-package-group-header.js

@@ -12,6 +12,14 @@ angular.module('openproject.workPackages.directives')
 
           pushGroup(scope.currentGroup);
 
+          scope.toggleAllGroups = function() {
+            var targetExpansion = !scope.groupExpanded[scope.currentGroup];
+
+            angular.forEach(scope.groupExpanded, function(currentExpansion, group) {
+              scope.groupExpanded[group] = targetExpansion;
+            });
+          };
+
           function pushGroup(group) {
             if (scope.groupExpanded[group] === undefined) {
               scope.groupExpanded[group] = true;

public/templates/work_packages/work_packages_table.html

@@ -51,7 +51,9 @@
             {{ work_package_count_for((row.object | columnContent:groupBy)) }}
 
             <span aria-hidden="true" role="presentation" tabindex="-1">
-              <a class="toggle-all" href="#" onclick="toggleAllRowGroups(this); return false;">{{ I18n.t('js.label_collapse_all') }}</a>
+              <a class="toggle-all" ng-href="#" ng-click="toggleAllGroups()">
+                {{ groupExpanded[currentGroup] && I18n.t('js.label_collapse_all') || I18n.t('js.label_expand_all') }}
+              </a>
             </span>
           </span>
         </span>