Merge pull request bentorfs#31 from stand579/show-tooltip

Support for optional tooltip

Author: stand579

dist/angular-bootstrap-multiselect-templates.js

@@ -24,7 +24,7 @@ angular.module("multiselect.html", []).run(["$templateCache", function($template
     "        </li>\n" +
     "\n" +
     "        <li role=\"presentation\" ng-repeat=\"option in selectedOptions\" class=\"active\">\n" +
-    "            <a class=\"item-selected\" href=\"\" ng-click=\"toggleItem(option); $event.stopPropagation()\">\n" +
+    "            <a class=\"item-selected\" href=\"\" title=\"{{showTooltip ? getDisplay(option) : ''}}\" ng-click=\"toggleItem(option); $event.stopPropagation()\">\n" +
     "                <span class=\"glyphicon glyphicon-remove\"></span>\n" +
     "                {{getDisplay(option)}}\n" +
     "            </a>\n" +
@@ -42,7 +42,7 @@ angular.module("multiselect.html", []).run(["$templateCache", function($template
     "        <li role=\"presentation\" ng-repeat=\"option in unselectedOptions | filter:search() | limitTo: searchLimit\"\n" +
     "            ng-if=\"!isSelected(option)\"\n" +
     "            ng-class=\"{disabled : selectionLimit && selectedOptions.length >= selectionLimit}\">\n" +
-    "            <a class=\"item-unselected\" href=\"\" ng-click=\"toggleItem(option); $event.stopPropagation()\">\n" +
+    "            <a class=\"item-unselected\" href=\"\" title=\"{{showTooltip ? getDisplay(option) : ''}}\" ng-click=\"toggleItem(option); $event.stopPropagation()\">\n" +
     "                {{getDisplay(option)}}\n" +
     "            </a>\n" +
     "        </li>\n" +

dist/angular-bootstrap-multiselect.js

@@ -27,7 +27,8 @@
                 showSearch: '=?',
                 searchFilter: '=?',
                 disabled: '=?ngDisabled',
-                labels: '=?'
+                labels: '=?',
+                showTooltip: '=?'
             },
             require: 'ngModel',
             templateUrl: 'multiselect.html',
@@ -257,7 +258,7 @@ angular.module("multiselect.html", []).run(["$templateCache", function($template
     "        </li>\n" +
     "\n" +
     "        <li role=\"presentation\" ng-repeat=\"option in selectedOptions\" class=\"active\">\n" +
-    "            <a class=\"item-selected\" href=\"\" ng-click=\"toggleItem(option); $event.stopPropagation()\">\n" +
+    "            <a class=\"item-selected\" href=\"\" title=\"{{showTooltip ? getDisplay(option) : ''}}\" ng-click=\"toggleItem(option); $event.stopPropagation()\">\n" +
     "                <span class=\"glyphicon glyphicon-remove\"></span>\n" +
     "                {{getDisplay(option)}}\n" +
     "            </a>\n" +
@@ -275,7 +276,7 @@ angular.module("multiselect.html", []).run(["$templateCache", function($template
     "        <li role=\"presentation\" ng-repeat=\"option in unselectedOptions | filter:search() | limitTo: searchLimit\"\n" +
     "            ng-if=\"!isSelected(option)\"\n" +
     "            ng-class=\"{disabled : selectionLimit && selectedOptions.length >= selectionLimit}\">\n" +
-    "            <a class=\"item-unselected\" href=\"\" ng-click=\"toggleItem(option); $event.stopPropagation()\">\n" +
+    "            <a class=\"item-unselected\" href=\"\" title=\"{{showTooltip ? getDisplay(option) : ''}}\" ng-click=\"toggleItem(option); $event.stopPropagation()\">\n" +
     "                {{getDisplay(option)}}\n" +
     "            </a>\n" +
     "        </li>\n" +

dist/angular-bootstrap-multiselect.min.js

@@ -20,7 +20,7 @@
         </li>
 
         <li role="presentation" ng-repeat="option in selectedOptions" class="active">
-            <a class="item-selected" href="" ng-click="toggleItem(option); $event.stopPropagation()">
+            <a class="item-selected" href="" title="{{showTooltip ? getDisplay(option) : ''}}" ng-click="toggleItem(option); $event.stopPropagation()">
                 <span class="glyphicon glyphicon-remove"></span>
                 {{getDisplay(option)}}
             </a>
@@ -38,7 +38,7 @@
         <li role="presentation" ng-repeat="option in unselectedOptions | filter:search() | limitTo: searchLimit"
             ng-if="!isSelected(option)"
             ng-class="{disabled : selectionLimit && selectedOptions.length >= selectionLimit}">
-            <a class="item-unselected" href="" ng-click="toggleItem(option); $event.stopPropagation()">
+            <a class="item-unselected" href="" title="{{showTooltip ? getDisplay(option) : ''}}" ng-click="toggleItem(option); $event.stopPropagation()">
                 {{getDisplay(option)}}
             </a>
         </li>

src/multiselect.html

@@ -27,7 +27,8 @@
                 showSearch: '=?',
                 searchFilter: '=?',
                 disabled: '=?ngDisabled',
-                labels: '=?'
+                labels: '=?',
+                showTooltip: '=?'
             },
             require: 'ngModel',
             templateUrl: 'multiselect.html',