upstream/harbor
1
0
Fork 0
mirror of https://github.com/goharbor/harbor synced 2024-09-20 15:25:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #8443 from jwangyangls/fix-many-issue

Browse Source 
Fix many issue  for harbor for ui
This commit is contained in:
jwangyangls 2019-07-31 16:00:37 +08:00 committed by GitHub
commit 270f9ea213
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 32 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/portal/lib/src/filter/filter.component.html
View File

@ -1,6 +1,6 @@
<span>
<clr-icon shape="search" size="20" class="search-btn" [class.filter-icon]="isShowSearchBox" (click)="onClick()"></clr-icon>
<input [hidden]="!isShowSearchBox" type="text" class="filter-input" (keyup)="valueChange()" (focus)="inputFocus()"
<input [hidden]="!isShowSearchBox" type="text" class="filter-input" autofocus (keyup)="valueChange()" (focus)="inputFocus()"
placeholder="{{placeHolder}}" [(ngModel)]="currentValue" />
<span class="filter-divider" *ngIf="withDivider"></span>
</span>

1
src/portal/lib/src/label-piece/label-piece.component.scss
View File

@ -7,6 +7,7 @@
overflow: hidden;
text-overflow: ellipsis;
line-height: .875rem;
cursor: inherit;
}
.label clr-icon {

23
src/portal/src/app/project/helm-chart/label-filter/label-filter.component.html
View File

@ -1,18 +1,21 @@
<div>
<div class="form-group filter-div">
<input #filterInput type="text" placeholder='{{"LABEL.FILTER_LABEL_PLACEHOLDER" | translate }}' [(ngModel)]="labelFilter">
<input #filterInput type="text" placeholder='{{"LABEL.FILTER_LABEL_PLACEHOLDER" | translate }}'
[(ngModel)]="labelFilter">
</div>
<div class="label-items-container">
<div class="dropdown-item" *ngFor='let label of filteredLabels'>
<span class="check-label-span">
<clr-icon *ngIf="isSelected(label)" shape="check"></clr-icon>
</span>
<span (click)="selectLabel(label)">
<hbr-label-piece [label]="label" [labelWidth]="90"></hbr-label-piece>
</span>
<span class="x-label-span" (click)="unselectLabel(label)">
<clr-icon *ngIf="isSelected(label)" shape="times-circle"></clr-icon>
</span>
<div class="cur-pointer" (click)="selectLabel(label)">
<span class="check-label-span">
<clr-icon *ngIf="isSelected(label)" shape="check"></clr-icon>
</span>
<span class="cur-pointer">
<hbr-label-piece [label]="label" [labelWidth]="90"></hbr-label-piece>
</span>
<span *ngIf="isSelected(label)" class="x-label-span" (click)="$event.stopPropagation(); unselectLabel(label)">
<clr-icon shape="times-circle"></clr-icon>
</span>
</div>
</div>
</div>
</div>

4
src/portal/src/app/project/helm-chart/label-filter/label-filter.component.scss
View File

@ -7,7 +7,9 @@
margin-left: 9px;
margin-bottom: 12px;
}
.cur-pointer {
cursor: pointer;
}
.label-items-container {
max-height: 300px;
overflow-y: auto;

23
src/portal/src/app/project/helm-chart/label-marker/label-marker.component.html
View File

@ -5,18 +5,21 @@
</div>
<div class="label-items-container">
<div class="dropdown-item" *ngFor='let label of sortedLabels'>
<div *ngIf="!isMarkOngoing(label)" class="mark-label-div">
<clr-icon *ngIf="isMarked(label)" shape="check" ></clr-icon>
</div>
<div *ngIf="isMarkOngoing(label)" class="spinner spinner-sm">
<div (click)="markLabel(label)">
<div *ngIf="!isMarkOngoing(label)" class="mark-label-div">
<clr-icon *ngIf="isMarked(label)" shape="check"></clr-icon>
</div>
<div *ngIf="isMarkOngoing(label)" class="spinner spinner-sm">
Loading...
</div>
<div class="label-div">
<hbr-label-piece [label]="label" [labelWidth]="130"></hbr-label-piece>
</div>
<div class="unmark-label-div" (click)="unmarkLabel(label)">
<clr-icon *ngIf="isMarked(label)" shape="times-circle"></clr-icon>
</div>
</div>
<div (click)="markLabel(label)" class="label-div">
<hbr-label-piece [label]="label" [labelWidth]="130"></hbr-label-piece>
</div>
<div class="unmark-label-div" (click)="unmarkLabel(label)">
<clr-icon *ngIf="isMarked(label)" shape="times-circle"></clr-icon>
</div>
</div>
</div>
</div>

2
src/portal/src/styles.css
View File

@ -77,7 +77,7 @@ body {
}
.datagrid-header{
z-index: 1 !important;
z-index: 0 !important;
}
.color-green {