unserver-unify/src/app/teacher/teacherinfo.html

<div ng-controller="TeacherInfoCtrl as ctrl">
  <div class="col-md-3 col-xs-12 md-margin-bottom-10">
    <ul class="sidebar_responsive" ng-class="{'sidebar_active':dropdown}">
      <li ng-class="{'sidebar_responsive_active':dropdown}">
        <button class="btn btn-primary" ng-click="ctrl.toggledrop()" type="button">
          <span class="fa fa-bars">
          </span>
        </button>
        <ul class="list-group sidebar-nav-v1 col-sm-12 col-md-12 col-xs-12 no-padding" id="sidebar-nav-1" style="overflow: auto">
          <li ng-class="{'list-group-item':true, 'active':$state.is('index.teacher.detail.summary')}">
            <a style="padding-right:0px;" ui-sref="index.teacher.detail.summary({teacherloginname : ctrl.teacherinfo.username,cs:getCheckSum(ctrl.teacherinfo.username)})">
              <i class="fa fa-list-alt">
              </i>
              {{"Information" | translate}}
            </a>
          </li>
          <li ng-class="{'list-group-item':true, 'active':$state.is('index.teacher.detail.course')}">
            <a style="padding-right:0px;" ui-sref="index.teacher.detail.course({teacherloginname : ctrl.teacherinfo.username,cs:getCheckSum(ctrl.teacherinfo.username)})">
              <i class="fa fa-bullhorn">
              </i>
              {{"Courses" | translate}} ({{ctrl.teachercounter.courses}})
            </a>
          </li>
          <li ng-if="loginService.user.grole!='user'" ng-class="{'list-group-item':true, 'active':$state.is('index.teacher.detail.class')}">
            <a style="padding-right:0px;" ui-sref="index.teacher.detail.class({teacherloginname : ctrl.teacherinfo.username,cs:getCheckSum(ctrl.teacherinfo.username)})">
              <i class="fa fa-comments-o">
              </i>
              {{"Classes" | translate}} ({{ctrl.teachercounter.classes}})
            </a>
          </li>
          <li ng-class="{'list-group-item':true, 'active': $state.is('index.teacher.detail.blog')}">
            <a style="padding-right:0px;" ui-sref="index.teacher.detail.blog({teacherloginname : ctrl.teacherinfo.username,cs:getCheckSum(ctrl.teacherinfo.username)})">
              <i class="fa fa-book">
              </i>
              {{"Blogs" | translate}} ({{ctrl.teachercounter.blogs}})
            </a>
          </li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="col-md-9 col-xs-12 no-padding">
    <div ui-view="">
    </div>
  </div>