diff --git a/src/portal/lib/src/tag/tag-detail.component.html b/src/portal/lib/src/tag/tag-detail.component.html
index 4169cffe6..83c053a2f 100644
--- a/src/portal/lib/src/tag/tag-detail.component.html
+++ b/src/portal/lib/src/tag/tag-detail.component.html
@@ -49,33 +49,25 @@
                             <div class="icon-position">
                                 <clr-icon shape="error" size="24" class="is-error"></clr-icon>
                             </div>
-                            <span class="detail-count">{{highCount}}</span> {{packageText(highCount) | translate}}
-                            {{haveText(highCount) | translate}} {{'VULNERABILITY.SEVERITY.HIGH' | translate }}
-                            {{suffixForHigh | translate }}
+                            <span class="detail-count">{{highCount}}</span> {{packageText(highCount) | translate}} {{haveText(highCount) | translate}} {{'VULNERABILITY.SEVERITY.HIGH' | translate }} {{suffixForHigh | translate }}
                         </div>
                         <div class="second-row row-flex">
                             <div class="icon-position">
                                 <clr-icon shape="exclamation-triangle" size="24" class="tip-icon-medium"></clr-icon>
                             </div>
-                            <span class="detail-count">{{mediumCount}}</span> {{packageText(mediumCount) | translate}}
-                            {{haveText(mediumCount) | translate}} {{'VULNERABILITY.SEVERITY.MEDIUM' | translate }}
-                            {{suffixForMedium | translate }}
+                            <span class="detail-count">{{mediumCount}}</span> {{packageText(mediumCount) | translate}} {{haveText(mediumCount) | translate}} {{'VULNERABILITY.SEVERITY.MEDIUM' | translate }} {{suffixForMedium | translate }}
                         </div>
                         <div class="second-row row-flex">
                             <div class="icon-position">
                                 <clr-icon shape="play" size="22" class="tip-icon-low rotate-90"></clr-icon>
                             </div>
-                            <span class="detail-count">{{lowCount}}</span> {{packageText(lowCount) | translate}}
-                            {{haveText(lowCount) | translate}} {{'VULNERABILITY.SEVERITY.LOW' | translate }}
-                            {{suffixForLow | translate }}
+                            <span class="detail-count">{{lowCount}}</span> {{packageText(lowCount) | translate}} {{haveText(lowCount) | translate}} {{'VULNERABILITY.SEVERITY.LOW' | translate }} {{suffixForLow | translate }}
                         </div>
                         <div class="second-row row-flex">
                             <div class="icon-position">
                                 <clr-icon shape="help" size="20"></clr-icon>
                             </div>
-                            <span class="detail-count">{{unknownCount}}</span> {{packageText(unknownCount) |
-                            translate}} {{haveText(unknownCount) | translate}} {{'VULNERABILITY.SEVERITY.UNKNOWN' |
-                            translate }} {{suffixForUnknown | translate }}
+                            <span class="detail-count">{{unknownCount}}</span> {{packageText(unknownCount) | translate}} {{haveText(unknownCount) | translate}} {{'VULNERABILITY.SEVERITY.UNKNOWN' | translate }} {{suffixForUnknown | translate }}
                         </div>
                     </div>
                 </div>
@@ -91,19 +83,16 @@
         </div>
     </section>
     <clr-tabs>
-        <clr-tab *ngIf="hasVulnerabilitiesListPermission">
-            <button clrTabLink [clrTabLinkInOverflow]="false" class="btn btn-link nav-link" id="tag-vulnerability" [class.active]='isCurrentTabLink("tag-vulnerability")'
-                type="button" (click)='tabLinkClick("tag-vulnerability")'>{{'REPOSITORY.VULNERABILITY' | translate}}</button>
+        <clr-tab *ngIf="hasVulnerabilitiesListPermission && withClair">
+            <button clrTabLink [clrTabLinkInOverflow]="false" class="btn btn-link nav-link" id="tag-vulnerability" [class.active]='isCurrentTabLink("tag-vulnerability")' type="button" (click)='tabLinkClick("tag-vulnerability")'>{{'REPOSITORY.VULNERABILITY' | translate}}</button>
             <clr-tab-content id="content1" *clrIfActive="true">
                 <hbr-vulnerabilities-grid [repositoryId]="repositoryId" [projectId]="projectId" [tagId]="tagId"></hbr-vulnerabilities-grid>
             </clr-tab-content>
         </clr-tab>
         <clr-tab>
