unserver-unify/src/app/topic/topic.js

angular.module('bamboo.topic', ['ui.router','textAngular']).config(
  ['$stateProvider', 
    function($stateProvider) {
      $stateProvider.state('index.forums', {
        url: "/forums",
          templateProvider : function (deviceDetector, $templateFactory, loginService) {
            var url = '';
            if( deviceDetector.isMobile() && !deviceDetector.isTablet() ) {
              url = 'app/topic/mobiletopic.list.html';
            } else {
              url = 'app/topic/topic.list.html';
            }
            return $templateFactory.fromUrl(url);
          },
        //templateUrl: 'app/topic/topic.list.html',
        ncyBreadcrumb: {
          label: 'Forums'
        },
        
      }).state('index.myforums', {
        url: "/myforums",
          templateProvider : function (deviceDetector, $templateFactory, loginService) {
            var url = '';
            if( deviceDetector.isMobile() && !deviceDetector.isTablet() ) {
              url = 'app/topic/mobiletopic.mylist.html';
            } else {
              url = 'app/topic/topic.mylist.html';
            }
            return $templateFactory.fromUrl(url);
          },
        //templateUrl: 'app/topic/topic.mylist.html',
        ncyBreadcrumb: {
          label: 'Forums'
        },
        
      }).state('index.forums.detail', {
        url: '/detail/:id',
        views: {
          "@index": {
          templateProvider : function (deviceDetector, $templateFactory, loginService) {
            var url = '';
            if( deviceDetector.isMobile() && !deviceDetector.isTablet() ) {
              url = 'app/topic/mobiledetail.html';
            } else {
              url = 'app/topic/detail.html';
            }
            return $templateFactory.fromUrl(url);
          },
            //templateUrl: 'app/topic/detail.html'
          }
        },
        ncyBreadcrumb: {
          label: 'Detail'
        },
        
      }).state('index.forums.edit', {
        url: '/edit/:id',
        views: {
          "@index": {
            templateUrl: 'app/topic/edit.html'
          }
        },
        ncyBreadcrumb: {
          label: 'Edit'
        },
        
      }).state('index.forums.course', {
        url: "/course/:id",
        views: {
          "@index": {
            templateUrl: 'app/topic/course.topic.list.html'
          }
        },
        ncyBreadcrumb: {
          label: 'Course Forum'
        },
        
      });
    }
  ]).directive('menuCategory', function($parse) {
  return {
    scope: {
      //category: '=menuCategory',
      //isCollapsed: '=true'
      isCollapsed: '&',
    },
    restrict: 'EA',
    replace: false,
    //template: '<a> Buttons UI</a>',
    //template: '<li class="list-group-item list-toggle"><a> Buttons UI</a>  <ul ng-show="isCollapsed" > </ul> </li>',
    link: function($scope, element, attrs) {
        element.bind('click', function() {
          console.log($scope.isCollapsed);
          $scope.isCollapsed = !$scope.isCollapsed;
          console.log($scope.isCollapsed);
        })
      }
      //template: function (scope, element, attrs) {
      //    var id = attrs.navmenu;
      //    var templateString = '<ul class="list-group sidebar-nav-v1 fa-fixed">';
      //    templateString += '<li class="list-group-item list-toggle">';
      //    templateString += '<a  ng-init="';
      //    templateString += id;
      //    templateString += '= false ng-click="';
      //    templateString += id;
      //    templateString += ''
      //    isCollapsed = false" ng-click="isCollapsed = !isCollapsed">Buttons UI</a>';
      //    return "";
      //}
  }
}).directive('menuItem', function() {
  return {
    restrict: 'A',
    replace: true,
    template: '<li class="list-group-item list-toggle"><a href="shortcode_typo_general.html"></i> General Typography</a></li>'
      //link: function (scope, elem, attrs) {
      //    elem.bind('mouseover', function () {
      //        elem.css('background-color', 'red');
      //    });
      //}
  }
});