hide the popular repositories by default

Signed-off-by: Meina Zhou <meinaz@vmware.com>
This commit is contained in:
Meina Zhou 2018-10-17 13:41:04 +08:00
parent 00c6e2dc5f
commit bb6ff76c40
4 changed files with 22 additions and 8 deletions

View File

@ -1,4 +1,4 @@
<div class="login-wrapper login-wrapper-override" [ngStyle]="{'background-image': customLoginBgImg? 'url(static/images/' + customLoginBgImg + ')': ''}">
<div class="login-wrapper" [ngStyle]="{'background-image': customLoginBgImg? 'url(static/images/' + customLoginBgImg + ')': ''}">
<form #signInForm="ngForm" class="login">
<label class="title"> {{customAppTitle? customAppTitle:(appTitle | translate)}}
</label>
@ -36,7 +36,7 @@
<a href="https://github.com/goharbor/harbor" target="_blank" class="more-info-link">{{ 'BUTTON.MORE_INFO' | translate }}</a>
</div>
</form>
<div id="pop_repo" class="popular-repo-wrapper">
<div *ngIf="appConfig.show_popular_repo" id="pop_repo" class="popular-repo-wrapper" >
<top-repo class="repo-container"></top-repo>
</div>
</div>

View File

@ -27,10 +27,6 @@
border-left: 1px solid #eee;
}
.login-wrapper-override {
flex-wrap: wrap;
}
.repo-container {
width: 100%;
margin-top: -210px;
@ -48,4 +44,20 @@
position: relative;
top: -9px;
}
.bg{position: absolute;top: 60px; right: 0px;width: 100%; height: 100%; background-size: cover;}
.bg{
position: absolute;
top: 60px;
right: 0px;
width: 100%;
height: 100%;
background-size: cover;
}
.login-wrapper {
background: transparent;
flex-wrap: wrap;
margin-top:-20px;
.login {
background:transparent;
}
}

View File

@ -28,7 +28,7 @@ import { AppConfig } from '../../app-config';
import { User } from '../../user/user';
import { CookieService, CookieOptions } from 'ngx-cookie';
import {SkinableConfig} from "../../skinable-config.service";
import { SkinableConfig } from "../../skinable-config.service";
// Define status flags for signing in states
export const signInStatusNormal = 0;

View File

@ -29,6 +29,7 @@ export class AppConfig {
registry_storage_provider_name: string;
read_only: boolean;
with_chartmuseum: boolean;
show_popular_repo: boolean;
constructor() {
// Set default value
@ -50,5 +51,6 @@ export class AppConfig {
this.registry_storage_provider_name = "";
this.read_only = false;
this.with_chartmuseum = false;
this.show_popular_repo = false;
}
}