portainer/app/components/image/image.html

121 lines
3.7 KiB
HTML
Raw Normal View History

2013-06-18 23:28:22 +00:00
<div ng-include="template" ng-controller="StartContainerController"></div>
2013-08-08 19:18:51 +00:00
<div class="alert alert-error" id="error-message" style="display:none">
{{ error }}
</div>
<div class="detail">
<h4>Image: {{ id }}</h4>
2013-06-09 23:11:40 +00:00
2013-06-18 23:28:22 +00:00
<div class="btn-group detail">
<button class="btn btn-success" data-toggle="modal" data-target="#create-modal">Start Container</button>
2013-06-18 23:28:22 +00:00
</div>
2013-09-02 23:54:53 +00:00
<div>
<h4>Containers created:</h4>
<canvas id="containers-started-chart" width="750">
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a
href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
</canvas>
2013-09-02 23:54:53 +00:00
</div>
2013-06-18 23:28:22 +00:00
2013-06-09 23:11:40 +00:00
<table class="table table-striped">
<tbody>
<tr>
<td>Tags:</td>
<td>
<ul>
<li ng-repeat="tag in RepoTags">{{ tag }}
<button ng-click="removeImage(tag)" class="btn btn-sm btn-danger">Remove tag</button>
</li>
</ul>
</td>
</tr>
<tr>
<td>Created:</td>
<td>{{ image.Created | date: 'medium'}}</td>
</tr>
<tr>
<td>Parent:</td>
<td><a href="#/images/{{ image.Parent }}/">{{ image.Parent }}</a></td>
</tr>
<tr>
<td>Size (Virtual Size):</td>
<td>{{ image.Size|humansize }} ({{ image.VirtualSize|humansize }})</td>
</tr>
2013-06-22 18:23:25 +00:00
<tr>
<td>Hostname:</td>
<td>{{ image.ContainerConfig.Hostname }}</td>
</tr>
<tr>
<td>User:</td>
<td>{{ image.ContainerConfig.User }}</td>
</tr>
<tr>
<td>Cmd:</td>
<td>{{ image.ContainerConfig.Cmd }}</td>
</tr>
<tr>
<td>Volumes:</td>
<td>{{ image.ContainerConfig.Volumes }}</td>
</tr>
<tr>
<td>Volumes from:</td>
<td>{{ image.ContainerConfig.VolumesFrom }}</td>
</tr>
<tr>
<td>Built with:</td>
<td>Docker {{ image.DockerVersion }} on {{ image.Os}}, {{ image.Architecture }}</td>
</tr>
2013-06-09 23:11:40 +00:00
</tbody>
</table>
2013-06-22 18:23:25 +00:00
2013-06-09 23:11:40 +00:00
<div class="row-fluid">
<div class="span1">
History:
</div>
<div class="span5">
<i class="icon-refresh" style="width:32px;height:32px;" ng-click="getHistory()"></i>
</div>
</div>
2013-06-09 23:11:40 +00:00
<div class="well well-large">
<ul>
<li ng-repeat="change in history">
<strong>{{ change.Id }}</strong>: Created: {{ change.Created|getdate }} Created by: {{ change.CreatedBy
}}
2013-06-09 23:11:40 +00:00
</li>
</ul>
</div>
<hr/>
2013-06-09 23:11:40 +00:00
<div class="row-fluid">
<form class="form-inline" role="form">
2013-06-09 23:11:40 +00:00
<fieldset>
2013-06-15 01:02:22 +00:00
<legend>Tag image</legend>
<div class="form-group">
<label>Tag:</label>
<input type="text" placeholder="repo" ng-model="tagInfo.repo" class="form-control">
<input type="text" placeholder="version" ng-model="tagInfo.version" class="form-control">
</div>
<div class="form-group">
<label class="checkbox">
<input type="checkbox" ng-model="tagInfo.force" class="form-control"/> Force?
</label>
</div>
<input type="button" ng-click="addTag()" value="Add Tag" class="btn btn-primary"/>
2013-06-09 23:11:40 +00:00
</fieldset>
</form>
</div>
<hr/>
2013-06-09 23:11:40 +00:00
<div class="btn-remove">
<button class="btn btn-large btn-block btn-primary btn-danger" ng-click="removeImage(id)">Remove Image</button>
2013-06-09 23:11:40 +00:00
</div>
</div>