From 5cc303a72f1ea3cea35a8b38b6c28aadda95b63b Mon Sep 17 00:00:00 2001
From: Vasileios Papadopoulos <vspapadopou@protonmail.ch>
Date: Sun, 19 Nov 2017 15:56:41 +0200
Subject: [PATCH] Group labels select/de-select all the corresponding group
 items on click

---
 .../component/angularjs-dropdown-multiselect.controller.js  | 6 ++++--
 src/app/component/angularjs-dropdown-multiselect.html       | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app/component/angularjs-dropdown-multiselect.controller.js b/src/app/component/angularjs-dropdown-multiselect.controller.js
index e837cc99..f0da072d 100644
--- a/src/app/component/angularjs-dropdown-multiselect.controller.js
+++ b/src/app/component/angularjs-dropdown-multiselect.controller.js
@@ -199,8 +199,10 @@ export default function dropdownMultiselectController(
 		$scope.externalEvents.onClose();
 	}
 
-	function selectCurrentGroup(currentGroup) {
-		$scope.selectedModel.splice(0, $scope.selectedModel.length);
+	function selectCurrentGroup(currentGroup, singleGroupSelection = true) {
+		if (singleGroupSelection) {
+			$scope.selectedModel.splice(0, $scope.selectedModel.length);
+		}
 		$scope.options.forEach((item) => {
 			if (item[$scope.settings.groupBy] === currentGroup) {
 				$scope.setSelectedItem(item, false, false);
diff --git a/src/app/component/angularjs-dropdown-multiselect.html b/src/app/component/angularjs-dropdown-multiselect.html
index e92650b6..b4d294df 100644
--- a/src/app/component/angularjs-dropdown-multiselect.html
+++ b/src/app/component/angularjs-dropdown-multiselect.html
@@ -75,7 +75,8 @@
     <li ng-if="settings.groupBy"
         ng-repeat-start="option in orderedItems = ( options | filter:getFilter(input.searchFilter) | orderBy:'':false:orderFunction)"
         ng-show="getPropertyForObject(option, settings.groupBy) !== getPropertyForObject(orderedItems[$index - 1], settings.groupBy)"
-        role="presentation"
+        ng-click="selectCurrentGroup(getPropertyForObject(option, settings.groupBy), false)"
+        role="button"
         class="dropdown-header">
       {{ getGroupLabel(getPropertyForObject(option, settings.groupBy)) }}
     </li>