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

<div class="tab-pane">
  <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>
    </div>
    <div class="pane"> 	           
      <div class="sub-pane">
        <table class="table table-pane">
    			 <thead>
            <th width="12%">Name</th>
            <th width="14%">Description</th>
            <th width="12%">Project</th>
            <th width="14%">Destination</th>
            <th width="12%">Start Time</th>
            <th width="12%">Status</th>
            <th width="12%">Activation</th>
            <th width="12%">Actions</th>
    			 </thead>
    			 <tbody>
            <tr ng-if="vm.replications.length == 0">
              <td colspan="7" height="100%" class="empty-hint" ><h3 class="text-muted">No replications.</h3></td>
            </tr>
            <tr ng-if="vm.replications.length > 0" ng-repeat="r in vm.replications"> 
              <td>//r.name//</td>
              <td>//r.description//</td>
              <td>//r.project//</td>
              <td>//r.destination//</td>
              <td>//r.start_time//</td>
              <td>//r.status//</td>
              <td>//r.activation//</td>
              <td></td>
            </tr>
          </tbody>
    		</table>
      </div>
    </div>
    <div class="col-xs-4 col-md-12 well well-sm well-custom well-split"><div class="col-md-offset-10">//vm.replications ? vm.replications.length : 0// // 'items' | tr //</div></div>  
  </div>          
</div>