harbor/static/resources/js/components/system-management/destination.directive.html
yhua123 6a7f5b418c Update destination.directive.html
fixed table title
2016-06-28 19:16:38 +08:00

52 lines
2.6 KiB
HTML

<modal-dialog modal-title="// vm.modalDialogTitle //" modal-message="// vm.modalDialogMessage //" action="vm.deleteDestination()"></modal-dialog>
<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.destinationName" 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>
<button ng-if="!vm.isOpen" class="btn btn-success" type="button" ng-click="vm.addDestination()" data-toggle="modal" data-target="#createDestinationModal"><span class="glyphicon glyphicon-plus"></span>// 'add_new_destination' | tr //</button>
<create-destination action="//vm.action//" target-id="//vm.targetId//" reload="vm.retrieve()"></create-destination>
</div>
</div>
<div class="pane-split" id="down-pane">
<div class="sub-pane-split">
<div class="table-head-container">
<table class="table table-pane table-header">
<thead>
<th width="20%">// 'name' | tr //</th>
<th width="40%">// 'endpoint' | tr //</th>
<th width="20%">// 'creation_time' | tr //</th>
<th width="20%">// 'actions' | tr //</th>
</thead>
</table>
</div>
<div class="table-body-container" style="height: 200px;">
<table class="table table-pane">
<tbody>
<tr ng-if="vm.destinations.length == 0">
<td colspan="7" height="100%" class="empty-hint" ><h3 class="text-muted">// 'no_destinations' | tr //</h3></td>
</tr>
<tr ng-if="vm.destinations.length > 0" ng-repeat="r in vm.destinations">
<td>//r.name//</td>
<td>//r.endpoint//</td>
<td>//r.creation_time | dateL : 'YYYY-MM-DD HH:mm:ss'//</td>
<td>
<a href="javascript:void(0);" data-toggle="modal" data-target="#createDestinationModal" ng-click="vm.editDestination(r.id)"><span class="glyphicon glyphicon-pencil"></span></a>
&nbsp;
<a href="javascript:void(0);" ng-click="vm.confirmToDelete(r.id)"><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.destinations ? vm.destinations.length : 0// // 'items' | tr //</div>
</div>
</div>