mirror of
https://github.com/goharbor/harbor.git
synced 2024-11-28 05:05:19 +01:00
91 lines
4.8 KiB
HTML
91 lines
4.8 KiB
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.replicationPolicyName" size="30">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-primary" type="button" ng-click="vm.searchReplicationPolicy()"><span class="glyphicon glyphicon-search"></span></button>
|
|
</span>
|
|
</div>
|
|
<button ng-if="!vm.isOpen" class="btn btn-success" type="button" ng-click="vm.addReplication()" data-toggle="modal" data-target="#createPolicyModal"><span class="glyphicon glyphicon-plus"></span>New Replication</button>
|
|
<create-policy reload="vm.retrievePolicy()" action="vm.action" modal-title="//vm.modalTitle//" policy-id="//vm.policyId//"></create-policy>
|
|
</div>
|
|
<div class="pane-split" id="upon-pane">
|
|
<div class="sub-pane-split">
|
|
<table class="table table-pane">
|
|
<thead>
|
|
<th width="10%">Name</th>
|
|
<th width="18%">Description</th>
|
|
<th width="18%">Destination</th>
|
|
<th width="18%">Start Time</th>
|
|
<th width="14%">Activation</th>
|
|
<th width="15%">Actions</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-if="vm.replicationPolicies.length == 0">
|
|
<td colspan="7" height="100%" class="empty-hint" ><h3 class="text-muted">No replication policies, add new replication policy.</h3></td>
|
|
</tr>
|
|
<tr policy_id="//r.id//" ng-if="vm.replicationPolicies.length > 0" ng-repeat="r in vm.replicationPolicies" value="//vm.last = $last//">
|
|
<td>//r.name//</td>
|
|
<td>//r.description//</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</span>
|
|
<span ng-switch-when="0">Disabled</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-play color-success"></span></a>
|
|
<a href="javascript:void(0);" ng-click="vm.togglePolicy(r.id, 1)"><span ng-switch-when="0" class="glyphicon glyphicon-stop color-danger"></span></a>
|
|
</div>
|
|
|
|
<a href="javascript:void(0);" data-toggle="modal" data-target="#createPolicyModal" ng-click="vm.editReplication(r.id)"><span class="glyphicon glyphicon-pencil"></span></a>
|
|
|
|
<a href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a>
|
|
</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.replicationPolicies ? vm.replicationPolicies.length : 0// // 'items' | tr //</div></div>
|
|
<p class="split-handle"><span class="glyphicon glyphicon-align-justify"></span></p>
|
|
<h4 class="h4-custom-down">Replication Jobs</h4>
|
|
<hr class="hr-line"/>
|
|
<div class="form-inline">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" placeholder="" ng-model="vm.replicationJobName" size="30">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-primary" type="button" ng-click="vm.searchReplicationJob()"><span class="glyphicon glyphicon-search"></span></button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="pane-split" id="down-pane">
|
|
<div class="sub-pane-split">
|
|
<table class="table table-pane" width="98%">
|
|
<thead>
|
|
<th width="20%">Name</th>
|
|
<th width="25%">Operation</th>
|
|
<th width="25%">Start Time</th>
|
|
<th width="15%">Status</th>
|
|
<th width="15%">Logs</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-if="vm.replicationJobs.length == 0">
|
|
<td colspan="4" height="100%" class="empty-hint" ><h3 class="text-muted">No replication jobs.</h3></td>
|
|
</tr>
|
|
<tr ng-if="vm.replicationJobs.length > 0" ng-repeat="r in vm.replicationJobs">
|
|
<td>//r.repository//</td>
|
|
<td>//r.operation//</td>
|
|
<td>//r.update_time | dateL : 'YYYY-MM-DD HH:mm:ss'//</td>
|
|
<td>//r.status//</td>
|
|
<td><a href="javascript:void(0);" ng-click="vm.downloadLog(r.id)"><span style="margin-left: 10px;" class="glyphicon glyphicon-file"></span></a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |