unserver-unify/src/app/course/knowledge/practice.html

<div ng-controller="KnowledgesPracticeCtrl as ctrl">
  <div class="container">
    <ul class="right_icon alignment" style="top:-40px; right:25px;">
      <li>
        <b translate="">
          Layout
        </b>
        :
      </li>
      <li ng-class="{'active': ctrl.showTab2 == 'plist'}" ng-click="ctrl.showTab2 = 'plist'">
        <a href="">
          <i class="fa fa-list">
          </i>
        </a>
      </li>
      <li class="active" ng-class="{'active': ctrl.showTab2 == 'pgrid'}" ng-click="ctrl.showTab2 = 'pgrid'">
        <a>
          <i class="fa fa-th">
          </i>
        </a>
      </li>
    </ul>
    <div class="tag-box course_exam practice" ng-if="ctrl.showTab2 == 'plist'">
      <table st-safe-src="practiceList" st-table="display_collection" class="table table-bordered table-striped table-hover ng-isolate-scope" style="margin-bottom: 0;">
          <thead>
            <tr>
              <th translate="">Name</th>
              <th translate="">Description</th>
              <th translate="">Skills</th>
              <th translate="">Questions</th>
              <th translate="">Scores</th>
              <th translate="">Action</th>
            </tr>
          </thead>
          <tbody>
            <!-- <tr class="sublevel" ng-repeat="row in display_collection"> -->
            <tr ng-repeat="row in display_collection" ng-class="{'sublevel':row.parent}">
              <td>
                {{ row.name }}
              </td>
              <td>
                {{ row.description }}
              </td>
              <td>
                {{ row.knowledges.length }}
              </td>
              <td>
                {{ row.question|number:0 }}
              </td>
              <td>
                {{ row.score|number:0 }}
              </td>
              <td>
                <button class="btn-u btn-u-green btn-xs" ui-sref="index.courses.course.knowledgetest({pid:row._id})" style="min-width: 80px; border-radius: 5px !important; cursor: pointer;">
                  {{ {eng:'Take',chn:'开始练习 '} | trans }}
                </button>
              </td>
            </tr>
          </tbody>
          <tfoot>
           <tr>
              <td colspan="6" style="border: none;" class="text-right">
                <div st-pagination="" st-items-by-page="10" st-displayed-pages="7"></div>
              </td>
            </tr>
          </tfoot> 
        </table>
    </div>
    <div ng-if="ctrl.showTab2 == 'pgrid'" style="margin-bottom: 0">
      <table class="table table-bordered table-striped table-hover" style="margin-bottom: 0;">
        <div class="row equal-height-columns home_live_course glossary padding-left-15">
          <div class="col-md-3 col-sm-4 col-xs-6 padding-left-0" ng-repeat="pra in practiceList">
            <div class="home_promobg practice_list">
              <img class="img-responsive" ng-if="!pra.photo" src="assets/images/practice.jpg"/>
              <img class="img-responsive" ng-if="pra.photo" ng-src="{{ctrl.practicePicUrl + pra.photo}}"/>
              <div class="service-block no-margin-bottom content-sm equal-height-column rgba-blue" style="height:100px;">
                <h2 style="margin-top:15px;">
                  <strong>
                    {{pra.name}}
                  </strong>
                </h2>
              </div>
              <div class="white-bg">
                <p class="font-12">
                  <span>
                    <b translate="">
                      Skills
                    </b>
                    :
                  </span>
                  {{pra.knowledges.length}}
                  <br/>
                  <span>
                    <b>
                      {{ {eng:'Questions',chn:'题目数'} | trans }}
                    </b>
                    :
                  </span>
                  {{pra.question|number:0}}
                  <br/>
                  <span>
                    <b translate="">
                      Scores
                    </b>
                    :
                  </span>
                  {{pra.score|number:0}}
                  <br/>
                </p>
                <div class="margin-bottom-5"></div>
                <button class="btn-u btn-sm pull-right" ui-sref="index.courses.course.knowledgetest({pid:pra._id})">
                  {{ {eng:'Take',chn:'开始练习 '} | trans }}
                </button>
              </div>
            </div>
          </div>
        </div>
      </table>
    </div>
  </div>
</div>