unserver-unify/src/app/class/class.html

<div ng-controller="ClassCtrl 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 class="list-group-item" ng-class="{'active':$state.is('index.classes.class.summary')}">
            <a style="padding-right:0px;" ui-sref="index.classes.class.summary">
              <i class="fa fa-list-alt">
              </i> {{"Summary" | translate}}
            </a>
          </li>
          <li class="list-group-item" ng-class="{'active':$state.is('index.classes.class.annoucements')}">
            <a ui-sref="index.classes.class.annoucements" ui-sref-opts="{reload: true}">
              <i class="fa fa-bullhorn">
              </i> {{"Annoucement" | translate}}
            </a>
          </li>
          <li class="list-group-item" ng-class="{'active':$state.is('index.classes.class.forum')}" ng-if="currentSchool.courseFlag">
            <a ui-sref="index.classes.class.forum" ui-sref-opts="{reload: true}">
              <i class="fa fa-comments-o">
              </i> {{"Forum" | translate}}
            </a>
          </li>
          <li class="list-group-item" ng-class="{'active': $state.is('index.classes.class.courses')}">
            <a ui-sref="index.classes.class.courses">
              <i class="fa fa-book">
              </i> {{"Courses" | translate}}
            </a>
          </li>
          <li class="list-group-item" ng-class="{'active': $state.is('index.classes.class.students')}">
            <a ui-sref="index.classes.class.students">
              <i class="fa fa-users">
              </i> {{"Students" | translate}}
            </a>
          </li>
          <li class="list-group-item" ng-class="{'active': $state.is('index.classes.class.teachers')}">
            <a ui-sref="index.classes.class.teachers">
              <i class="fa fa-users">
              </i> {{"Teachers" | translate}}
            </a>
          </li>
          <li class="list-group-item" ng-class="{'active': $state.is('index.classes.class.newses')}">
            <a ui-sref="index.classes.class.newses">
              <i class="fa fa-newspaper-o">
              </i> {{"News" | translate}}
            </a>
          </li>
          <li class="list-group-item" ng-class="{'active': $state.is('index.classes.class.albums')}">
            <a ui-sref="index.classes.class.albums">
              <i class="fa fa-camera">
              </i> {{"Album" | translate}}
            </a>
          </li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="col-md-9 col-xs-12 no-padding">
    <div ui-view="">
    </div>
  </div>
</div>