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

override page title and search placeholder when in VIC mode

Browse Source
This commit is contained in:
Steven Zou 2017-04-12 08:34:00 +08:00
parent e0dbb70809
commit 3171e43e66
6 changed files with 32 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/ui_ng/src/app/app.component.ts
View File

@ -4,7 +4,8 @@ import { CookieService } from 'angular2-cookie/core';
import { supportedLangs, enLang } from './shared/shared.const';
import { SessionService } from './shared/session.service';
import { AppConfigService } from './app-config.service';
import { Title } from '@angular/platform-browser';
@Component({
selector: 'harbor-app',
@ -14,7 +15,9 @@ export class AppComponent {
constructor(
private translate: TranslateService,
private cookie: CookieService,
private session: SessionService) {
private session: SessionService,
private appConfigService: AppConfigService,
private titleService: Title) {
translate.addLangs(supportedLangs);
translate.setDefaultLang(enLang);
@ -29,6 +32,16 @@ export class AppComponent {
let selectedLang = this.isLangMatch(langSetting, supportedLangs) ? langSetting : enLang;
translate.use(selectedLang);
//this.session.switchLanguage(selectedLang).catch(error => console.error(error));
//Override page title
let key: string = "APP_TITLE.HARBOR";
if (this.appConfigService.isIntegrationMode()) {
key = "APP_TITLE.REG";
}
translate.get(key).subscribe((res: string) => {
this.titleService.setTitle(res);
});
}
private isLangMatch(browserLang: string, supportedLangs: string[]) {

2
src/ui_ng/src/app/base/global-search/global-search.component.html
View File

@ -1,5 +1,5 @@
<form class="search">
<label for="search_input">
<input #globalSearchBox name="globalSearchBox" [(ngModel)]="searchTerm" id="search_input" type="text" (keyup)="search(globalSearchBox.value)" placeholder='{{"GLOBAL_SEARCH.PLACEHOLDER" | translate}}'>
<input #globalSearchBox name="globalSearchBox" [(ngModel)]="searchTerm" id="search_input" type="text" (keyup)="search(globalSearchBox.value)" placeholder='{{placeholderText | translate}}'>
</label>
</form>

12
src/ui_ng/src/app/base/global-search/global-search.component.ts
View File

@ -6,6 +6,8 @@ import { Subscription } from 'rxjs/Subscription';
import { SearchTriggerService } from './search-trigger.service';
import { AppConfigService } from '../../app-config.service';
import 'rxjs/add/operator/debounceTime';
import 'rxjs/add/operator/distinctUntilChanged';
@ -27,9 +29,13 @@ export class GlobalSearchComponent implements OnInit, OnDestroy {
private isResPanelOpened: boolean = false;
private searchTerm: string = "";
//Placeholder text
placeholderText: string = "GLOBAL_SEARCH.PLACEHOLDER";
constructor(
private searchTrigger: SearchTriggerService,
private router: Router) { }
private router: Router,
private appConfigService: AppConfigService) { }
//Implement ngOnIni
ngOnInit(): void {
@ -42,6 +48,10 @@ export class GlobalSearchComponent implements OnInit, OnDestroy {
this.closeSub = this.searchTrigger.searchClearChan$.subscribe(clear => {
this.searchTerm = "";
});
if(this.appConfigService.isIntegrationMode()){
this.placeholderText = "GLOBAL_SEARCH.PLACEHOLDER_VIC";
}
}
ngOnDestroy(): void {

3
src/ui_ng/src/i18n/lang/en-us-lang.json
View File

@ -86,7 +86,8 @@
"ROOT_CERT": "Download Root Cert"
},
"GLOBAL_SEARCH": {
"PLACEHOLDER": "Search Harbor..."
"PLACEHOLDER": "Search Harbor...",
"PLACEHOLDER_VIC": "Search Registry..."
},
"SIDE_NAV": {
"DASHBOARD": "Dashboard",

3
src/ui_ng/src/i18n/lang/zh-cn-lang.json
View File

@ -86,7 +86,8 @@
"ROOT_CERT": "下载根证书"
},
"GLOBAL_SEARCH": {
"PLACEHOLDER": "搜索 Harbor..."
"PLACEHOLDER": "搜索 Harbor...",
"PLACEHOLDER_VIC": "搜索 Registry..."
},
"SIDE_NAV": {
"DASHBOARD": "仪表板",

2
src/ui_ng/src/index.html
View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<title>Harbor</title>
<title>VMware</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico?v=2">