Add a history view to the tags page. Next step will add the ability to revert back in time
This commit is contained in:
Joseph Schorr
parent
703f48f194
commit
f8c80f7d11
10 changed files with 492 additions and 13 deletions
2
static/directives/image-link.html
Normal file
2
static/directives/image-link.html
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
<a href="/repository/{{ repository.namespace }}/{{ repository.name }}/image/{{ imageId }}"
|
||||
class="image-link-element">{{ imageId.substr(0, 12) }}</a>
|
||||
|
|
@ -1,6 +1,72 @@
|
|||
<div class="repo-panel-tags-element">
|
||||
<div class="tab-header-controls">
|
||||
<div class="btn-group btn-group-sm" ng-show="repository.can_write">
|
||||
<button class="btn" ng-class="!showingHistory ? 'btn-primary active' : 'btn-default'" ng-click="showHistory(false)">
|
||||
<i class="fa fa-tags"></i>Current Tags
|
||||
</button>
|
||||
<button class="btn" ng-class="showingHistory ? 'btn-info active' : 'btn-default'" ng-click="showHistory(true)">
|
||||
<i class="fa fa-history"></i>History
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="tab-header">Repository Tags</h3>
|
||||
<div class="resource-view" resource="imagesResource" error-message="'Could not load images'">
|
||||
|
||||
<!-- History view -->
|
||||
<div ng-show="showingHistory">
|
||||
<div ng-show="showingHistory">
|
||||
<div class="cor-loader" ng-if="!tagHistoryData"></div>
|
||||
</div>
|
||||
|
||||
<div style="height: 40px;">
|
||||
<span class="co-filter-box" style="float:right">
|
||||
<input class="form-control" type="text" ng-model="options.historyFilter" placeholder="Filter History...">
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="history-list">
|
||||
<div class="empty" ng-if="!tagHistoryData.length">
|
||||
<div class="empty-primary-msg">This repository is empty.</div>
|
||||
<div class="empty-secondary-msg">Push a tag or initiate a build to populate this repository.</div>
|
||||
</div>
|
||||
|
||||
<div class="history-entry" ng-repeat="entry in tagHistoryData"
|
||||
ng-class="getEntryClasses(entry, options.historyFilter)">
|
||||
<div class="history-date-break" ng-if="entry.date_break">
|
||||
{{ entry.date | amDateFormat:'dddd, MMMM Do YYYY' }}
|
||||
</div>
|
||||
<div ng-if="!entry.date_break">
|
||||
<div class="history-icon"></div>
|
||||
<div class="history-text">
|
||||
<div class="history-description">
|
||||
<span class="tag-span"
|
||||
ng-class="isChecked(entry.tag_name, checkedTags.checked) ? 'checked' : ''"
|
||||
ng-click="showHistory(true, entry.tag_name)">{{ entry.tag_name }}</span>
|
||||
<span ng-switch on="entry.action">
|
||||
<span ng-switch-when="create">
|
||||
was created pointing to image <span class="image-link" repository="repository" image-id="entry.docker_image_id"></span>
|
||||
</span>
|
||||
<span ng-switch-when="delete">
|
||||
was deleted
|
||||
</span>
|
||||
<span ng-switch-when="move">
|
||||
was moved to image
|
||||
<span class="image-link" repository="repository" image-id="entry.docker_image_id"></span>
|
||||
from image
|
||||
<span class="image-link" repository="repository" image-id="entry.old_docker_image_id"></span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="history-datetime">{{ entry.time | amDateFormat:'dddd, MMMM Do YYYY, h:mm:ss a' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Normal View -->
|
||||
<div class="resource-view" resource="imagesResource" error-message="'Could not load images'"
|
||||
ng-show="!showingHistory">
|
||||
<div class="co-check-bar">
|
||||
<span class="cor-checkable-menu" controller="checkedTags">
|
||||
<div class="cor-checkable-menu-item" item-filter="allTagFilter">
|
||||
|
|
@ -23,7 +89,12 @@
|
|||
<a href="javascript:void(0)" class="btn btn-default" ng-click="setTab('changes')">
|
||||
<i class="fa fa-code-fork"></i> Visualize
|
||||
</a>
|
||||
<button class="btn btn-default"
|
||||
<a href="javascript:void(0)" class="btn btn-default"
|
||||
ng-click="showHistory(true, getTagNames(checkedTags.checked))"
|
||||
ng-if="repository.can_write">
|
||||
<i class="fa fa-history"></i> View History
|
||||
</a>
|
||||
<button class="btn btn-primary"
|
||||
ng-click="askDeleteMultipleTags(checkedTags.checked)"
|
||||
ng-if="repository.can_write">
|
||||
<i class="fa fa-times"></i> Delete
|
||||
|
|
@ -69,9 +140,7 @@
|
|||
</td>
|
||||
<td>{{ tag.size | bytes }}</td>
|
||||
<td class="image-id-col">
|
||||
<a ng-href="/repository/{{ repository.namespace }}/{{ repository.name }}/image/{{ tag.image_id }}">
|
||||
{{ tag.image_id.substr(0, 12) }}
|
||||
</a>
|
||||
<span class="image-link" repoository="repository" image-id="tag.image_id"></span>
|
||||
</td>
|
||||
<td class="image-track" ng-repeat="it in imageTracks">
|
||||
<span class="image-track-dot" ng-if="it.image_id == tag.image_id"
|
||||
|
|
@ -86,6 +155,10 @@
|
|||
</td>
|
||||
<td class="options-col">
|
||||
<span class="cor-options-menu" ng-if="repository.can_write">
|
||||
<span class="cor-option" option-click="showHistory(true, tag.name)"
|
||||
ng-if="tag.last_modified">
|
||||
<i class="fa fa-history"></i> View Tag History
|
||||
</span>
|
||||
<span class="cor-option" option-click="askDeleteTag(tag.name)">
|
||||
<i class="fa fa-times"></i> Delete Tag
|
||||
</span>
|
||||
|
|
|
|||
Reference in a new issue