Upstream/harbor
1
0
Fork 0
mirror of https://github.com/goharbor/harbor.git synced 2024-11-23 02:35:17 +01:00
Code Issues Projects Releases Wiki Activity

Fix some UX issues.

Browse Source
This commit is contained in:
kunw 2017-04-05 15:20:21 +08:00
parent 3028fe5a71
commit 6b322a6e00
3 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/ui_ng/src/app/project/member/member.component.css
View File

@ -6,3 +6,7 @@
padding-right: 16px;
margin-top: 18px;
}
.datagrid-foot {
margin-bottom: 0.5px;
}

16
src/ui_ng/src/app/project/project.component.html
View File

@ -12,16 +12,12 @@
<create-project (create)="createProject($event)"></create-project>
</div>
<div class="option-right">
<clr-dropdown [clrMenuPosition]="'bottom'">
<button class="btn btn-link" clrDropdownToggle>
{{projectTypes[currentFilteredType] | translate}}
<clr-icon shape="caret down"></clr-icon>
</button>
<div class="dropdown-menu">
<a href="javascript:void(0)" clrDropdownItem (click)="doFilterProjects(0)">{{projectTypes[0] | translate}}</a>
<a href="javascript:void(0)" clrDropdownItem (click)="doFilterProjects(1)">{{projectTypes[1] | translate}}</a>
</div>
</clr-dropdown>
<div class="select" style="float: left;">
<select (change)="doFilterProjects($event)">
<option value="0">{{projectTypes[0] | translate}}</option>
<option value="1">{{projectTypes[1] | translate}}</option>
</select>
</div>
<grid-filter filterPlaceholder='{{"PROJECT.FILTER_PLACEHOLDER" | translate}}' (filter)="doSearchProjects($event)" [currentValue]="projectName"></grid-filter>
<a href="javascript:void(0)" (click)="refresh()">
<clr-icon shape="refresh"></clr-icon>

10
src/ui_ng/src/app/project/project.component.ts
View File

@ -148,10 +148,12 @@ export class ProjectComponent implements OnInit, OnDestroy {
this.retrieve();
}
doFilterProjects(filteredType: number): void {
this.isPublic = filteredType;
this.currentFilteredType = filteredType;
this.retrieve();
doFilterProjects($event: any): void {
if ($event && $event.target && $event.target["value"]) {
this.currentFilteredType = $event.target["value"];
this.isPublic = this.currentFilteredType;
this.retrieve();
}
}
toggleProject(p: Project) {