<span class="repo-breadcrumb-element">
<span ng-show="!image && !subsection">
<span class="crumb">
<a href="{{ '/repository/?namespace=' + repo.namespace }}">{{repo.namespace}}</a>
</span>
<span class="current">{{repo.name}}</span>
<span ng-show="image && !subsection">
<span class="crumb"><a href="{{ '/repository/' + repo.namespace + '/' + repo.name }}">{{repo.name}}</a></span>
<span class="current">
<i class="fa fa-archive" style="margin-left: 2px; margin-right: 2px;"></i>
{{image.id.substr(0, 12)}}
<span ng-show="!image && subsection">
<span class="current"><i class="fa" ng-class="subsectionIcon" style="margin-left: 4px; margin-right: 8px;"></i>{{subsection}}</span>