-            <button [clrTabLinkInOverflow]="false" *ngIf="hasBuildHistoryPermission" id="tag-history" clrTabLink class="btn btn-link nav-link" [class.active]='isCurrentTabLink("tag-history")'
-                type="button" (click)='tabLinkClick("tag-history")'>{{ 'REPOSITORY.BUILD_HISTORY' | translate }}</button>
+            <button [clrTabLinkInOverflow]="false" *ngIf="hasBuildHistoryPermission" id="tag-history" clrTabLink class="btn btn-link nav-link" [class.active]='isCurrentTabLink("tag-history")' type="button" (click)='tabLinkClick("tag-history")'>{{ 'REPOSITORY.BUILD_HISTORY' | translate }}</button>
             <clr-tab-content *clrIfActive>
-                <hbr-tag-history [repositoryId]="repositoryId" [tagId]="tagId">{{ 'REPOSITORY.BUILD_HISTORY' |
-                    translate }}</hbr-tag-history>
+                <hbr-tag-history [repositoryId]="repositoryId" [tagId]="tagId">{{ 'REPOSITORY.BUILD_HISTORY' | translate }}</hbr-tag-history>
             </clr-tab-content>
         </clr-tab>
     </clr-tabs>
diff --git a/src/portal/lib/src/tag/tag.component.html b/src/portal/lib/src/tag/tag.component.html
index dd0f462a9..89c941ccf 100644
--- a/src/portal/lib/src/tag/tag.component.html
+++ b/src/portal/lib/src/tag/tag.component.html
@@ -1,15 +1,15 @@
-<confirmation-dialog class="hidden-tag" #confirmationDialog  (confirmAction)="confirmDeletion($event)"></confirmation-dialog>
+<confirmation-dialog class="hidden-tag" #confirmationDialog (confirmAction)="confirmDeletion($event)"></confirmation-dialog>
 <clr-modal class="hidden-tag" [(clrModalOpen)]="showTagManifestOpened" [clrModalStaticBackdrop]="staticBackdrop" [clrModalClosable]="closable">
-  <h3 class="modal-title">{{ manifestInfoTitle | translate }}</h3>
-  <div class="modal-body">
-    <div class="row col-md-12">
-        <textarea rows="2" #digestTarget>{{digestId}}</textarea>
+    <h3 class="modal-title">{{ manifestInfoTitle | translate }}</h3>
+    <div class="modal-body">
+        <div class="row col-md-12">
+            <textarea rows="2" #digestTarget>{{digestId}}</textarea>
+        </div>
+    </div>
+    <div class="modal-footer">
+        <span class="copy-failed" [hidden]="!copyFailed">{{'TAG.COPY_ERROR' | translate}}</span>
+        <button type="button" class="btn btn-primary" [ngxClipboard]="digestTarget" (cbOnSuccess)="onSuccess($event)" (cbOnError)="onError($event)">{{'BUTTON.COPY' | translate}}</button>
     </div>
-  </div>
-  <div class="modal-footer">
-    <span class="copy-failed" [hidden]="!copyFailed">{{'TAG.COPY_ERROR' | translate}}</span>
-    <button type="button" class="btn btn-primary" [ngxClipboard]="digestTarget" (cbOnSuccess)="onSuccess($event)" (cbOnError)="onError($event)">{{'BUTTON.COPY' | translate}}</button>
-  </div>
 </clr-modal>
 <clr-modal class="hidden-tag" [(clrModalOpen)]="retagDialogOpened" [clrModalStaticBackdrop]="staticBackdrop">
     <h3 class="modal-title">{{ 'REPOSITORY.RETAG' | translate }}</h3>
