<div class="image-changes-view-element">
  <div class="resource-view" resource="imageChangesResource">
    <div class="changes-container" ng-show="hasChanges">
      <span class="change-count added"
            ng-show="changeData.added.length > 0"
            data-title="Files Added"
            data-placement="top"
            data-container="body"
            bs-tooltip>
        <i class="fa fa-plus-square"></i>
        <b>{{ changeData.added.length }}</b>
      </span>
      <span class="change-count removed"
            ng-show="changeData.removed.length > 0"
            data-title="Files Removed"
            data-placement="top"
            data-container="body"
            bs-tooltip>
        <i class="fa fa-minus-square"></i>
        <b>{{ changeData.removed.length }}</b>
      </span>
      <span class="change-count changed"
            ng-show="changeData.changed.length > 0"
            data-title="Files Changes"
            data-placement="top"
            data-container="body"
            bs-tooltip>
        <i class="fa fa-pencil-square"></i>
        <b>{{ changeData.changed.length }}</b>
      </span>
    </div>
  </div>
</div>
