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

<div class="col-md-3" ng-controller="SidebarCtrl as ctrl">
  <button class="btn btn-u btn-sm pull-right margin-bottom-15" ng-click="openLoginDialog()" ng-controller="LoginCtrl as ctrl" ng-if="!loginService.isLogged && loginService.subDomain != 'sgpower'" style="margin-bottom: 15px;">
    <i class="fa fa-sign-in">
    </i>
    {{ 'user.login' | translate }}
  </button>
  <button class="btn btn-u btn-sm pull-right margin-bottom-15" ng-controller="LoginCtrl as ctrl" ng-if="!loginService.isLogged && loginService.subDomain == 'sgpower'" style="margin-bottom: 15px;" ui-sref="index.sglogin">
    <i class="fa fa-sign-in">
    </i>
    {{ 'user.login' | translate }}
  </button>
  <div class="counter" ng-class="{'full_width' : loginService.isLogged}" ng-if="!loginService.isLogged">
    <div>
      <span>
        {{ctrl.logincounter}}
      </span>
      <span>
        : {{'Users' | translate}}
      </span>
    </div>
    <div>
      <span>
        {{ctrl.visitorcounter}}
      </span>
      <span>
        : {{'Views' | translate}}
      </span>
    </div>
  </div>
  <div class="clearfix">
  </div>
  <!-- <div class="no_record" ng-if="(announcementnames| isEmpty) && (ctrl.jobs | isEmpty) && (surveys | isEmpty) && (hottopics | isEmpty) && (resources | isEmpty) && (links | isEmpty)" translate="" style="line-height: 160px;">
    No Records
  </div> -->
  <!-- Announcements tabset -->
  <uib-tabset class="tab-v1" ng-if="(announcementnames| notEmpty) || (ctrl.notice && ctrl.notice.detail)">
    <uib-tab class="fade in">
      <uib-tab-heading ng-show="announcementnames| notEmpty" ng-style="coursebtmStyle" translate="">
        Announcements
      </uib-tab-heading>
      <uib-alert class="alert_announcement" ng-if="announcement" ui-sref="index.announcements.detail({id:announcement._id})">
        <a ng-class="{'one':ctrl.aindex==1,'two':ctrl.aindex==2,'three':ctrl.aindex==3,'four':ctrl.aindex==4}" ui-sref="index.announcements.detail({id:announcement._id})">
          {{announcement.name}}
        </a>
      </uib-alert>
      <div class="clearfix">
      </div>
      <div class="list-group home_aln" ng-if="ctrl.notice && ctrl.notice.detail">
        <div class="tag-box tag-box-v2 announcement">
          <h4 class="list-group-item-heading" style="font-size:16px;">
            <a href="javascript:;" ui-sref="index.announcements.detail({id:ctrl.notice._id})">
              {{ ctrl.notice.name}}
            </a>
          </h4>
          <div class="list-group-item" ng-bind-html="ctrl.notice.detail" style="color:#A32900;">
          </div>
          <a class="pull-right" href="javascript:;" ui-sref="index.announcements.detail({id:ctrl.notice._id})">
            {{'View Detail' | translate}}
            <i class="fa fa-angle-right">
            </i>
          </a>
          <div class="clearfix">
          </div>
        </div>
        <div class="clearfix">
        </div>
      </div>
    </uib-tab>
  </uib-tabset>
  <div class="clearfix">
  </div>
  <uib-tabset class="tab-v1 relative" ng-if="(loginService.subDomain == 'xijing' || loginService.subDomain == 'art') && currentSchool.mobileApp">
    <uib-tab class="fad in">
      <uib-tab-heading ng-style="coursebtmStyle" translate="">
        Mobile App Download
      </uib-tab-heading>
      <h4 class="text-center">
        {{'Scan To Download' | translate}} ({{'Android' | translate}})
      </h4>
      <img src="assets/images/apk_qr.jpg" ng-if="loginService.subDomain == 'xijing'" style="width: 80%; margin:-10px 10% 0"/>
      <img src="assets/images/apk_qr_art.jpg" ng-if="loginService.subDomain == 'art'" style="width: 80%; margin:-10px 10% 0"/>
      <a class="pull-right" href="assets/apk/android.apk" style="margin-right: 20px;">
        <i class="fa fa-android">
        </i>
        {{'Direct Download (Android)' | translate }}
        <i class="fa fa-angle-double-right">
        </i>
      </a>
      <div class="margin-bottom-10">
      </div>
      <a ui-sref="index.help.download">
        <img src="assets/images/app_store.png" style="width: 90%; margin:10px 5%;"/>
      </a>
      <div class="margin-bottom-15">
      </div>
    </uib-tab>
    <div class="clearfix">
    </div>
  </uib-tabset>
  <div class="clearfix">
  </div>
  <!-- Internships tabset -->
  <uib-tabset class="tab-v1 relative" ng-if="ctrl.jobs | notEmpty">
    <uib-tab class="fad in">
      <uib-tab-heading ng-style="coursebtmStyle" translate="">
        Latest Internships
      </uib-tab-heading>
      <div class="blog-twitter">
        <div class="blog-twitter-inner" ng-repeat="item in ctrl.jobs" ui-sref="index.job.detail({jid: item._id})">
          <a>
            {{item.name}}
          </a>
          <p style="margin-bottom:0;">
            {{item.company.name}}
          </p>
          <span class="twitter-time">
            {{ item.update | date :'yyyy-MM-dd' }}
          </span>
        </div>
      </div>
    </uib-tab>
  </uib-tabset>
  <div class="clearfix">
  </div>
  <!-- survey tabset -->
  <uib-tabset class="tab-v1 relative" ng-if="surveys | notEmpty">
    <uib-tab class="fad in">
      <uib-tab-heading ng-style="coursebtmStyle" translate="">
        Survey
      </uib-tab-heading>
      <div class="blog-twitter">
        <div class="blog-twitter-inner" ng-repeat="survey in surveys | orderBy : '-created'" ui-sref="index.survey.detail({ id: survey._id })">
          <a>
            {{survey.name}}
          </a>
          <span class="twitter-time">
            {{ survey.created | date : mediumDate }}
          </span>
        </div>
      </div>
    </uib-tab>
  </uib-tabset>
  <div class="clearfix">
  </div>
  <!-- Course Forum tabset -->
  <uib-tabset class="tab-v1" ng-if="loginService.user&& (hottopics| notEmpty)&& !ctrl.HIDE_HOT_TOPIC">
    <uib-tab class="fade in">
      <uib-tab-heading ng-style="coursebtmStyle" translate="">
        Hot Topics in Course Forum
      </uib-tab-heading>
      <div class="blog-twitter">
        <div class="blog-twitter-inner" ng-repeat="topic in hottopics" ui-sref="index.forums.detail({ id: topic._id })">
          <a ng-bind-html="topic.title">
          </a>
          <span class="twitter-time">
            {{ (topic.reply_create_at ? topic.reply_create_at : topic.create_at) | date : mediumDate }}
          </span>
        </div>
      </div>
    </uib-tab>
  </uib-tabset>
  <div class="clearfix">
  </div>
  <!-- Top Rating Courses -->
  <uib-tabset class="tab-v1" ng-if="ratingcourses && ratingcourses.length!=0">
    <uib-tab class="fade in">
      <uib-tab-heading ng-style="coursebtmStyle" translate="">
        Top Rating Courses
      </uib-tab-heading>
      <div class="blog-twitter">
        <div class="blog-twitter-inner" ng-repeat="item in ratingcourses" ui-sref="{{ item.courseurl }}({ cid: item._id,cs:getCheckSum(item._id) })">
          <a>
            {{item.name}}
          </a>
          <span class="average" ng-if="item.rating">
              <average-star-rating max="5" rating-value="item.rating">
              </average-star-rating>
              <span ng-if="item.rating">
                {{item.rating|number :2}}/5
              </span>
            </span>
        </div>
      </div>
    </uib-tab>
  </uib-tabset>
  <div class="clearfix">
  </div>
  <!-- Resources tabset -->
  <uib-tabset class="tab-v1" ng-if="loginService.user &&(resources| notEmpty)">
    <uib-tab class="fad in">
      <uib-tab-heading ng-style="coursebtmStyle" translate="">
        Hot Resources
      </uib-tab-heading>
      <div class="blog-twitter hot_res">
        <div class="blog-twitter-inner" ng-repeat="resource in resources" ui-sref="{{ ctrl.inspectorFlag || resource.privacy=='public' ? 'index.courses.course':'index.courses.info'}}({ cid: resource.cid,cs:getCheckSum(resource.cid)  })">
          <a>
            <div class="margin-bottom-3">
              {{resource.coursename}}
            </div>
            <table>
              <tr>
                <td>
                  <i class="{{ctrl.typeclassname[resource.type]}}">
                  </i>
                </td>
                <td class="truncate">
                  <span>
                    {{resource.name}}
                  </span>
                </td>
                <td>
                  <i class="fa fa-eye">
                  </i>
                </td>
                <td>
                  <span>
                    {{resource.counter}}
                  </span>
                </td>
              </tr>
            </table>
          </a>
        </div>
      </div>
    </uib-tab>
  </uib-tabset>
  <div class="clearfix">
  </div>
  <div ng-if="links| notEmpty" style="margin-bottom: 15px">
    <uib-carousel active="active" interval="myInterval">
      <uib-slide index="$index" ng-repeat="slide in links">
        <a href="{{slide.url}}" title="{{slide.name}}" target="_blank">
          <img ng-src="{{schoolUrl+slide.logoPath}}" style="width:100%;"/>
        </a>
      </uib-slide>
    </uib-carousel>
  </div>
  <div class="panel hidden-sm" ng-if="links| notEmpty">
    <div class="inner no-padding" ng-repeat="slide in links" ng-if="slide.side">
      <img ng-src="{{ schoolUrl+slide.side }}" style="width: 100%;" title="{{slide.name}}" />
    </div>
  </div>
  <!-- div class="panel" ng-if="loginService.subDomain=='paragon'">
    <div angular-reel id="reel_id" images="images" image="image" use-magnify='true' control="reel_control"></div>
    <script src='assets/libs/jquery.reel-min.js' type='text/javascript'></script>
  </div -->
  <div class="clearfix">
  </div>
  <!-- Resources tabset -->
  <uib-tabset class="tab-v1" ng-if="loginService.subDomain == 'lukchan'">
    <uib-tab class="fad in">
      <uib-tab-heading ng-style="coursebtmStyle" translate="">
        Events
      </uib-tab-heading>
      <div class="blog-twitter hot_res">
        <div class="blog-twitter-inner" ng-repeat="event in events |limitTo:ctrl.limits.events" ui-sref="index.events.detail({ id: event._id })">
          <div class="margin-bottom-3">
            <span class="font-12 pull-right">
              <i class="fa fa-calendar" style="font-size: 12px;">
              </i>
              {{ event.start | date: 'yyyy-MM-dd' }}
            </span>
            <h5 style="margin: 2px 0; color: #2196F3; font-weight: 600; float: left; width:60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
              <a style=" color: #2196F3;" ui-sref="index.events.detail({ id: event._id })">
                {{ event.name }}
              </a>
            </h5>
            <div class="clearfix">
            </div>
            <p class="name_ellipsis">
              {{ event.description }}
            </p>
          </div>
        </div>
      </div>
    </uib-tab>
  </uib-tabset>
  <uib-tabset class="tab-v1" ng-if="loginService.subDomain == 'math'||loginService.subDomain == 'bamboo'">
    <uib-tab class="fade in">
      <uib-tab-heading translate="">
        Top students
      </uib-tab-heading>
      <div class="list-group">
        <div class="list-group-item" ng-repeat="info in ctrl.Topusers ">
          <div class="list-group-item-heading">
            {{$index+1}}. {{info.fullname}}       :
            <span class="badge badge-green pull-right">
              {{info.scores|number:2}}
            </span>
          </div>
        </div>
      </div>
    </uib-tab>
  </uib-tabset>
</div>