feat(handle): added a handle to the splitbar markup

Author: widmoser

src/ui-layout.css

@@ -128,7 +128,7 @@
 }
 
 /* Allow disabling of icons */
-.no-toggle .ui-splitbar-icon {
+.no-toggle .ui-splitbar-toggle {
   display: none;
 }
 

src/ui-layout.js

@@ -688,7 +688,7 @@ angular.module('ui.layout', [])
 
         //icon <a> elements
         var prevButton = angular.element(element.children()[0]);
-        var afterButton = angular.element(element.children()[1]);
+        var afterButton = angular.element(element.children()[2]);
 
         //icon <span> elements
         var prevIcon = angular.element(prevButton.children()[0]);
@@ -947,8 +947,9 @@ angular.module('ui.layout', [])
                 var children = parent.children();
                 var index = ctrl.indexOfElement(element);
                 var splitbar = angular.element('<div ui-splitbar>' +
-                  '<a><span class="ui-splitbar-icon"></span></a>' +
-                  '<a><span class="ui-splitbar-icon"></span></a>' +
+                  '<a><span class="ui-splitbar-icon ui-splitbar-toggle"></span></a>' +
+                  '<a><span class="ui-splitbar-icon ui-splitbar-handle ui-splitbar-icon-up"></span></a>' +
+                  '<a><span class="ui-splitbar-icon ui-splitbar-toggle"></span></a>' +
                   '</div>');
                 if(0 < index && !ctrl.hasSplitbarBefore(scope.container)) {
                   angular.element(children[index-1]).after(splitbar);