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

<div class="profile" ng-controller="K12HomeCtrl as ctrl">
  <div class="container slider">
    <img ng-if="!currentSchool" ng-src="{{ publicUrl }}bamboobanner.jpg" style="width:100%;margin-bottom:10px;"/>
    <div active="active" interval="myInterval" ng-if="currentSchool && slides && slides.length> 0" uib-carousel="">
      <div index="$index" ng-repeat="slide in slides" uib-slide="">
        <img ng-src="{{ schoolUrl+slide.img }}" style="margin:auto;width:100%;max-height:300px"/>
      </div>
    </div>
    <img ng-if="currentSchool && (!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="container animated fadeInRight homepage_sec">
    <!--=== Content Part ===-->
    <div class="content">
      <div class="row">
        <div class="col-md-9 home_tab home_new">
          <div class="profile-body my_space" style="padding-bottom: 5px; margin-bottom: 20px;">
            <div class="row">
              <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
                <a ui-sref="index.myspace.mycourses">
                  <div class="service-block service-block-green">
                    <i class="fa fa-book fa-3x color-light">
                      <span>
                        {{courses}}
                      </span>
                    </i>
                    <h2 class="heading-md" translate="">
                      Course
                    </h2>
                  </div>
                </a>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
                <a ui-sref="index.myspace.tasks">
                  <div class="service-block service-block-amethyst">
                    <i class="fa fa-tasks fa-3x color-light">
                      <span>
                        {{ctrl.unreadmsgs}}
                      </span>
                    </i>
                    <h2 class="heading-md" translate="">
                      Task
                    </h2>
                  </div>
                </a>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
                <a ui-sref="index.myspace.messages">
                  <div class="service-block service-block-seagull">
                    <i class="fa fa-envelope-o fa-3x color-light">
                      <span>
                        &nbsp;
                      </span>
                    </i>
                    <h2 class="heading-md" translate="">
                      Message
                    </h2>
                  </div>
                </a>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
                <a ui-sref="index.myspace.exams">
                  <div class="service-block service-block-cream_can">
                    <i class="fa fa-check-square-o fa-3x color-light">
                      <span>
                        {{exams}}
                      </span>
                    </i>
                    <h2 class="heading-md" translate="">
                      Exam
                    </h2>
                  </div>
                </a>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
                <a ui-sref="index.myspace.assignments">
                  <div class="service-block service-block-light-green">
                    <i class="fa fa-tasks fa-3x color-light">
                      <span>
                        {{assignments}}
                      </span>
                    </i>
                    <h2 class="heading-md" translate="">
                      Assignment
                    </h2>
                  </div>
                </a>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
                <a ui-sref="index.myspace.myscores">
                  <div class="service-block service-block-dark-blue">
                    <i class="fa fa-bar-chart fa-3x color-light">
                      <span>
                        &nbsp;
                      </span>
                    </i>
                    <h2 class="heading-md" translate="">
                      Knowledge Chart
                    </h2>
                  </div>
                </a>
              </div>
              <div class="clearfix">
              </div>
            </div>
          </div>
          <div class="headline" ng-if="ctrl.items | notEmpty">
            <h4 translate="">
              My Courses
            </h4>
            <a class="btn btn-default btn-sm pull-right hom_btn_aln" translate="" ui-sref="index.myspace.mycourses">
              View All
            </a>
          </div>
          <div class="row padding-left-15" ng-if="ctrl.items | notEmpty">
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 padding-left-0" ng-repeat="item in ctrl.items">
              <div class="thumbnails thumbnail-style thumbnail-kenburn new_listing relative">
                <div class="thumbnail-img">
                  <div class="overflow-hidden">
                    <a ng-click="ctrl.gotocourse(item._id)" class="cursor-pointer">
                      <img alt="{{ item.name }}" class="img-responsive" ng-src="{{item.photo? ctrl.coursePhotoUrl+item._id +'/'+ item.photo :ctrl.defaultpic}}" style="height:100px" title="{{ item.name }}">
                      </img>
                    </a>
                    <a class="btn-more " ng-if="item.singlesection" translate="">
                      Micro
                    </a>
                  </div>
                </div>
                <div class="caption overflow-hidden clst">
                  <h3>
                    <a class="hover-effect" class="cursor-pointer" ng-click="ctrl.gotocourse(item._id)">
                      {{ item.name }}
                    </a>
                  </h3>
                  <p class="product_price" ng-if="lcourse.price">
                    {{ctrl.currency}} {{ lcourse.price | number : 2 }}
                  </p>
                  <p class="product_price" ng-if="!lcourse.price && currentSchool.paymentFlag && lcourse.privacy=='fee'">
                    {{ctrl.currency}} {{'Free' | translate}}
                  </p>
                  <p class="clamped clamped-3">
                    {{ item.description }}
                  </p>
                </div>
                <ul class="list-inline text-left course_btm" ng-style="coursebtmStyle" style="background-color: rgb(128, 128, 255);">
                  <li class="padding-left-0">
                    <span>
                      {{item.creatorfullname||item.creater}}
                    </span>
                  </li>
                  <li class="pull-right">
                    <i class="fa fa-user">
                    </i>
                    <span class="ng-binding">
                      {{item.enrolledcounter}}
                    </span>
                    <i class="fa fa-eye">
                    </i>
                    <span class="ng-binding">
                      {{item.visitercounter}}
                    </span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="headline" ng-if="lcourses | notEmpty">
            <h4 translate="">
              {{"common.recommenedcourses" | translate}}
            </h4>
            <a class="btn btn-default btn-sm pull-right hom_btn_aln" translate="" ui-sref="index.courses">
              View All
            </a>
          </div>
          <div class="row padding-left-15" ng-if="lcourses | notEmpty">
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 padding-left-0" ng-repeat="item in lcourses">
              <div class="thumbnails thumbnail-style thumbnail-kenburn new_listing relative">
                <div class="thumbnail-img">
                  <div class="overflow-hidden">
                    <a ui-sref="{{item.courseurl}}({ cid: item._id ,cs:getCheckSum(item._id) })">
                      <img alt="{{ item.name }}" class="img-responsive" ng-src="{{item.photo? ctrl.coursePhotoUrl+item._id +'/'+ item.photo :ctrl.defaultpic}}" style="height:100px" title="{{ item.name }}">
                      </img>
                    </a>
                    <a class="btn-more" ng-if="item.singlesection" translate="">
                      Micro
                    </a>
                  </div>
                </div>
                <div class="caption overflow-hidden clst">
                  <h3>
                    <a class="hover-effect" ui-sref="{{item.courseurl}}({ cid: item._id ,cs:getCheckSum(item._id) })">
                      {{ item.name }}
                    </a>
                  </h3>
                  <p class="product_price" ng-if="lcourse.price">
                    {{ctrl.currency}} {{ lcourse.price | number : 2 }}
                  </p>
                    <p class="product_price" ng-if="!lcourse.price && currentSchool.paymentFlag && lcourse.privacy=='fee'">
                      {{ctrl.currency}} {{'Free' | translate}}
                    </p>
                  <p class="clamped clamped-3">
                    {{ item.description }}
                  </p>
                </div>
                <ul class="list-inline text-left course_btm" ng-style="coursebtmStyle" style="background-color: rgb(128, 128, 255);">
                  <li class="padding-left-0">
                    <span>
                      {{item.creatorfullname||item.creater}}
                    </span>
                  </li>
                  <li class="pull-right">
                    <i class="fa fa-user">
                    </i>
                    <span class="ng-binding">
                      {{item.enrolledcounter}}
                    </span>
                    <i class="fa fa-eye">
                    </i>
                    <span class="ng-binding">
                      {{item.visitercounter}}
                    </span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="home_sidebar" ng-include="" src="'app/home/sidebar_k12.html'">
        </div>
      </div>
      <!--/row-->
    </div>
    <!--/container-->
    <!-- End Content Part -->
  </div>
</div>