@@ -23,115 +23,111 @@
     </div>
 </clr-modal>
 <div class="row tag-row">
-  <div>
-    <div class="row flex-items-xs-right rightPos">
-      <div id="filterArea">
-        <div class='filterLabelPiece' *ngIf="!withAdmiral" [hidden]="!openLabelFilterPiece" [style.left.px]='filterLabelPieceWidth'>
-          <hbr-label-piece *ngIf="showlabel" [hidden]='!filterOneLabel' [label]="filterOneLabel" [labelWidth]="130"></hbr-label-piece>
-        </div>
-        <div class="flex-xs-middle">
-          <hbr-filter [withDivider]="true" filterPlaceholder="{{'TAG.FILTER_FOR_TAGS' | translate}}" (filterEvt)="doSearchTagNames($event)"
-            (openFlag)="openFlagEvent($event)" [currentValue]="lastFilteredTagName"></hbr-filter>
-          <div class="labelFilterPanel" *ngIf="!withAdmiral" [hidden]="!openLabelFilterPanel">
-            <a class="filterClose" (click)="closeFilter()">&times;</a>
-            <label class="filterLabelHeader">{{'REPOSITORY.FILTER_BY_LABEL' | translate}}</label>
-            <div class="form-group"><input type="text" placeholder="Filter labels" [(ngModel)]="filterName" (keyup)="handleInputFilter()"></div>
-            <div [hidden]='imageFilterLabels.length' class="no-labels">{{'LABEL.NO_LABELS' | translate }}</div>
-            <div [hidden]='!imageFilterLabels.length' class="has-label">
-              <button type="button" class="labelBtn" *ngFor='let label of imageFilterLabels' [hidden]="!label.show"
-                (click)="rightFilterLabel(label)">
-                <clr-icon shape="check" class='pull-left' [hidden]='!label.iconsShow'></clr-icon>
-                <div class='labelDiv'>
-                  <hbr-label-piece [label]="label.label" [labelWidth]="160"></hbr-label-piece>
+    <div>
+        <div class="row flex-items-xs-right rightPos">
+            <div id="filterArea">
+                <div class='filterLabelPiece' *ngIf="!withAdmiral" [hidden]="!openLabelFilterPiece" [style.left.px]='filterLabelPieceWidth'>
+                    <hbr-label-piece *ngIf="showlabel" [hidden]='!filterOneLabel' [label]="filterOneLabel" [labelWidth]="130"></hbr-label-piece>
                 </div>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-      <span class="refresh-btn" (click)="refresh()">
