harbor/static/resources/js/components/system-management/replication.directive.html

<div class="tab-pane" element-height>
  <div class="col-xs-12 col-md-12 each-tab-pane">
    <div class="form-inline">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="" ng-model="vm.replicationName" size="30">
        <span class="input-group-btn">
          <button class="btn btn-primary" type="button" ng-click="vm.search()"><span class="glyphicon glyphicon-search"></span></button>
        </span>
      </div>
      <create-policy reload="vm.retrieve()" action="vm.action" modal-title="//vm.modalTitle//" policy-id="//vm.policyId//"></create-policy>
    </div>
    <div class="pane">   
      <div class="sub-pane">
        <div class="table-head-container">
          <table class="table table-pane table-header">
            <thead>
              <th width="14%">// 'name' | tr //</th>
              <th width="18%">// 'description' | tr //</th>
              <th width="14%">// 'projects' | tr //</th>
              <th width="12%">// 'destination' | tr //</th>
              <th width="18%">// 'start_time' | tr //</th>
              <th width="12%">// 'activation' | tr //</th>
              <th width="12%">// 'actions' | tr //</th>    
            </thead>
          </table>
        </div>
        <div class="table-body-container">
          <table class="table table-pane">
            <tbody>
              <tr ng-if="vm.replications.length == 0">
                <td colspan="7" height="100%" class="empty-hint" ><h3 class="text-muted">// 'no_replications' | tr //</h3></td>
              </tr>
              <tr ng-if="vm.replications.length > 0" ng-repeat="r in vm.replications"> 
                <td><a href="repository#/replication?project_id=//r.project_id//">//r.name//</a></td>
                <td>//r.description//</td>
                <td>//r.project_name//</td>
                <td>//r.target_name//</td>
                <td>//r.start_time | dateL : 'YYYY-MM-DD HH:mm:ss'//</td>
                <td ng-switch on="//r.enabled//">
                  <span ng-switch-when="1">// 'enabled' | tr //</span>
                  <span ng-switch-when="0">// 'disabled' | tr //</span>
                </td>
                <td>
                  <div class="display-inline-block" ng-switch on="//r.enabled//">
                    <a href="javascript:void(0);" ng-click="vm.togglePolicy(r.id, 0)"><span ng-switch-when="1" class="glyphicon glyphicon-stop color-danger"></span></a>
                    <a href="javascript:void(0);" ng-click="vm.togglePolicy(r.id, 1)"><span ng-switch-when="0" class="glyphicon glyphicon-play color-success"></span></a>
                  </div>
                  &nbsp;
                  <a href="javascript:void(0);" data-toggle="modal" data-target="#createPolicyModal" ng-click="vm.editReplication(r.id)"><span class="glyphicon glyphicon-pencil"></span></a>
                  &nbsp;
                  <!--a  href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a-->
                </td>
              </tr>     
            </tbody>
          </table>
        </div>
      </div>
    </div>  
    <div class="col-xs-4 col-md-12 well well-sm well-custom">
      <div class="col-md-offset-10">//vm.replications ? vm.replications.length : 0// // 'items' | tr //</div>
    </div>  
  </div>
</div>