Add tooltip explanation for stroke types

Author: cdauth

app/shared/ui/pattern-player/pattern-player-stroke-dropdown.html

@@ -1,4 +1,4 @@
 <ul class="dropdown-menu bb-pattern-player-stokes-dropdown-menu">
 	<li ng-class="{active: !pattern[instrumentKey][i] || pattern[instrumentKey][i]==' '}"><a href="javascript:" ng-click="pattern[instrumentKey][i]=' '"> </a></li><li
-		ng-repeat="stroke in config.instruments[instrumentKey].strokes" ng-class="{active: pattern[instrumentKey][i]==stroke}"><a href="javascript:" ng-click="pattern[instrumentKey][i]=stroke">{{config.strokes[stroke]}}</a></li>
+		ng-repeat="stroke in config.instruments[instrumentKey].strokes" ng-class="{active: pattern[instrumentKey][i]==stroke}"><a href="javascript:" ng-click="pattern[instrumentKey][i]=stroke" uib-tooltip="{{config.strokesDescription[stroke]}}">{{config.strokes[stroke]}}</a></li>
 </ul>

app/shared/ui/pattern-player/pattern-player.html

@@ -35,8 +35,8 @@
 					<a href="javascript:" ng-click="mute(instrumentKey)" ng-class="playerOptions.mute[instrumentKey] ? 'active' : 'inactive'"><span class="glyphicon glyphicon-volume-off"></span></a>
 				</td>
 				<td ng-repeat="(i,a) in utils.getNumber(pattern.length*pattern.time) track by $index" class="stroke" ng-class="getStrokeClass(i)">
-					<span ng-if="!editable" class="stroke-inner">{{config.strokes[pattern[instrumentKey][i]] || ' '}}</span>
-					<a ng-if="editable && !strokeDropdownOpen" href="javascript:" tabindex="0" class="stroke-inner" uib-popover-template="'app/shared/ui/pattern-player/pattern-player-stroke-dropdown.html'" popover-placement="bottom" popover-trigger="focus">{{config.strokes[pattern[instrumentKey][i]] || ' '}}</a>
+					<span ng-if="!editable" class="stroke-inner" uib-tooltip="{{config.strokesDescription[pattern[instrumentKey][i]]}}">{{config.strokes[pattern[instrumentKey][i]] || ' '}}</span>
+					<a ng-if="editable && !strokeDropdownOpen" href="javascript:" tabindex="0" class="stroke-inner" uib-tooltip="{{config.strokesDescription[pattern[instrumentKey][i]]}}" uib-popover-template="'app/shared/ui/pattern-player/pattern-player-stroke-dropdown.html'" popover-placement="bottom" popover-trigger="focus">{{config.strokes[pattern[instrumentKey][i]] || ' '}}</a>
 				</td>
 			</tr>
 		</tbody>