-        <clr-icon shape="refresh"></clr-icon>
-      </span>
-    </div>
-  </div>
-  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
-    <clr-datagrid [clrDgLoading]="loading" class="datagrid-top" [class.embeded-datagrid]="isEmbedded"  [(clrDgSelected)]="selectedRow">
-        <clr-dg-action-bar>
-          <button type="button" class="btn btn-sm btn-secondary" [disabled]="!(canScanNow(selectedRow) && selectedRow.length==1)" (click)="scanNow(selectedRow)"><clr-icon shape="shield-check" size="16"></clr-icon>&nbsp;{{'VULNERABILITY.SCAN_NOW' | translate}}</button>
-          <button type="button" class="btn btn-sm btn-secondary" [disabled]="!(selectedRow.length==1)" (click)="showDigestId(selectedRow)" ><clr-icon shape="copy" size="16"></clr-icon>&nbsp;{{'REPOSITORY.COPY_DIGEST_ID' | translate}}</button>
-          <clr-dropdown *ngIf="!withAdmiral">
-            <button type="button" class="btn btn-sm btn-secondary" clrDropdownTrigger [disabled]="!(selectedRow.length==1)||!hasAddLabelImagePermission" (click)="addLabels(selectedRow)" ><clr-icon shape="plus" size="16"></clr-icon>{{'REPOSITORY.ADD_LABELS' | translate}}</button>
-            <clr-dropdown-menu clrPosition="bottom-left" *clrIfOpen>
-              <div class="filter-grid">
-              <label class="dropdown-header">{{'REPOSITORY.ADD_LABEL_TO_IMAGE' | translate}}</label>
-              <div class="form-group"><input type="text" placeholder="Filter labels" [(ngModel)]="stickName" (keyup)="handleStickInputFilter()"></div>
-              <div [hidden]='imageStickLabels.length' class="no-labels">{{'LABEL.NO_LABELS' | translate }}</div>
-              <div [hidden]='!imageStickLabels.length' class="has-label">
-                <button type="button" class="dropdown-item" *ngFor='let label of imageStickLabels' [hidden]='!label.show' (click)="stickLabel(label)">
-                    <clr-icon shape="check" class='pull-left' [hidden]='!label.iconsShow'></clr-icon>
-                    <div class='labelDiv'><hbr-label-piece [label]="label.label"  [labelWidth]="130"></hbr-label-piece></div>
-                </button>
-              </div>
-              </div>
-            </clr-dropdown-menu>
-          </clr-dropdown>
-          <button type="button" class="btn btn-sm btn-secondary" *ngIf="!withAdmiral" [disabled]="!(selectedRow.length===1)|| !hasRetagImagePermission" (click)="retag(selectedRow)"><clr-icon shape="copy" size="16"></clr-icon>&nbsp;{{'REPOSITORY.RETAG' | translate}}</button>
-          <button type="button" class="btn btn-sm btn-secondary" *ngIf="hasDeleteImagePermission" (click)="deleteTags(selectedRow)" [disabled]="!hasDeleteImagePermission||!selectedRow.length"><clr-icon shape="times" size="16"></clr-icon>&nbsp;{{'REPOSITORY.DELETE' | translate}}</button>
-        </clr-dg-action-bar>
-        <clr-dg-column class="flex-max-width" [clrDgField]="'name'">{{'REPOSITORY.TAG' | translate}}</clr-dg-column>
-        <clr-dg-column [clrDgField]="'size'">{{'REPOSITORY.SIZE' | translate}}</clr-dg-column>
-        <clr-dg-column>{{'REPOSITORY.PULL_COMMAND' | translate}}</clr-dg-column>
-        <clr-dg-column *ngIf="withClair">{{'REPOSITORY.VULNERABILITY' | translate}}</clr-dg-column>
-        <clr-dg-column *ngIf="withNotary">{{'REPOSITORY.SIGNED' | translate}}</clr-dg-column>
-        <clr-dg-column>{{'REPOSITORY.AUTHOR' | translate}}</clr-dg-column>
-        <clr-dg-column [clrDgSortBy]="createdComparator">{{'REPOSITORY.CREATED' | translate}}</clr-dg-column>
-        <clr-dg-column [clrDgField]="'docker_version'" *ngIf="!withClair">{{'REPOSITORY.DOCKER_VERSION' | translate}}</clr-dg-column>
-        <clr-dg-column *ngIf="!withAdmiral">{{'REPOSITORY.LABELS' | translate}}</clr-dg-column>
-        <clr-dg-placeholder>{{'TAG.PLACEHOLDER' | translate }}</clr-dg-placeholder>
-        <clr-dg-row *clrDgItems="let t of tags" [clrDgItem]='t'>
-          <clr-dg-cell  class="truncated flex-max-width">
-            <a *ngIf="withClair" href="javascript:void(0)" (click)="onTagClick(t)" title="{{t.name}}">{{t.name}}</a>
-            <span *ngIf="!withClair">{{t.name}}</span>
-          </clr-dg-cell>
-          <clr-dg-cell>{{sizeTransform(t.size)}}</clr-dg-cell>
-          <clr-dg-cell class="truncated" title="docker pull {{registryUrl}}/{{repoName}}:{{t.name}}">
-              <hbr-copy-input #copyInput  (onCopyError)="onCpError($event)"  iconMode="true" defaultValue="docker pull {{registryUrl}}/{{repoName}}:{{t.name}}"></hbr-copy-input>
-          </clr-dg-cell>
-          <clr-dg-cell *ngIf="withClair">
-            <hbr-vulnerability-bar [repoName]="repoName" [tagId]="t.name" [summary]="t.scan_overview"></hbr-vulnerability-bar>
-          </clr-dg-cell>
-          <clr-dg-cell *ngIf="withNotary"  [ngSwitch]="t.signature !== null">
-            <clr-icon shape="check-circle" *ngSwitchCase="true"  size="20" class="color-green"></clr-icon>
-            <clr-icon shape="times-circle" *ngSwitchCase="false"  size="16" class="color-red"></clr-icon>
-            <a href="javascript:void(0)" *ngSwitchDefault role="tooltip" aria-haspopup="true" class="tooltip tooltip-top-right">
-              <clr-icon shape="help" class="color-gray" size="16"></clr-icon>
-              <span class="tooltip-content">{{'REPOSITORY.NOTARY_IS_UNDETERMINED' | translate}}</span>
-            </a>
-          </clr-dg-cell>
-          <clr-dg-cell  class="truncated" title="{{t.author}}">{{t.author}}</clr-dg-cell>
-          <clr-dg-cell>{{t.created | date: 'short'}}</clr-dg-cell>
-          <clr-dg-cell *ngIf="!withClair">{{t.docker_version}}</clr-dg-cell>
-          <clr-dg-cell *ngIf="!withAdmiral">
-            <hbr-label-piece *ngIf="t.labels?.length" [label]="t.labels[0]" [labelWidth]="90"> </hbr-label-piece>
-            <div class="signpost-item" [hidden]="t.labels?.length<=1">
-                <div class="trigger-item">
-                    <clr-signpost>
-                     <button class="btn btn-link" clrSignpostTrigger>...</button>
-                        <clr-signpost-content [clrPosition]="'left-top'" *clrIfOpen>
-                            <div>
-                               <hbr-label-piece *ngFor="let label of t.labels" [label]="label"></hbr-label-piece>
+                <div class="flex-xs-middle">
+                    <hbr-filter [withDivider]="true" filterPlaceholder="{{'TAG.FILTER_FOR_TAGS' | translate}}" (filterEvt)="doSearchTagNames($event)" (openFlag)="openFlagEvent($event)" [currentValue]="lastFilteredTagName"></hbr-filter>
+                    <div class="labelFilterPanel" *ngIf="!withAdmiral" [hidden]="!openLabelFilterPanel">
+                        <a class="filterClose" (click)="closeFilter()">&times;</a>
+                        <label class="filterLabelHeader">{{'REPOSITORY.FILTER_BY_LABEL' | translate}}</label>
+                        <div class="form-group"><input type="text" placeholder="Filter labels" [(ngModel)]="filterName" (keyup)="handleInputFilter()"></div>
+                        <div [hidden]='imageFilterLabels.length' class="no-labels">{{'LABEL.NO_LABELS' | translate }}</div>
+                        <div [hidden]='!imageFilterLabels.length' class="has-label">
+                            <button type="button" class="labelBtn" *ngFor='let label of imageFilterLabels' [hidden]="!label.show" (click)="rightFilterLabel(label)">
+                            <clr-icon shape="check" class='pull-left' [hidden]='!label.iconsShow'></clr-icon>
+                            <div class='labelDiv'>
+                              <hbr-label-piece [label]="label.label" [labelWidth]="160"></hbr-label-piece>
                             </div>
