(function(){
    'use strict';
  
    angular.module('sbAdminApp')
      .run(['$templateCache', function ($templateCache) {
        $templateCache.put('partials/menu-link.tmpl.html',
          '<md-button ng-class="{\'{{section.icon}}\' : true}" ui-sref-active="active" 
  ' +
          '  ui-sref="{{section.sref}}" style=" text-transform: capitalize; " ng-click="focusSection()">
  ' +
          '  <i class="material-icons">{{section.icon}}</i>
  ' +
          '  {{section.name}}
  ' +
          '  <span  class="md-visually-hidden "
  ' +
          '    ng-if="isSelected()">
  ' +
          '    current page
  ' +
          '  </span>
  ' +
          '</md-button>
  ' +
          '');
      }])
      .directive('menuLink', function () {
        return {
          scope: {
            section: '='
          },
          templateUrl: 'partials/menu-link.tmpl.html',
          link: function ($scope, $element) {
            var controller = $element.parent().controller();
  
            $scope.focusSection = function () {
              // set flag to be used later when
              // $locationChangeSuccess calls openPage()
              controller.autoFocusContent = true;
            };
          }
        };
      })
  })();