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

<div ng-controller="ClassStudentsCtrl as ctrl">
  <div class="form-inline pull-left ipad_count_aln" style="line-height: 38px;">
    <div class="col-md-12">
      {{'Total' | translate}}:
      <span class="badge badge-green rounded-2x">
        {{ctrl.students.length || 0}}
      </span>
    </div>
  </div>
  <div class="clearfix"></div>
  <div class="home_teacher_section inside">
    <div class="col-sm-4" current-page="ctrl.currentPage" dir-paginate="student in ctrl.students | itemsPerPage: ctrl.itemNumber" pagination-id="students" total-items="ctrl.totalCount">
      <div class="tag-box tag-box-v3 thumbnail" style="background: #fff; padding-top: 20px;">
        <div class="thumbnail-img" style="width: 60%; margin:0 20%;">
          <a ui-sref=".profile({ id: student.loginname ,cs:getCheckSum(student.loginname ) })" style="background: #fafafa;">
            <div class="image_square">
              <img alt="image" class="img-circle" ng-src="{{student.avatarUrl}}" />
            </div>
          </a>
        </div>
        <div class="caption" style="background: #fff; margin: 10px 0 20px;">
          <h5>
            <a ui-sref=".profile({ id: student.loginname,cs:getCheckSum(student.loginname ) })">
              <i class="fa fa-lock" ng-if="!student.active">&nbsp;</i>{{student.fullname}}
            </a>
          </h5>
          <p>
            <i class="fa fa-envelope-o">&nbsp;</i>
            <a href="mailto:{{student.email}}" style="word-break: break-all;">
              {{student.email}}
            </a>
          </p>
          <!--p>
            <i class="fa fa-users"></i>
            {{student.following_count}}
          </p-->
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
    <div class="text-right pagination_aln" ng-show="ctrl.totalCount > ctrl.itemNumber">
      <dir-pagination-controls boundary-links="true" on-page-change="ctrl.pageChanged(newPageNumber)" pagination-id="students" template-url="components/content/dirPagination.tpl.html">
      </dir-pagination-controls>
    </div>
  </div>
</div>