unserver-unify/src/app/home/openlearning/mobile_home.html

<div ng-controller="oplHomeCtrl as ctrl">
 <div class="container slider">
    <div  uib-carousel active="active" interval="myInterval" ng-if=" slides && slides.length> 0">
      <div uib-slide index="$index" ng-repeat="slide in ctrl.mobileadvs">
        <img ng-src="{{ctrl.iconurl}}{{slide}}" style="margin:auto;width:100%;max-height:300px"/>
      </div>
    </div>
    <img ng-if=" !slides || slides.length == 0" ng-src="{{ currentSchool.bar ? schoolUrl+currentSchool.bar : 'assets/images/default_banner.jpg' }}" style="width:100%;"/>
  </div>
  <div class="clearfix"></div>
  <div class="mobile_page">
    <div ng-include="'app/home/mobilesidebar.html'"></div>
    <div class="container white-bg">
      <ul class="mobile_home_icon">
        <li>
          <a ui-sref="index.myspace.activitySummary">
            <i class="fa fa-user icon">
            </i>
            <span class="icon_title" translate="">
              My Space
            </span>
          </a>
        </li>
        <li ng-if="currentSchool.courseFlag">
          <a ui-sref="index.courses">
            <i class="fa fa-book icon">
            </i>
            <span class="icon_title" translate="">
              Course
            </span>
          </a>
        </li>
        <li>
          <a ui-sref="index.mymeetings">
            <i class="fa fa-video-camera icon">
            </i>
            <span class="icon_title" translate="">
              Live Classroom
            </span>
          </a>
        </li>
        <li ng-if="currentSchool.companyFlag">
          <a ui-sref="index.company">
            <i class="fa fa-building-o icon">
            </i>
            <span class="icon_title" translate="">
              School
            </span>
          </a>
        </li>
        <li ng-if="currentSchool.courseFlag">
          <a ui-sref="index.cfcourses">
            <i class="fa fa-book icon">
            </i>
            <span class="icon_title" translate="">
              Pre-book Courses
            </span>
          </a>
        </li>
      </ul>

      <div class="mobile_home_title" >
        {{'Our Top Courses' | translate}}
        <a ui-sref="index.gsxcourses({tab:'top'})" class="viewmore">
        {{'View All' | translate}}
          <i class="fa fa-chevron-right"></i>
        </a>
      </div>

      <ul class="mobile_home_course">
        <li ng-repeat="lcourse in ctrl.topCourses|limitTo: 4">
          <img alt="{{ lcourse.name }}" class="img-responsive" ng-src="{{lcourse.photo? _SHOST+'/lcourse/'+lcourse._id +'/'+ lcourse.photo : (lcourse.mvpic? _SHOST+'/public/'+_RES+ lcourse.mvpic : ctrl.defaultCoursePhoto)}}" style="height:100px" title="{{ lcourse.name }}"/>

          <h3 style="height: 35px; overflow: hidden;"><a ui-sref="{{lcourse.courseurl}}({ cid: lcourse._id })">{{ lcourse.name }}</a></h3>
           <p>
            <i class="fa fa-user">&nbsp;</i> {{lcourse.enrolledcounter||0}}
            <i class="fa fa-eye">&nbsp; </i> {{lcourse.visitercounter}}
          </p>
        </li>
      </ul>
      <div class="mobile_home_title">
        {{'Our Featured Courses' | translate}}
        <a ui-sref="index.gsxcourses({tab:'star'})" class="viewmore">
        {{'View All' | translate}}
          <i class="fa fa-chevron-right"></i>
        </a>
      </div>

      <ul class="mobile_home_course">
        <li ng-repeat="lcourse in ctrl.featureCourses|limitTo: 4">
          <img alt="{{ lcourse.name }}" class="img-responsive" ng-src="{{lcourse.photo? _SHOST+'/lcourse/'+lcourse._id +'/'+ lcourse.photo : (lcourse.mvpic? _SHOST+'/public/'+_RES+ lcourse.mvpic : ctrl.defaultCoursePhoto)}}" style="height:100px" title="{{ lcourse.name }}"/>
          <h3 style="height: 35px; overflow: hidden;"><a ui-sref="{{lcourse.courseurl}}({ cid: lcourse._id })">{{ lcourse.name }}</a></h3>
          <p>
            <i class="fa fa-user">&nbsp;</i> {{item.enrolledcounter}}
            <i class="fa fa-eye">&nbsp; </i> {{lcourse.visitercounter}}
          </p>
        </li>
      </ul>

      <div class="mobile_home_title">
        {{'Our Latest Courses' | translate}}
        <a ui-sref="index.gsxcourses({tab:'update'})" class="viewmore">
        {{'View All' | translate}}
          <i class="fa fa-chevron-right"></i>
        </a>
      </div>

      <ul class="mobile_home_course">
        <li ng-repeat="lcourse in ctrl.featureCourses|limitTo: 4">
          <img alt="{{ lcourse.name }}" class="img-responsive" ng-src="{{lcourse.photo? _SHOST+'/lcourse/'+lcourse._id +'/'+ lcourse.photo : (lcourse.mvpic? _SHOST+'/public/'+_RES+ lcourse.mvpic : ctrl.defaultCoursePhoto)}}" style="height:150px" title="{{ lcourse.name }}"/>
          <h3 style="height: 35px; overflow: hidden;"><a ui-sref="{{lcourse.courseurl}}({ cid: lcourse._id })">{{ lcourse.name }}</a></h3>
          <p>
            <i class="fa fa-user">&nbsp;</i> {{item.enrolledcounter}}
            <i class="fa fa-eye">&nbsp; </i> {{lcourse.visitercounter}}
          </p>
        </li>
      </ul>

      <div class="clearfix"></div>

      <div class="margin-bottom-40 h4_aln text-center">
        <h3 class="title-v2 title-center">
          {{ {eng:'Learning from',chn:'学习要到'} | trans }} {{currentSchool.name}}
        </h3>
        <div class="col-md-3">
          <h4 class="color-sea">
            <i class="fa fa-bars fa-1x">
            </i>
            <span style="font-size:20px">
              {{ {eng:'Open',chn:'开放'} | trans }}
            </span>
          </h4>
          <div class="clearfix">
          </div>
          <p>
            {{ {eng:'An open online learning ecosystem on technical level and participant level',chn:'一个完全开放的在线学习生态系统；技术层面的开放和平台参与者的开放'} | trans }}
          </p>
        </div>
        <div class="col-md-3">
          <h4 class="color-purple">
            <i class="fa fa-book fa-1x">
            </i>
            <span style="font-size:20px" translate="">
              Learn
            </span>
          </h4>
          <div class="clearfix">
          </div>
          <p>
            {{ {eng:'Online courses creation, management and publication; Question banks and exam modules creation and management',chn:'在线课程创建、管理和发布；题库和考试模块的创建；我的学习空间'} | trans }}
          </p>
        </div>
        <div class="col-md-3">
          <h4 class="color-green">
            <i class="fa fa-users fa-1x">
            </i>
            <span style="font-size:20px">
              {{ {eng:'Collaborate',chn:'协作'} | trans }}
            </span>
          </h4>
          <div class="clearfix">
          </div>
          <p>
            {{ {eng:'Virtual real-time classroom; Real time classroom with interactive whiteboard; Exam and assignment review',chn:'虚拟的实时课堂和可互动的白板'} | trans }}
          </p>
        </div>
        <div class="col-md-3">
          <h4 class="color-orange">
            <i class="fa fa-share-alt fa-1x">
            </i>
            <span style="font-size:20px">
              {{ {eng:'Share',chn:'分享'} | trans }}
            </span>
          </h4>
          <div class="clearfix">
          </div>
          <p>
            {{ {eng:'Course-centric discussion forum; Learning community; Teaching note and blogs',chn:'以课程为中心的讨论论坛；学习社区；教学笔记和博客'} | trans }}
          </p>
        </div>
      </div>
      <div class="clerafix"></div>
      <div class="white-bg">
        <div class="container">
          <div class="row margin-bottom-40 h4_aln">
            <h3 class="title-v2 title-center">
              {{ {eng:'Partner Schools',chn:'合作名校'} | trans 
              }}
            </h3>
            <ul class="clients_list">
              <li ng-repeat="item in ctrl.companys">
                <a ui-sref="index.company.detail.overview({cid: item._id})">
                  <img class="img-responsive" ng-src="{{ item.photo? ctrl.companypath+item._id +'/'+ item.photo :  ctrl.defaultCompanyPhoto }}"/>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>