unserver-unify/src/app/mystudy/myclassdetail.html

<div class="panel panel-profile col-lg-12 " ng-controller="MyClassInfoCtrl as ctrl">
  <div class="panel-heading" style="border-bottom:solid 3px #f7f7f7; float:left; width:100%;">
    <h2 class="panel-title heading-sm pull-left" style="color:#555">
      {{ctrl._class.name}}
    </h2>
  </div>
  <!-- brief view for class information -->
  <div style="padding-top:15px; float:left; width:100%;">
    <div class="row">
      <div class="col-md-5">
        <div class="m-b-md">
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-5">
        <dl class="dl-horizontal">
          <dt>
            {{'Status' | translate}}:
          </dt>
          <dd>
            <span class="badge" ng-class="{'badge-warning': ctrl._class.status=='inactive', 'badge-primary': ctrl._class.status=='active'}">
              {{ctrl._class.status | translate}}
            </span>
          </dd>
        </dl>
      </div>
      <div class="col-md-7">
        <dl class="dl-horizontal">
          <dt>
            {{{ eng:'Serial', chn:'班级序列号'}|trans}}:
          </dt>
          <dd ng-if="ctrl._class.serial">
            <span class="label" ng-class="{'label-primary': ctrl._class.serial, 'label-warning': !ctrl._class.serial}">
              {{ctrl._class.serial}}
            </span>
          </dd>
        </dl>
      </div>
    </div>
    <div class="row">
      <div class="col-md-5">
        <dl class="dl-horizontal">
          <dt>
            <span translate="course.teachers">Teachers</span>
            {{{eng:'number',chn:'人数'}|trans}}:
          </dt>
          <dd>
            {{ctrl._class.teachers.length}}
          </dd>
          <dt>
            {{{eng:'Students number',chn:'班级学生人数'}|trans}}:
          </dt>
          <dd>
            {{ctrl._class.students.length}}
          </dd>
          <dt>
            {{{eng:'Courses number',chn:'班级课程数'}|trans}}:
          </dt>
          <dd>
            {{ctrl._class.courses.length}}
          </dd>
          <dt>
            {{{eng:'Exam number',chn:'班级考试数目'}|trans}}:
          </dt>
          <dd>
            {{ctrl._class.examitems.length}}
          </dd>
        </dl>
      </div>
      <div class="col-md-7">
        <dl class="dl-horizontal">
          <dt>
            {{{eng:'Created by',chn:'班级创建者'}|trans}}:
          </dt>
          <dd>
            {{ctrl._class.creater}}
          </dd>
          <dt>
            {{{eng:'Last Updated',chn:'班级信息更新时间'}|trans}}:
          </dt>
          <dd>
            {{ctrl._class.update | date : 'yyyy-MM-dd HH:mm:ss'}}
          </dd>
          <dt>
            {{{eng:'Created',chn:'班级创建时间'}|trans}}:
          </dt>
          <dd>
            {{ctrl._class.created| date : 'yyyy-MM-dd HH:mm:ss'}}
          </dd>
          <dt>
            {{{eng:'Start',chn:'班级开课时间'}|trans}}:
          </dt>
          <dd>
            {{ctrl._class.year | date : 'yyyy-MM-dd HH:mm:ss'}}
          </dd>
        </dl>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <dl class="dl-horizontal">
          <dt>
            {{{eng:'Class Length',chn:'班级有效学期'}|trans}}:
          </dt>
          <dd>
            <strong>
              {{ctrl._class.len}}
            </strong>
            {{ {eng:'years',chn:'年'}|trans}}
          </dd>
          <br/>
          <dt>
            {{{eng:'Progress',chn:'班级进度'}|trans}}:
          </dt>
          <dd>
            <progressbar value="ctrl._class.progress">
            </progressbar>
          </dd>
        </dl>
      </div>
    </div>
    <div class="clearfix">
    </div>
    <!-- contact view from inspinia for students under this class -->
    <div class="profile row">
      <div class="panel-heading" style="border-bottom:solid 3px #f7f7f7; float:left; width:100%;">
        <h2 class="panel-title heading-sm pull-left" style="color:#555">
          {{'Students' | translate}}
        </h2>
      </div>
      <div class="profile-body" style="padding-top:15px; float:left; width:100%;">
        <div class="col-sm-4 sm-margin-bottom-20" ng-repeat="student in ctrl.students">
          <div class="profile-blog">
            <img alt="image" class="img-circle m-t-xs img-responsive" ng-src="{{student.avatarUrl}}">
              <div class="name-location" style="margin-top:12px; height:45px;">
                <strong>
                  <i class="fa fa-lock" ng-if="!student.active">
                  </i>
                  {{student.fullname}}
                </strong>
              </div>
              <div class="clearfix margin-bottom-20">
              </div>
              <hr>
                <ul class="list-inline share-list">
                  <li>
                    <i class="fa fa-envelope-o">
                    </i>
                    <a href="mailto:{{student.email}}" style="word-break: break-all; width: 90%; float: right; height:35px;">
                      {{student.email}}
                    </a>
                  </li>
                </ul>
              </hr>
            </img>
          </div>
        </div>
      </div>
    </div>
    <div class="clearfix">
    </div>
  </div>
</div>