src/app/images/imageInfo/imageInfo.tpl.html
<div class="modal-header">
<button class="close" ng-click="close()"><span>×</span></button>
<h3 class="modal-title"><i class="fa fa-info-circle"></i> Image</h3>
</div>
<div class="modal-body" key-enter="close()">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Details</h3>
</div>
<div class="table-responsive">
<table class="table table-bordered">
<tbody>
<tr>
<th>Tags</th>
<td>
<ul style="display:inline-table">
<span ng-repeat="k in image.RepoTags">{{:: k }} </span>
</ul>
</td>
</tr>
<tr>
<th>Created</th>
<td>{{:: image.Created | date:'yyyy-MM-dd HH:mm:ss' }}</td>
</tr>
<tr>
<th>Hostname</th>
<td>{{:: image.Config.Hostname }}</td>
</tr>
<tr>
<th>Exposed ports</th>
<td>
<ul style="display:inline-table">
<li ng-repeat="(k,v) in image.Config.ExposedPorts">{{:: k }}</li>
</ul>
</td>
</tr>
<tr>
<th>Environment</th>
<td>
<ul style="display:inline-table">
<li ng-repeat="k in image.Config.Env">{{:: k }}</li>
</ul>
</td>
</tr>
<tr>
<th>Volumes</th>
<td>
<ul style="display:inline-table">
<li ng-repeat="(k,v) in image.Config.Volumes">{{:: k }}</li>
</ul>
</td>
</tr>
<tr>
<th>Working directory</th>
<td>{{:: image.Config.WorkingDir }}</td>
</tr>
<tr>
<th>Command</th>
<td>
<ul style="display:inline-table">
<span ng-repeat="k in image.Config.Cmd">{{:: k }} </span>
</ul>
</td>
</tr>
<tr>
<th>Size</th>
<td>{{:: image.Size }}</td>
</tr>
<tr>
<th>Virtual Size</th>
<td>{{:: image.VirtualSize }}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Containers</h3>
</div>
<div class="panel-body">
<ul>
<li ng-repeat="container in imageContainers">
<a ui-sref="containerInfo({name: container.Names[0].slice(1)})">
{{ container.Names[0].slice(1) }}
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-default" ng-click="close()">Close</button>
</div>