-                        </clr-signpost-content>
-                    </clr-signpost>
+                          </button>
+                        </div>
+                    </div>
                 </div>
             </div>
-          </clr-dg-cell>
-        </clr-dg-row>
-        <clr-dg-footer>
-          <span *ngIf="pagination.totalItems">{{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} {{'REPOSITORY.OF' | translate}}</span>
-          {{pagination.totalItems}} {{'REPOSITORY.ITEMS' | translate}}&nbsp;&nbsp;&nbsp;&nbsp;
-          <clr-dg-pagination #pagination [clrDgPageSize]="10"></clr-dg-pagination>
-        </clr-dg-footer>
-    </clr-datagrid>
-  </div>
-</div>
+            <span class="refresh-btn" (click)="refresh()">
+              <clr-icon shape="refresh"></clr-icon>
+            </span>
+        </div>
+    </div>
+    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+        <clr-datagrid [clrDgLoading]="loading" class="datagrid-top" [class.embeded-datagrid]="isEmbedded" [(clrDgSelected)]="selectedRow">
+            <clr-dg-action-bar>
+                <button type="button" class="btn btn-sm btn-secondary" [disabled]="!(canScanNow(selectedRow) && selectedRow.length==1)" (click)="scanNow(selectedRow)"><clr-icon shape="shield-check" size="16"></clr-icon>&nbsp;{{'VULNERABILITY.SCAN_NOW' | translate}}</button>
+                <button type="button" class="btn btn-sm btn-secondary" [disabled]="!(selectedRow.length==1)" (click)="showDigestId(selectedRow)"><clr-icon shape="copy" size="16"></clr-icon>&nbsp;{{'REPOSITORY.COPY_DIGEST_ID' | translate}}</button>
+                <clr-dropdown *ngIf="!withAdmiral">
+                    <button type="button" class="btn btn-sm btn-secondary" clrDropdownTrigger [disabled]="!(selectedRow.length==1)||!hasAddLabelImagePermission" (click)="addLabels(selectedRow)"><clr-icon shape="plus" size="16"></clr-icon>{{'REPOSITORY.ADD_LABELS' | translate}}</button>
+                    <clr-dropdown-menu clrPosition="bottom-left" *clrIfOpen>
+                        <div class="filter-grid">
+                            <label class="dropdown-header">{{'REPOSITORY.ADD_LABEL_TO_IMAGE' | translate}}</label>
+                            <div class="form-group"><input type="text" placeholder="Filter labels" [(ngModel)]="stickName" (keyup)="handleStickInputFilter()"></div>
+                            <div [hidden]='imageStickLabels.length' class="no-labels">{{'LABEL.NO_LABELS' | translate }}</div>
+                            <div [hidden]='!imageStickLabels.length' class="has-label">
+                                <button type="button" class="dropdown-item" *ngFor='let label of imageStickLabels' [hidden]='!label.show' (click)="stickLabel(label)">
+                                  <clr-icon shape="check" class='pull-left' [hidden]='!label.iconsShow'></clr-icon>
+                                  <div class='labelDiv'><hbr-label-piece [label]="label.label"  [labelWidth]="130"></hbr-label-piece></div>
+                                </button>
+                            </div>
+                        </div>
+                    </clr-dropdown-menu>
+                </clr-dropdown>
+                <button type="button" class="btn btn-sm btn-secondary" *ngIf="!withAdmiral" [disabled]="!(selectedRow.length===1)|| !hasRetagImagePermission" (click)="retag(selectedRow)"><clr-icon shape="copy" size="16"></clr-icon>&nbsp;{{'REPOSITORY.RETAG' | translate}}</button>
+                <button type="button" class="btn btn-sm btn-secondary" *ngIf="hasDeleteImagePermission" (click)="deleteTags(selectedRow)" [disabled]="!hasDeleteImagePermission||!selectedRow.length"><clr-icon shape="times" size="16"></clr-icon>&nbsp;{{'REPOSITORY.DELETE' | translate}}</button>
+            </clr-dg-action-bar>
+            <clr-dg-column class="flex-max-width" [clrDgField]="'name'">{{'REPOSITORY.TAG' | translate}}</clr-dg-column>
+            <clr-dg-column [clrDgField]="'size'">{{'REPOSITORY.SIZE' | translate}}</clr-dg-column>
+            <clr-dg-column>{{'REPOSITORY.PULL_COMMAND' | translate}}</clr-dg-column>
+            <clr-dg-column *ngIf="withClair">{{'REPOSITORY.VULNERABILITY' | translate}}</clr-dg-column>
+            <clr-dg-column *ngIf="withNotary">{{'REPOSITORY.SIGNED' | translate}}</clr-dg-column>
+            <clr-dg-column>{{'REPOSITORY.AUTHOR' | translate}}</clr-dg-column>
+            <clr-dg-column [clrDgSortBy]="createdComparator">{{'REPOSITORY.CREATED' | translate}}</clr-dg-column>
+            <clr-dg-column [clrDgField]="'docker_version'" *ngIf="!withClair">{{'REPOSITORY.DOCKER_VERSION' | translate}}</clr-dg-column>
+            <clr-dg-column *ngIf="!withAdmiral">{{'REPOSITORY.LABELS' | translate}}</clr-dg-column>
+            <clr-dg-placeholder>{{'TAG.PLACEHOLDER' | translate }}</clr-dg-placeholder>
+            <clr-dg-row *clrDgItems="let t of tags" [clrDgItem]='t'>
+                <clr-dg-cell class="truncated flex-max-width">
+                    <a href="javascript:void(0)" (click)="onTagClick(t)" title="{{t.name}}">{{t.name}}</a>
+                </clr-dg-cell>
+                <clr-dg-cell>{{sizeTransform(t.size)}}</clr-dg-cell>
+                <clr-dg-cell class="truncated" title="docker pull {{registryUrl}}/{{repoName}}:{{t.name}}">
+                    <hbr-copy-input #copyInput (onCopyError)="onCpError($event)" iconMode="true" defaultValue="docker pull {{registryUrl}}/{{repoName}}:{{t.name}}"></hbr-copy-input>
+                </clr-dg-cell>
+                <clr-dg-cell *ngIf="withClair">
+                    <hbr-vulnerability-bar [repoName]="repoName" [tagId]="t.name" [summary]="t.scan_overview"></hbr-vulnerability-bar>
+                </clr-dg-cell>
+                <clr-dg-cell *ngIf="withNotary" [ngSwitch]="t.signature !== null">
+                    <clr-icon shape="check-circle" *ngSwitchCase="true" size="20" class="color-green"></clr-icon>
+                    <clr-icon shape="times-circle" *ngSwitchCase="false" size="16" class="color-red"></clr-icon>
+                    <a href="javascript:void(0)" *ngSwitchDefault role="tooltip" aria-haspopup="true" class="tooltip tooltip-top-right">
+                        <clr-icon shape="help" class="color-gray" size="16"></clr-icon>
+                        <span class="tooltip-content">{{'REPOSITORY.NOTARY_IS_UNDETERMINED' | translate}}</span>
+                    </a>
+                </clr-dg-cell>
+                <clr-dg-cell class="truncated" title="{{t.author}}">{{t.author}}</clr-dg-cell>
+                <clr-dg-cell>{{t.created | date: 'short'}}</clr-dg-cell>
+                <clr-dg-cell *ngIf="!withClair">{{t.docker_version}}</clr-dg-cell>
+                <clr-dg-cell *ngIf="!withAdmiral">
+                    <hbr-label-piece *ngIf="t.labels?.length" [label]="t.labels[0]" [labelWidth]="90"> </hbr-label-piece>
+                    <div class="signpost-item" [hidden]="t.labels?.length<=1">
+                        <div class="trigger-item">
+                            <clr-signpost>
+                                <button class="btn btn-link" clrSignpostTrigger>...</button>
+                                <clr-signpost-content [clrPosition]="'left-top'" *clrIfOpen>
+                                    <div>
+                                        <hbr-label-piece *ngFor="let label of t.labels" [label]="label"></hbr-label-piece>
+                                    </div>
+                                </clr-signpost-content>
+                            </clr-signpost>
+                        </div>
+                    </div>
+                </clr-dg-cell>
+            </clr-dg-row>
+            <clr-dg-footer>
+                <span *ngIf="pagination.totalItems">{{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} {{'REPOSITORY.OF' | translate}}</span> {{pagination.totalItems}} {{'REPOSITORY.ITEMS' | translate}}&nbsp;&nbsp;&nbsp;&nbsp;
+                <clr-dg-pagination #pagination [clrDgPageSize]="10"></clr-dg-pagination>
+            </clr-dg-footer>
+        </clr-datagrid>
+    </div>
+</div>
\ No newline at end of file