vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Add the image ID to the expanded state in the tags view

Browse source
This commit is contained in:
Joseph Schorr 2018-01-05 14:03:40 -05:00
parent 7f5236b0cc
commit ace6a35707
2 changed files with 23 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
static/css/directives/repo-view/repo-panel-tags.css
View file

@ -140,6 +140,22 @@
border-bottom: 0px; border-bottom: 0px;
} }
.repo-panel-tags-element .image-id-row {
margin-bottom: 6px;
padding-left: 6px;
position: relative;
}
.repo-panel-tags-element .image-id-row:before {
content: "\f1c5";
font-family: FontAwesome;
position: absolute;
left: -22px;
top: 0px;
font-size: 15px;
color: #888;
}
.repo-panel-tags-element .labels-col { .repo-panel-tags-element .labels-col {
padding-top: 0px; padding-top: 0px;
} }

9
static/directives/repo-view/repo-panel-tags.html
View file

@ -116,7 +116,7 @@
style="width: 140px;"> style="width: 140px;">
<a ng-click="orderBy('expiration_date')" data-title="When the tag expires" data-container="body" bs-tooltip>Expires</a> <a ng-click="orderBy('expiration_date')" data-title="When the tag expires" data-container="body" bs-tooltip>Expires</a>
</td> </td>
<td class="hidden-xs hidden-sm hidden-md" <td class="hidden-xs hidden-sm"
ng-class="tablePredicateClass('image_id', options.predicate, options.reverse)" ng-class="tablePredicateClass('image_id', options.predicate, options.reverse)"
style="width: 140px;"> style="width: 140px;">
<a ng-click="orderBy('image_id')">Image</a> <a ng-click="orderBy('image_id')">Image</a>
@ -238,7 +238,7 @@
</td> </td>
<!-- Image link --> <!-- Image link -->
<td class="hidden-xs hidden-sm hidden-md image-id-col"> <td class="hidden-xs hidden-sm image-id-col">
<span class="image-link" repository="repository" image-id="tag.image_id" manifest-digest="tag.manifest_digest"></span> <span class="image-link" repository="repository" image-id="tag.image_id" manifest-digest="tag.manifest_digest"></span>
</td> </td>
<td class="hidden-xs hidden-sm hidden-md image-track" <td class="hidden-xs hidden-sm hidden-md image-track"
@ -291,6 +291,11 @@
<tr ng-if="expandedView"> <tr ng-if="expandedView">
<td class="checkbox-col"></td> <td class="checkbox-col"></td>
<td class="labels-col" colspan="{{6 + (repository.trust_enabled ? 1 : 0) + (Features.SECURITY_SCANNER ? 1 : 0) }}"> <td class="labels-col" colspan="{{6 + (repository.trust_enabled ? 1 : 0) + (Features.SECURITY_SCANNER ? 1 : 0) }}">
<!-- Image ID -->
<div class="image-id-row">
<span class="image-link" repository="repository" image-id="tag.image_id" manifest-digest="tag.manifest_digest"></span>
</div>
<!-- Labels --> <!-- Labels -->
<div class="manifest-label-list" repository="repository" <div class="manifest-label-list" repository="repository"
manifest-digest="tag.manifest_digest" cache="labelCache"></div> manifest-digest="tag.manifest_digest" cache="labelCache"></div>