<div class="tag-info-sidebar-element">
  <dl class="dl-normal">
    <dt>Last Modified</dt>
    <dd am-time-ago="parseDate(tagImage.created)"></dd>

    <dt>Total Compressed Size</dt>
    <dd>
      <span class="context-tooltip"
            data-title="The amount of data sent between Docker and the registry when pushing/pulling"
            data-container="body"
            bs-tooltip>
            {{ tracker.getTotalSize(tag) | bytes }}
      </span>
    </dd>
  </dl>

  <div class="tag-image-sizes">
    <div class="tag-image-size" ng-repeat="image in tracker.getImagesForTagBySize(tag) | limitTo: 10">
      <span class="size-limiter">
        <span class="size-bar"
              ng-style="{'width': (image.size / tracker.getTotalSize(tag)) * 100 + '%'}"
              data-title="{{ image.size | bytes }}"
              bs-tooltip>
        </span>
      </span>
      <span class="size-title">
        <a class="image-size-link"
           href="javascript:void(0)"
           ng-click="imageSelected({'image': image.id})"
           data-image="{{ image.id.substr(0, 12) }}">
          {{ image.id.substr(0, 12) }}
        </a>
      </span>
    </div>
  </div>

  <div class="control-bar" ng-show="tracker.repository.can_admin">
    <button class="btn btn-default" ng-click="deleteTagRequested({'tag': tag})">
      <i class="fa fa-times" style="margin-right: 6px;"></i>Delete Tag
    </button>
  </div>
</div>
