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:
josephschorr 2018-01-05 14:05:44 -05:00 committed by GitHub
commit e77f4df37a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 23 additions and 2 deletions

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;
} }

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>