mirror of https://github.com/portainer/portainer
282 lines
13 KiB
HTML
282 lines
13 KiB
HTML
<rd-header>
|
|
<rd-header-title title-text="Container details">
|
|
</rd-header-title>
|
|
<rd-header-content>
|
|
<a ui-sref="docker.containers">Containers</a> > <a ui-sref="docker.containers.container({id: container.Id})">{{ container.Name|trimcontainername }}</a>
|
|
</rd-header-content>
|
|
</rd-header>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-xs-12">
|
|
<rd-widget>
|
|
<rd-widget-header icon="fa-cogs" title-text="Actions"></rd-widget-header>
|
|
<rd-widget-body classes="padding">
|
|
<div class="btn-group" role="group" aria-label="...">
|
|
<button class="btn btn-success btn-sm" ng-click="start()" ng-disabled="container.State.Running"><i class="fa fa-play space-right" aria-hidden="true"></i>Start</button>
|
|
<button class="btn btn-danger btn-sm" ng-click="stop()" ng-disabled="!container.State.Running"><i class="fa fa-stop space-right" aria-hidden="true"></i>Stop</button>
|
|
<button class="btn btn-danger btn-sm" ng-click="kill()" ng-disabled="!container.State.Running"><i class="fa fa-bomb space-right" aria-hidden="true"></i>Kill</button>
|
|
<button class="btn btn-primary btn-sm" ng-click="restart()" ng-disabled="!container.State.Running"><i class="fa fa-sync space-right" aria-hidden="true"></i>Restart</button>
|
|
<button class="btn btn-primary btn-sm" ng-click="pause()" ng-disabled="!container.State.Running || container.State.Paused"><i class="fa fa-pause space-right" aria-hidden="true"></i>Pause</button>
|
|
<button class="btn btn-primary btn-sm" ng-click="unpause()" ng-disabled="!container.State.Paused"><i class="fa fa-play space-right" aria-hidden="true"></i>Resume</button>
|
|
<button class="btn btn-danger btn-sm" ng-click="confirmRemove()"><i class="fa fa-trash-alt space-right" aria-hidden="true"></i>Remove</button>
|
|
</div>
|
|
<div class="btn-group" role="group" aria-label="..." ng-if="!container.Config.Labels['com.docker.swarm.service.id']">
|
|
<button type="button" class="btn btn-danger btn-sm" ng-disabled="state.recreateContainerInProgress" ng-click="recreate()" button-spinner="state.recreateContainerInProgress">
|
|
<span ng-hide="state.recreateContainerInProgress"><i class="fa fa-sync space-right" aria-hidden="true"></i>Recreate</span>
|
|
<span ng-show="state.recreateContainerInProgress">Recreation in progress...</span>
|
|
</button>
|
|
<a class="btn btn-primary btn-sm" type="button" ui-sref="docker.containers.new({ from: container.Id, nodeName: nodeName })"><i class="fa fa-copy space-right" aria-hidden="true"></i>Duplicate/Edit</a>
|
|
</div>
|
|
</rd-widget-body>
|
|
</rd-widget>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-xs-12">
|
|
<rd-widget>
|
|
<rd-widget-header icon="fa-server" title-text="Container status"></rd-widget-header>
|
|
<rd-widget-body classes="no-padding">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td>ID</td>
|
|
<td>{{ container.Id }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Name</td>
|
|
<td ng-if="!container.edit">
|
|
{{ container.Name|trimcontainername }}
|
|
<a href="" data-toggle="tooltip" title="Edit container name" ng-click="container.edit = true;"><i class="fa fa-edit"></i></a>
|
|
</td>
|
|
<td ng-if="container.edit">
|
|
<form ng-submit="renameContainer()">
|
|
<input type="text" class="containerNameInput" ng-model="container.newContainerName">
|
|
<a href="" ng-click="container.edit = false;"><i class="fa fa-times"></i></a>
|
|
<a href="" ng-click="renameContainer()"><i class="fa fa-check-square"></i></a>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
<tr ng-if="container.NetworkSettings.IPAddress">
|
|
<td>IP address</td>
|
|
<td>{{ container.NetworkSettings.IPAddress }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Status</td>
|
|
<td>
|
|
<i class="fa fa-heartbeat space-right green-icon" ng-if="container.State.Running"></i>
|
|
<i class="fa fa-heartbeat space-right red-icon" ng-if="!container.State.Running && container.State.Status !== 'created'"></i>
|
|
{{ container.State|getstatetext }} for {{ activityTime }}<span ng-if="!container.State.Running && container.State.Status !== 'created'"> with exit code {{ container.State.ExitCode }}</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Created</td>
|
|
<td>{{ container.Created|getisodate }}</td>
|
|
</tr>
|
|
<tr ng-if="container.State.Running">
|
|
<td>Start time</td>
|
|
<td>{{ container.State.StartedAt|getisodate }}</td>
|
|
</tr>
|
|
<tr ng-if="!container.State.Running && container.State.Status !== 'created'">
|
|
<td>Finished</td>
|
|
<td>{{ container.State.FinishedAt|getisodate }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">
|
|
<div class="btn-group" role="group" aria-label="...">
|
|
<a class="btn" type="button" ui-sref="docker.containers.container.stats({ id: container.Id })"><i class="fa fa-chart-area space-right" aria-hidden="true"></i>Stats</a>
|
|
<a class="btn" type="button" ui-sref="docker.containers.container.logs({ id: container.Id })"><i class="fa fa-file-alt space-right" aria-hidden="true"></i>Logs</a>
|
|
<a class="btn" type="button" ui-sref="docker.containers.container.console({ id: container.Id })"><i class="fa fa-terminal space-right" aria-hidden="true"></i>Console</a>
|
|
<a class="btn" type="button" ui-sref="docker.containers.container.inspect({ id: container.Id })"><i class="fa fa-info-circle space-right" aria-hidden="true"></i>Inspect</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</rd-widget-body>
|
|
</rd-widget>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- access-control-panel -->
|
|
<por-access-control-panel
|
|
ng-if="container && applicationState.application.authentication"
|
|
resource-id="container.Id"
|
|
resource-control="container.ResourceControl"
|
|
resource-type="'container'">
|
|
</por-access-control-panel>
|
|
<!-- !access-control-panel -->
|
|
|
|
<div ng-if="container.State.Health" class="row">
|
|
<div class="col-lg-12 col-md-12 col-xs-12">
|
|
<rd-widget>
|
|
<rd-widget-header icon="fa-server" title-text="Container health"></rd-widget-header>
|
|
<rd-widget-body classes="no-padding">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td>Status</td>
|
|
<td>
|
|
<i ng-class="{'healthy': 'fa fa-heartbeat space-right green-icon', 'unhealthy': 'fa fa-heartbeat space-right red-icon', 'starting': 'fa fa-heartbeat space-right orange-icon'}[container.State.Health.Status]"></i>
|
|
{{ container.State.Health.Status }}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Failure count</td>
|
|
<td>{{ container.State.Health.FailingStreak }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Last output</td>
|
|
<td>{{ container.State.Health.Log[container.State.Health.Log.length - 1].Output }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</rd-widget-body>
|
|
</rd-widget>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-xs-12">
|
|
<rd-widget>
|
|
<rd-widget-header icon="fa-clone" title-text="Create image"></rd-widget-header>
|
|
<rd-widget-body>
|
|
<form class="form-horizontal">
|
|
<!-- tag-description -->
|
|
<div class="form-group">
|
|
<div class="col-sm-12">
|
|
<span class="small text-muted">
|
|
You can create an image from this container, this allows you to backup important data or save
|
|
helpful configurations. You'll be able to spin up another container based on this image afterward.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<!-- !tag-description -->
|
|
<!-- image-and-registry -->
|
|
<por-image-registry
|
|
image="config.Image"
|
|
registry="config.Registry"
|
|
auto-complete="true"
|
|
label-class="col-sm-1" input-class="col-sm-11 col-md-5"
|
|
></por-image-registry>
|
|
<!-- !image-and-registry -->
|
|
<!-- tag-note -->
|
|
<div class="form-group">
|
|
<div class="col-sm-12">
|
|
<span class="small text-muted">Note: if you don't specify the tag in the image name, <span class="label label-default">latest</span> will be used.</span>
|
|
</div>
|
|
</div>
|
|
<!-- !tag-note -->
|
|
<div class="form-group">
|
|
<div class="col-sm-12">
|
|
<button type="button" class="btn btn-primary btn-sm" ng-disabled="!config.Image" ng-click="commit()">Create</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</rd-widget-body>
|
|
</rd-widget>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-xs-12">
|
|
<rd-widget>
|
|
<rd-widget-header icon="fa-server" title-text="Container details"></rd-widget-header>
|
|
<rd-widget-body classes="no-padding">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td>Image</td>
|
|
<td><a ui-sref="docker.images.image({ id: container.Image, nodeName: nodeName })">{{ container.Config.Image}}@{{container.Image}}</a></td>
|
|
</tr>
|
|
<tr ng-if="portBindings.length > 0">
|
|
<td>Port configuration</td>
|
|
<td>
|
|
<div ng-repeat="portMapping in portBindings">
|
|
{{ portMapping.host }} <i class="fa fa-long-arrow-alt-right"></i> {{ portMapping.container }}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>CMD</td>
|
|
<td><code>{{ container.Config.Cmd|command }}</code></td>
|
|
</tr>
|
|
<tr>
|
|
<td>ENV</td>
|
|
<td>
|
|
<table class="table table-bordered table-condensed">
|
|
<tr ng-repeat="var in container.Config.Env track by $index">
|
|
<td>{{ var|key: '=' }}</td>
|
|
<td>{{ var|value: '=' }}</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr ng-if="!(container.Config.Labels | emptyobject)">
|
|
<td>Labels</td>
|
|
<td>
|
|
<table class="table table-bordered table-condensed">
|
|
<tr ng-repeat="(k, v) in container.Config.Labels">
|
|
<td>{{ k }}</td>
|
|
<td>{{ v }}</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Restart policies</td>
|
|
<td>
|
|
<container-restart-policy
|
|
name="container.HostConfig.RestartPolicy.Name"
|
|
maximum-retry-count="container.HostConfig.RestartPolicy.MaximumRetryCount"
|
|
update-restart-policy="updateRestartPolicy(name, maximumRetryCount)">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</rd-widget-body>
|
|
</rd-widget>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" ng-if="container.Mounts.length > 0">
|
|
<div class="col-lg-12 col-md-12 col-xs-12">
|
|
<rd-widget>
|
|
<rd-widget-header icon="fa-cubes" title-text="Volumes"></rd-widget-header>
|
|
<rd-widget-body classes="no-padding">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Host/volume</th>
|
|
<th>Path in container</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="vol in container.Mounts">
|
|
<td ng-if="vol.Type === 'bind'">{{ vol.Source }}</td>
|
|
<td ng-if="vol.Type === 'volume'"><a ui-sref="docker.volumes.volume({ id: vol.Name, nodeName: nodeName })">{{ vol.Name }}</a></td>
|
|
<td>{{ vol.Destination }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</rd-widget-body>
|
|
</rd-widget>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<container-networks-datatable
|
|
title-text="Connected networks" title-icon="fa-sitemap"
|
|
dataset="container.NetworkSettings.Networks" table-key="container-networks"
|
|
container="container"
|
|
available-networks="availableNetworks"
|
|
join-network-action="containerJoinNetwork"
|
|
join-network-action-in-progress="state.joinNetworkInProgress"
|
|
leave-network-action="containerLeaveNetwork"
|
|
leave-network-action-in-progress="state.leaveNetworkInProgress"
|
|
node-name="nodeName"
|
|
></container-networks-datatable>
|
|
</div>
|
|
</div>
|