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

<div class="myspace my_space">
  <div class="panel panel-body" ng-controller="TasksCtrl as ctrl">
    <div class="task">
      <div class="myspace_hed">
        <i class="fa fa-bell-o">
        </i>
        {{ {eng:'Tasks',chn:'任务'}|trans }}
        <a class="btn btn-info btm-sm pull-right" ng-click="ctrl.updateUserTask()">
          <i class="fa fa-refresh">&nbsp;</i>{{'Sync' | translate}}
        </a>
      </div>
      <div class="table-responsive">
        <table class="table table-hover tbl_aln font_dec" st-safe-src="ctrl.tasks" st-table="mytasks">
          <tr>
            <th st-sort="Type" style="width: 10%" translate="">
              Type
            </th>
            <th st-sort="name" style="width: 30%" translate="">
              Name
            </th>
            <th st-sort="content" style="width: 40%" translate="">
              Description
            </th>
            <th st-sort="state" style="width: 20%" translate="">
              Action
            </th>
          </tr>
          <tr ng-if="mytasks.length == 0">
            <td colspan="4">
              <div class="no_record" translate="">
                No Record
              </div>
            </td>
          </tr>
          <tr ng-repeat="task in mytasks">
            <td width="13%">
              <i class="{{task.icon}}" style="color:{{task.color}}">
              </i>
            </td>
            <td>
              {{task.name | uppercase}}
            </td>
            <td>
              <strong translate="">
                {{ task.content |translate }}
              </strong>
            </td>
            <td>
              <a class="btn-u btn-u-green btn-sm" ng-if="task.state" translate="" ui-sref="{{task.state}}({aid:task.id,cid:task.id})">
                Take
              </a>
              <a class="btn-u btn-u-green btn-sm" href="{{task.url}}" ng-if="task.url" translate="">
                Take
              </a>
              <button class="btn-u btn-u-red btn-sm" ng-click="ctrl.delete(task)">
                <i class="fa fa-times">
                </i>
              </button>
            </td>
          </tr>
          <tr>
            <td class="text-right" colspan="6" st-items-by-page="10" st-pagination="" st-template="components/content/tablePagination.html">
            </td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</div>