2016-06-08 06:23:11 +00:00
|
|
|
<rd-header>
|
2016-06-14 02:32:44 +00:00
|
|
|
<rd-header-title title="Container list">
|
|
|
|
<a data-toggle="tooltip" title="Refresh" ui-sref="containers" ui-sref-opts="{reload: true}">
|
|
|
|
<i class="fa fa-refresh" aria-hidden="true"></i>
|
|
|
|
</a>
|
|
|
|
</rd-header-title>
|
2016-06-08 06:23:11 +00:00
|
|
|
<rd-header-content>Containers</rd-header-content>
|
|
|
|
</rd-header>
|
|
|
|
|
2016-06-02 05:34:03 +00:00
|
|
|
<div class="col-lg-12">
|
|
|
|
<rd-widget>
|
|
|
|
<rd-widget-header icon="fa-tasks" title="Containers">
|
2016-07-07 01:17:44 +00:00
|
|
|
<div class="pull-right">
|
|
|
|
<i id="loadContainersSpinner" class="fa fa-cog fa-2x fa-spin" style="margin-top: 5px;"></i>
|
|
|
|
</div>
|
2016-06-02 05:34:03 +00:00
|
|
|
</rd-widget-header>
|
|
|
|
<rd-widget-taskbar classes="col-lg-12">
|
|
|
|
<div class="pull-left">
|
|
|
|
<div class="btn-group" role="group" aria-label="...">
|
|
|
|
<button type="button" class="btn btn-primary" ng-click="startAction()" ng-disabled="!state.selectedItemCount">Start</button>
|
|
|
|
<button type="button" class="btn btn-primary" ng-click="stopAction()" ng-disabled="!state.selectedItemCount">Stop</button>
|
|
|
|
<button type="button" class="btn btn-primary" ng-click="killAction()" ng-disabled="!state.selectedItemCount">Kill</button>
|
|
|
|
<button type="button" class="btn btn-primary" ng-click="restartAction()" ng-disabled="!state.selectedItemCount">Restart</button>
|
|
|
|
<button type="button" class="btn btn-primary" ng-click="pauseAction()" ng-disabled="!state.selectedItemCount">Pause</button>
|
|
|
|
<button type="button" class="btn btn-primary" ng-click="unpauseAction()" ng-disabled="!state.selectedItemCount">Unpause</button>
|
|
|
|
<button type="button" class="btn btn-danger" ng-click="removeAction()" ng-disabled="!state.selectedItemCount">Remove</button>
|
|
|
|
</div>
|
2016-07-06 00:19:09 +00:00
|
|
|
<a class="btn btn-default" type="button" ui-sref="actions.create.container">Add container</a>
|
2016-06-02 05:34:03 +00:00
|
|
|
</div>
|
|
|
|
<div class="pull-right">
|
2016-07-07 02:31:16 +00:00
|
|
|
<input type="checkbox" ng-model="state.displayAll" id="displayAll" ng-change="toggleGetAll()" style="margin-top: -2px; margin-right: 5px;"/><label for="displayAll">Show all containers</label>
|
2016-06-02 05:34:03 +00:00
|
|
|
<input type="text" id="filter" ng-model="state.filter" placeholder="Filter..." class="form-control input-sm" />
|
|
|
|
</div>
|
|
|
|
</rd-widget-taskbar>
|
|
|
|
<rd-widget-body classes="no-padding">
|
|
|
|
<div class="table-responsive">
|
2016-06-29 09:04:29 +00:00
|
|
|
<table class="table table-hover">
|
2016-06-02 05:34:03 +00:00
|
|
|
<thead>
|
|
|
|
<tr>
|
2016-06-29 09:04:29 +00:00
|
|
|
<th></th>
|
|
|
|
<th>
|
2016-07-12 22:53:03 +00:00
|
|
|
<a ui-sref="containers" ng-click="order('Status')">
|
2016-06-29 09:04:29 +00:00
|
|
|
State
|
|
|
|
<span ng-show="sortType == 'State' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
|
|
|
|
<span ng-show="sortType == 'State' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
|
|
|
|
</a>
|
|
|
|
</th>
|
2016-06-02 05:34:03 +00:00
|
|
|
<th>
|
2016-06-14 02:13:52 +00:00
|
|
|
<a ui-sref="containers" ng-click="order('Names')">
|
2016-06-02 05:34:03 +00:00
|
|
|
Name
|
|
|
|
<span ng-show="sortType == 'Names' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
|
|
|
|
<span ng-show="sortType == 'Names' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
|
2016-03-19 22:30:47 +00:00
|
|
|
</a>
|
2016-06-02 05:34:03 +00:00
|
|
|
</th>
|
2016-08-23 22:58:55 +00:00
|
|
|
<th>
|
|
|
|
<a ui-sref="containers" ng-click="order('Image')">
|
|
|
|
Image
|
|
|
|
<span ng-show="sortType == 'Image' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
|
|
|
|
<span ng-show="sortType == 'Image' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
|
|
|
|
</a>
|
|
|
|
</th>
|
2016-07-12 22:53:03 +00:00
|
|
|
<th ng-if="state.displayIP">
|
2016-06-29 09:04:29 +00:00
|
|
|
<a ui-sref="containers" ng-click="order('IP')">
|
|
|
|
IP Address
|
|
|
|
<span ng-show="sortType == 'IP' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
|
|
|
|
<span ng-show="sortType == 'IP' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
|
|
|
|
</a>
|
|
|
|
</th>
|
|
|
|
<th ng-if="swarm">
|
|
|
|
<a ui-sref="containers" ng-click="order('Host')">
|
2016-08-18 04:55:19 +00:00
|
|
|
Host IP
|
2016-06-29 09:04:29 +00:00
|
|
|
<span ng-show="sortType == 'Host' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
|
|
|
|
<span ng-show="sortType == 'Host' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
|
|
|
|
</a>
|
|
|
|
</th>
|
2016-06-02 05:34:03 +00:00
|
|
|
<th>
|
2016-08-23 22:58:55 +00:00
|
|
|
<a ui-sref="containers" ng-click="order('Ports')">
|
|
|
|
Exposed Ports
|
|
|
|
<span ng-show="sortType == 'Ports' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
|
|
|
|
<span ng-show="sortType == 'Ports' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
|
2016-03-19 22:30:47 +00:00
|
|
|
</a>
|
2016-06-02 05:34:03 +00:00
|
|
|
</th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
<tr ng-repeat="container in (state.filteredContainers = ( containers | filter:state.filter | orderBy:sortType:sortReverse))">
|
|
|
|
<td><input type="checkbox" ng-model="container.Checked" ng-change="selectItem(container)"/></td>
|
2016-07-12 22:53:03 +00:00
|
|
|
<td><span class="label label-{{ container.Status|containerstatusbadge }}">{{ container.Status|containerstatus }}</span></td>
|
2016-06-29 09:04:29 +00:00
|
|
|
<td ng-if="swarm"><a ui-sref="container({id: container.Id})">{{ container|swarmcontainername}}</a></td>
|
|
|
|
<td ng-if="!swarm"><a ui-sref="container({id: container.Id})">{{ container|containername}}</a></td>
|
2016-08-23 22:58:55 +00:00
|
|
|
<td><a ui-sref="image({id: container.Image})">{{ container.Image }}</a></td>
|
2016-07-12 22:53:03 +00:00
|
|
|
<td ng-if="state.displayIP">{{ container.IP ? container.IP : '-' }}</td>
|
2016-08-10 06:11:36 +00:00
|
|
|
<td ng-if="swarm">{{ container.hostIP }}</td>
|
2016-08-23 22:58:55 +00:00
|
|
|
<td>
|
|
|
|
<a ng-if="container.Ports.length > 0" ng-repeat="p in container.Ports" class="image-tag" ng-href="http://{{p.host}}:{{p.public}}" target="_blank">
|
|
|
|
<i class="fa fa-external-link" aria-hidden="true"></i> {{ p.private }}
|
|
|
|
</a>
|
|
|
|
<span ng-if="container.Ports.length == 0" >-</span>
|
|
|
|
</td>
|
2016-06-02 05:34:03 +00:00
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</rd-widget-body>
|
|
|
|
<rd-widget>
|
|
|
|
</div>
|