<span>
  <span class="id-label" ng-if="!hasSHA256(manifestDigest)"
        data-title="The Docker V1 ID for this image. This ID is not content addressable nor is it stable across pulls."
        data-container="body"
        ng-click="showCopyBox()"
        bs-tooltip>V1ID</span>

  <span class="id-label cas" ng-if="hasSHA256(manifestDigest)"
        data-title="The content-addressable SHA256 hash of this tag."
        data-container="body"
        ng-click="showCopyBox()"
        bs-tooltip>SHA256</span>

  <a bo-href-i="/repository/{{ repository.namespace }}/{{ repository.name }}/image/{{ imageId }}"
     class="image-link-element" bindonce>
    <span ng-if="!hasSHA256(manifestDigest)">{{ imageId.substr(0, 12) }}</span>
    <span ng-if="hasSHA256(manifestDigest)">{{ getShortDigest(manifestDigest) }}</span>
  </a>

  <div class="modal fade co-dialog" ng-if="showingCopyBox">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" ng-click="hideCopyBox()"
                  aria-hidden="true">&times;</button>
          <h4 class="modal-title"><span ng-if="hasSHA256(manifestDigest)">Manifest SHA256</span><span ng-if="!hasSHA256(manifestDigest)">V1 ID</span></h4>
        </div>
        <div class="modal-body">
          <div class="copy-box" hovering-message="true" value="hasSHA256(manifestDigest) ? manifestDigest : imageId"></div>            
        </div>
        <div class="modal-footer" ng-show="!working">
          <button type="button" class="btn btn-default" ng-click="hideCopyBox()">Close</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
</span>