119 lines
3.9 KiB
HTML
119 lines
3.9 KiB
HTML
<div class="container" ng-hide="repo">
|
|
No repository found
|
|
</div>
|
|
|
|
<div class="container repo" ng-show="repo">
|
|
<!-- Repo Header -->
|
|
<div class="header">
|
|
<h3>
|
|
<i class="icon-hdd icon-large"></i> <span style="color: #aaa;"> {{repo.namespace}}</span> <span style="color: #ccc">/</span> {{repo.name}}
|
|
|
|
<span class="settings-cog" ng-show="repo.can_admin" title="Repository Settings">
|
|
<a href="{{ '#/repository/' + repo.namespace + '/' + repo.name + '/admin' }}">
|
|
<i class="icon-cog icon-large"></i>
|
|
</a>
|
|
</span>
|
|
</h3>
|
|
|
|
<!-- Pull command -->
|
|
<div class="pull-command">
|
|
Get this repository:
|
|
|
|
<div class="pull-container">
|
|
<div class="input-group">
|
|
<input id="pull-text" type="text" class="form-control" value="{{ 'docker pull quay.io/' + repo.namespace + '/' + repo.name }}" readonly>
|
|
<span id="copyClipboard" class="input-group-addon" title="Copy to Clipboard" data-clipboard-target="pull-text">
|
|
<i class="icon-copy"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="clipboardCopied" style="display: none">
|
|
Copied to clipboard
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Description -->
|
|
<p ng-class="'description lead ' + (repo.can_write ? 'editable' : 'noteditable')" ng-click="editDescription()"><span class="content">{{repo.description}}</span><i class="icon-edit"></i></p>
|
|
|
|
|
|
<!-- Tab bar -->
|
|
<ul class="nav nav-tabs">
|
|
<li>
|
|
<span class="tag-dropdown dropdown" title="Tags">
|
|
<i class="icon-bookmark"></i>
|
|
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">{{currentTag.name}} <b class="caret"></b></a>
|
|
<ul class="dropdown-menu">
|
|
<li ng-repeat="tag in repo.tags">
|
|
<a href="{{ '#/repository/' + repo.namespace + '/' + repo.name + '/tag/' + tag.name }}">{{tag.name}}</a>
|
|
</li>
|
|
</ul>
|
|
</span>
|
|
</li>
|
|
<li id="current-image-tab" class="active" ng-click="showTab('current-image')"><a href="javascript:void(0)">Current Image</a></li>
|
|
<li id="image-history-tab" ng-click="showTab('image-history')"><a href="javascript:void(0)">Image History</a></li>
|
|
</ul>
|
|
|
|
<div id="current-image">
|
|
<dl class="dl-horizontal">
|
|
<dt>Created</dt>
|
|
<dd am-time-ago="parseDate(currentTag.image.created)"></dd>
|
|
|
|
<dt>ID</dt>
|
|
<dd>{{ currentTag.image.id }}</dd>
|
|
</dl>
|
|
|
|
<div ng-show="currentTag.image.comment">
|
|
<strong>Description:</strong>
|
|
<blockquote style="margin-top: 10px;">
|
|
{{ currentTag.image.comment || '' }}
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="image-history" style="display: none">
|
|
<div ng-hide="imageHistory">
|
|
Loading images...
|
|
</div>
|
|
|
|
<div ng-show="imageHistory">
|
|
<table class="images">
|
|
<thead>
|
|
<tr>
|
|
<td>Created</td>
|
|
<td>Comment</td>
|
|
<td>ID</td>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tr ng-repeat="image in imageHistory">
|
|
<td><span am-time-ago="parseDate(image.created)"></span></td>
|
|
<td>{{ image.comment }}</td>
|
|
<td>{{ image.id }}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal edit for the description -->
|
|
<div class="modal fade" id="editModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title">Edit Repository Description</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<textarea id="descriptionEdit" placeholder="Enter description">{{ repo.description }}</textarea>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-primary" ng-click="saveDescription()">Save changes</button>
|
|
</div>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
</div>
|