From 5bc96057baed922d53a3055e872772443b7491d8 Mon Sep 17 00:00:00 2001
From: Vasileios Papadopoulos <vspapadopou@protonmail.ch>
Date: Sun, 19 Nov 2017 16:24:07 +0200
Subject: [PATCH] Added selectedIconClass and deselectedIconClass options to
 allow use of custom icons next to the selected items and check/uncheck all
 options

---
 .../angularjs-dropdown-multiselect.controller.js     |  2 ++
 .../component/angularjs-dropdown-multiselect.html    |  8 ++++----
 src/app/main/main.template.html                      | 12 ++++++++++++
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/app/component/angularjs-dropdown-multiselect.controller.js b/src/app/component/angularjs-dropdown-multiselect.controller.js
index e837cc99..c15e19a3 100644
--- a/src/app/component/angularjs-dropdown-multiselect.controller.js
+++ b/src/app/component/angularjs-dropdown-multiselect.controller.js
@@ -68,6 +68,8 @@ export default function dropdownMultiselectController(
 		showEnableSearchButton: false,
 		closeOnSelect: false,
 		buttonClasses: 'btn btn-default',
+		selectedIconClass: 'glyphicon glyphicon-ok',
+		deselectedIconClass: 'glyphicon glyphicon-remove',
 		closeOnDeselect: false,
 		groupBy: undefined,
 		checkBoxes: false,
diff --git a/src/app/component/angularjs-dropdown-multiselect.html b/src/app/component/angularjs-dropdown-multiselect.html
index e92650b6..d3130bb5 100644
--- a/src/app/component/angularjs-dropdown-multiselect.html
+++ b/src/app/component/angularjs-dropdown-multiselect.html
@@ -17,7 +17,7 @@
          data-ng-click="selectAll()"
          tabindex="-1"
          id="selectAll">
-        <span class="glyphicon glyphicon-ok"></span>
+        <span ng-class="::settings.selectedIconClass"></span>
         {{texts.checkAll}}
       </a>
     <li ng-if="settings.showUncheckAll">
@@ -25,7 +25,7 @@
          data-ng-click="deselectAll();"
          tabindex="-1"
          id="deselectAll">
-        <span class="glyphicon glyphicon-remove"></span>
+        <span ng-class="::settings.deselectedIconClass"></span>
         {{texts.uncheckAll}}
       </a>
     </li>
@@ -100,7 +100,7 @@
           </label>
         </div>
         <span ng-if="!settings.checkBoxes"
-              data-ng-class="{'glyphicon glyphicon-ok': isChecked(option)}">
+              data-ng-class="{'{{::settings.selectedIconClass}}' : isChecked(option)}">
         </span>
         <span dm-dropdown-static-include="{{settings.template}}"></span>
       </a>
@@ -126,7 +126,7 @@
           </label>
         </div>
         <span ng-if="!settings.checkBoxes"
-              data-ng-class="{'glyphicon glyphicon-ok': isChecked(option)}">
+              data-ng-class="{'{{::settings.selectedIconClass}}' : isChecked(option)}">
         </span>
         <span ng-if="!settings.checkBoxes"
               dm-dropdown-static-include="{{settings.template}}"></span>
diff --git a/src/app/main/main.template.html b/src/app/main/main.template.html
index 2e939cd0..ef724617 100644
--- a/src/app/main/main.template.html
+++ b/src/app/main/main.template.html
@@ -1262,6 +1262,18 @@ <h2>Settings</h2>
 				<td>btn btn-default</td>
 				<td>The CSS classes that used for setting the style of the button.</td>
 			</tr>
+			<tr>
+				<td>selectedIconClass</td>
+				<td>String</td>
+				<td>glyphicon glyphicon-ok</td>
+				<td>CSS class applied to the icon that appears next to each selected item and Check All option.</td>
+			</tr>
+			<tr>
+				<td>deselectedIconClass</td>
+				<td>String</td>
+				<td>glyphicon glyphicon-remove</td>
+				<td>CSS class applied to the icon that appears next to the Uncheck All option.</td>
+			</tr>
 			<tr>
 				<td>
 					groupBy