unserver-unify/src/app/aboutus/sidebar.html

<div class="col-md-12" ng-controller="AboutUsController as ctrl">
  <div class="body">
    <ul class="sidebar_responsive col-md-3" ng-class="{'sidebar_active':dropdown}" style="padding:0;margin:0">
      <li ng-class="{'sidebar_responsive_active':dropdown}">
        <ul class="list-group sidebar-nav-v1 col-sm-12 col-md-12 col-xs-12 no-padding myspace_menu" id="sidebar-nav-1">
          <li class="list-group-item" ng-class="{'active':$state.is('index.aboutus.aboutus')}" ng-if="ctrl.about || ctrl.aboutCN">
            <a ng-click="ctrl.showState('aboutus')" style="padding-right:0px;" ui-sref="index.aboutus.aboutus">
              {{"About us" | translate}}
            </a>
          </li>
          <li class="list-group-item" ng-class="{ 'active': $state.is('index.aboutus.whyus')}" ng-if="ctrl.whyus || ctrl.whyusCN">
            <a ng-click="ctrl.showState('whyus')" ui-sref="index.aboutus.whyus">
              {{"Why Us" | translate}}
            </a>
          </li>
          <li class="list-group-item" ng-class="{ 'active': $state.is('index.aboutus.mission')}" ng-if="ctrl.mission || ctrl.missionCN">
            <a ng-click="ctrl.showState('mission')" ui-sref="index.aboutus.mission">
              {{"Mission" | translate}}
            </a>
          </li>
          <li class="list-group-item" ng-class="{ 'active':$state.is('index.aboutus.certificate')}" ng-if="ctrl.infoCounter.t_cert">
            <a ng-click="ctrl.showState('certificate')" ui-sref="index.aboutus.certificate" style="padding-right: 5px;">
              {{"Certificate" | translate}}
              <span class="badge badge-danger rounded pull-right">
                {{ctrl.infoCounter.t_cert}}
              </span>
            </a>
          </li>
          <li class="list-group-item" ng-class="{ 'active':$state.is('index.aboutus.awards')}" ng-if="ctrl.infoCounter.t_award">
            <a ng-click="ctrl.showState('awards')" ui-sref="index.aboutus.awards" style="padding-right: 5px;">
              {{"Awards" | translate}}
              <span class="badge badge-danger rounded pull-right">
                {{ctrl.infoCounter.t_award}}
              </span>
            </a>
          </li>
          <!-- <li class="list-group-item" ng-class="{ 'active':$state.is('index.aboutus.programinfos')}" ng-if="loginService.subDomain != 'bamboosys'">
            <a ng-click="ctrl.showState('programinfos')" ui-sref="index.aboutus.programinfos" style="padding-right: 5px;">
              {{"Programs" | translate}}
            </a>
          </li> -->
          <li class="list-group-item" ng-class="{ 'active':$state.is('index.aboutus.usecase')}" ng-if="ctrl.infoCounter.t_usecase && loginService.subDomain != 'bamboosys'">
            <a ng-click="ctrl.showState('usecase')" ui-sref="index.aboutus.usecase" style="padding-right: 5px;">
              <span style="background: transparent;" ng-if="loginService.subDomain != 'fmas'">{{"Use Case" | translate}}</span>
              <span style="background: transparent;" ng-if="loginService.subDomain == 'fmas'">{{"Press Coverage" | translate}}</span>
              <span class="badge badge-danger rounded pull-right">
                {{ctrl.infoCounter.t_usecase}}
              </span>
            </a>
          </li>
          <li class="list-group-item" ng-class="{ 'active': $state.is('index.aboutus.directory')}" ng-if="loginService.subDomain == 'poiz'">
            <a ui-sref="index.aboutus.directory" style="padding-right: 5px;">
              {{"Floor Plan" | translate}}
            </a>
          </li>
          <li class="list-group-item" ng-class="{ 'active': $state.is('index.aboutus.albums')}" ng-if="ctrl.infoCounter.t_album">
            <a ng-click="ctrl.showState('albums')" ui-sref="index.aboutus.albums" style="padding-right: 5px;">
              {{"Albums" | translate}}
              <span class="badge badge-danger rounded pull-right" ng-if="loginService.subDomain != 'poiz'">
                {{ctrl.infoCounter.t_album}}
              </span>
            </a>
          </li>
          <li class="list-group-item" ng-class="{'active': $state.is('index.aboutus.partner')}" ng-if="ctrl.infoCounter.t_partner && loginService.subDomain != 'bamboosys'">
            <a ng-click="ctrl.showState('partner')" ui-sref="index.aboutus.partner" style="padding-right: 5px;">
              {{"Partner" | translate}}
              <span class="badge badge-danger rounded pull-right">
                {{ctrl.infoCounter.t_partner}}
              </span>
            </a>
          </li>
          <li class="list-group-item" ng-class="{ 'active':$state.is('index.aboutus.building')}" ng-if="currentSchool.buildingFlag">
            <a ui-sref="index.aboutus.building">
              {{"Building" | translate}}
            </a>
          </li>
          <li class="list-group-item" ng-if="ctrl.locationInfo" ng-class="{ 'active':$state.is('index.aboutus.location')}">
            <a ng-click="ctrl.showState('location')" ui-sref="index.aboutus.location">
              {{"How to Reach Us" | translate}}
            </a>
          </li>
          <li class="list-group-item" ng-if="ctrl.locationInfo" ng-class="{ 'active':$state.is('index.aboutus.parking')}">
            <a ng-click="ctrl.showState('parking')" ui-sref="index.aboutus.parking">
              {{"Parking" | translate}}
            </a>
          </li>
          <li class="list-group-item" ng-class="{ 'active':$state.is('index.aboutus.contact')}">
            <a ng-click="ctrl.showState('contact')" ui-sref="index.aboutus.contact">
              {{"Contact Us" | translate}}
            </a>
          </li>
        </ul>
      </li>
    </ul>
    <div class="col-md-9 col-xs-12 no-padding myspace_right">
      <div ui-view="" style="padding-top: 0;">
      </div>
    </div>
  </div>
</div>