Merge pull request #2965 from coreos-inc/expanded-tag
Add the image ID to the expanded state in the tags view
This commit is contained in:
commit
e77f4df37a
2 changed files with 23 additions and 2 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Reference in a new issue