[helix-front] Added Back button on top of cluster list panel
Project: http://git-wip-us.apache.org/repos/asf/helix/repo Commit: http://git-wip-us.apache.org/repos/asf/helix/commit/4d630e0a Tree: http://git-wip-us.apache.org/repos/asf/helix/tree/4d630e0a Diff: http://git-wip-us.apache.org/repos/asf/helix/diff/4d630e0a Branch: refs/heads/master Commit: 4d630e0a6b3953d26594abbd09bef314cfb49683 Parents: ae58e79 Author: Vivo Xu <[email protected]> Authored: Thu Dec 7 17:26:48 2017 -0800 Committer: Junkai Xue <[email protected]> Committed: Wed Jan 24 18:32:10 2018 -0800 ---------------------------------------------------------------------- helix-front/client/app/app.component.scss | 1 + .../app/cluster/cluster-list/cluster-list.component.html | 7 +++++-- 2 files changed, 6 insertions(+), 2 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/helix/blob/4d630e0a/helix-front/client/app/app.component.scss ---------------------------------------------------------------------- diff --git a/helix-front/client/app/app.component.scss b/helix-front/client/app/app.component.scss index 5f2d7d5..816aac0 100644 --- a/helix-front/client/app/app.component.scss +++ b/helix-front/client/app/app.component.scss @@ -25,6 +25,7 @@ .main-container { height: calc(100vh - 64px - 50px); + overflow-y: scroll; &.no-header { height: 100vh; http://git-wip-us.apache.org/repos/asf/helix/blob/4d630e0a/helix-front/client/app/cluster/cluster-list/cluster-list.component.html ---------------------------------------------------------------------- diff --git a/helix-front/client/app/cluster/cluster-list/cluster-list.component.html b/helix-front/client/app/cluster/cluster-list/cluster-list.component.html index 480bd51..7df5531 100644 --- a/helix-front/client/app/cluster/cluster-list/cluster-list.component.html +++ b/helix-front/client/app/cluster/cluster-list/cluster-list.component.html @@ -5,10 +5,13 @@ </md-spinner> </section> <md-nav-list *ngIf="!isLoading && !errorMessage"> + <button md-button routerLink="/"> + <md-icon>arrow_back</md-icon> Back to Index + </button> <button md-mini-fab *ngIf="can" (click)="createCluster()"> <md-icon>add</md-icon> </button> - <h3 md-subheader>Clusters</h3> + <h3 md-subheader>Clusters ({{ clusters.length }})</h3> <a *ngFor="let cluster of clusters" md-list-item [routerLink]="[cluster.name]" @@ -18,7 +21,7 @@ </a> <div *ngIf="clusters.length == 0" class="empty"> There's no cluster here. - <a md-button (click)="createCluster()">Create one?</a> + <a md-button *ngIf="can" (click)="createCluster()">Create one?</a> </div> </md-nav-list> <section class="error-message" *ngIf="errorMessage">
