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

<div class="panel panel-body" ng-controller="MyJobsCtrl as ctrl" style="padding-top: 0;">
  <div class="tab-v1 margin-bottom-10">
    <!-- tabs -->
    <ul class="nav nav-tabs mobile_tab tab2" ng-init="ctrl.tab = 'jobs'">
      <li ng-class="{'active':ctrl.tab=='jobs'}">
        <a data-toggle="tab" ng-click="ctrl.tab = 'jobs'">
          {{'Opportunities'|translate}}
        </a>
      </li>
      <li ng-class="{'active':ctrl.tab=='application'}">
        <a data-toggle="tab" ng-click="ctrl.tab = 'application'">
          {{'Applied Jobs'|translate}}
        </a>
      </li>
      <!--<a class="btn btn-danger btn-xs pull-right" ng-click="ctrl.cleanReadMsg()" ng-if="ctrl.tab=='read'" style="padding:3px 10px;">
        {{ {eng:'Empty',chn:'删除所有已读信息'}|trans }}
      </a>-->
    </ul>
  </div>
  <div class="task" ng-if="ctrl.tab=='jobs'">
    <div class="table-responsive">
      <table class="table table-hover tbl_aln font_dec" st-safe-src="ctrl.tasks" st-table="mytasks">
        <tr>
          <th translate="">
            Type
          </th>
          <th st-sort="name" translate="">
            Name
          </th>
          <th st-sort="name" translate="">
            Company
          </th>
          <th st-sort="name" translate="">
            Location
          </th>
          <th st-sort="name" translate="">
            Posted On
          </th>
          <th translate="">
            Vacancy
          </th>
          <th st-sort="state" translate="">
            Action
          </th>
        </tr>
        <tr ng-if="mytasks.length == 0">
          <td colspan="7">
            <div class="no_record" translate="">
              No Record
            </div>
          </td>
        </tr>
        <tr ng-repeat="task in mytasks">
          <td style="width:10%;">
            <span class="badge badge-green text-uppercase" ng-if="task.contract" translate="">
              Contract
            </span>
            <span class="badge badge-orange text-uppercase" ng-if="task.fulltime" translate="">
              Full time
            </span>
            <span class="badge badge-purple text-uppercase" ng-if="task.parttime" translate="">
              Part time
            </span>
            <span class="badge badge-sea text-uppercase" ng-if="task.intern" translate="">
              Student
            </span>
          </td>
          <td style="width:18%;">
            <a style="color:#337ab7;" ui-sref="index.job.detail({jid: task._id})">
              {{task.name | uppercase}}
            </a>
          </td>
          <td style="width:18%;">
            {{task.company.name}}
          </td>
          <td style="width:18%;">
            {{task.company.address}}
          </td>
          <td style="width:15%;">
            {{task.created | date: 'yyyy-MM-dd'}}
          </td>
          <td class="text_indent10" style="width:10%;">
            {{task.vacancy}}
          </td>
          <td style="width:10%;">
            <a class="btn-u btn-u-green btn-sm" translate="" ui-sref="index.job.detail({jid: task._id})">
              Detail
            </a>
          </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 class="task" ng-if="ctrl.tab=='application'">
    <div class="table-responsive">
      <table class="table table-hover tbl_aln font_dec" st-pipe="ctrl.getitems" st-table="ctrl.apps">
        <tr>
          <th translate="" st-sort="status">
            Status
          </th>
          <th translate="">
            Job Title
          </th>
          <th st-sort="name" translate="">
            Company
          </th>
          <th st-sort="name" translate="">
            Location
          </th>
          <th translate="">
            Posted On
          </th>
          <th translate="">
            Applied On
          </th>
        </tr>
        <tr ng-if="ctrl.apps.length == 0">
          <td colspan="7">
            <div class="no_record" translate="">
              No Record
            </div>
          </td>
        </tr>
        <tr ng-repeat="app in ctrl.apps">
          <td style="width:10%;">
            <span class="badge badge-primary" ng-if="app.status&&app.status!='cancel'" translate="">
              {{app.status}}
            </span>
            <span ng-if="app.status=='offer'">
              <button class="btn btn-sm btn-info" ng-click="ctrl.offerHander(app._id,'taken')" translate="">
                Accept
              </button>
              <button class="btn btn-sm btn-danger" ng-click="ctrl.offerHander(app._id,'offerReject')" translate="">
                Reject
              </button>
            </span>
          </td>
          <td style="width:15%;">
            <a style="color:#337ab7;" ui-sref="index.job.detail({jid: app.job._id})">
              {{app.job.name }}
            </a>
          </td>
          <td style="width:15%;">
            {{app.company.name}}
          </td>
          <td style="width:20%;">
            {{app.company.address}}
          </td>
          <td style="width:10%;">
            {{app.job.created | date: 'yyyy-MM-dd'}}
          </td>
          <td style="width:10%;">
            {{app.time | date: 'yyyy-MM-dd'}}
          </td>
        </tr>
        <tr>
          <td class="text-right" colspan="7" st-items-by-page="10" st-pagination="" st-template="components/content/tablePagination.html">
          </td>
        </tr>
      </table>
    </div>
  </div>
</div>