From 890c6ac6c8961bf8283cb75aff593b668204ebc9 Mon Sep 17 00:00:00 2001 From: sshijun Date: Tue, 10 Dec 2019 16:48:09 +0800 Subject: [PATCH] Add links to view doc for scanners ui Signed-off-by: sshijun --- .../harbor-shell/harbor-shell.component.html | 15 +++++++++- .../harbor-shell/harbor-shell.component.scss | 29 +++++++++++++++++++ .../harbor-shell.component.spec.ts | 11 +++++-- .../harbor-shell/harbor-shell.component.ts | 26 ++++++++++++++++- .../scanner/config-scanner.component.html | 8 +++++ .../scanner/config-scanner.component.scss | 3 ++ .../scanner/config-scanner.component.ts | 3 +- .../config/scanner/config-scanner.service.ts | 2 ++ src/portal/src/i18n/lang/en-us-lang.json | 8 ++++- src/portal/src/i18n/lang/es-es-lang.json | 7 ++++- src/portal/src/i18n/lang/fr-fr-lang.json | 7 ++++- src/portal/src/i18n/lang/pt-br-lang.json | 7 ++++- src/portal/src/i18n/lang/tr-tr-lang.json | 7 ++++- src/portal/src/i18n/lang/zh-cn-lang.json | 7 ++++- 14 files changed, 129 insertions(+), 11 deletions(-) diff --git a/src/portal/src/app/base/harbor-shell/harbor-shell.component.html b/src/portal/src/app/base/harbor-shell/harbor-shell.component.html index bbc1bfb77..e156cb66d 100644 --- a/src/portal/src/app/base/harbor-shell/harbor-shell.component.html +++ b/src/portal/src/app/base/harbor-shell/harbor-shell.component.html @@ -1,5 +1,18 @@ - +
+
+
+ + {{'SCANNER.HELP_INFO_1' | translate }} + {{'SCANNER.HELP_INFO_2' | translate }} + +
+
+ {{'SCANNER.ALL_SCANNERS' | translate }} + +
+
+
{ let component: HarborShellComponent; @@ -44,7 +45,11 @@ describe('HarborShellComponent', () => { }; } }; - + let fakeConfigScannerService = { + getScanners() { + return of(true); + } + }; beforeEach(async(() => { TestBed.configureTestingModule({ imports: [ @@ -58,7 +63,8 @@ describe('HarborShellComponent', () => { TranslateService, { provide: SessionService, useValue: fakeSessionService }, { provide: SearchTriggerService, useValue: fakeSearchTriggerService }, - { provide: AppConfigService, useValue: fakeAppConfigService } + { provide: AppConfigService, useValue: fakeAppConfigService }, + { provide: ConfigScannerService, useValue: fakeConfigScannerService } ], schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA] }).compileComponents(); @@ -67,6 +73,7 @@ describe('HarborShellComponent', () => { beforeEach(() => { fixture = TestBed.createComponent(HarborShellComponent); component = fixture.componentInstance; + component.showScannerInfo = true; fixture.detectChanges(); }); diff --git a/src/portal/src/app/base/harbor-shell/harbor-shell.component.ts b/src/portal/src/app/base/harbor-shell/harbor-shell.component.ts index 76c47502c..6708ec236 100644 --- a/src/portal/src/app/base/harbor-shell/harbor-shell.component.ts +++ b/src/portal/src/app/base/harbor-shell/harbor-shell.component.ts @@ -27,6 +27,10 @@ import { SessionService } from '../../shared/session.service'; import { AboutDialogComponent } from '../../shared/about-dialog/about-dialog.component'; import { SearchTriggerService } from '../global-search/search-trigger.service'; import { CommonRoutes } from '@harbor/ui'; +import { ConfigScannerService, SCANNERS_DOC } from "../../config/scanner/config-scanner.service"; + +const HAS_SHOWED_SCANNER_INFO: string = 'hasShowScannerInfo'; +const YES: string = 'yes'; @Component({ selector: 'harbor-shell', @@ -57,13 +61,16 @@ export class HarborShellComponent implements OnInit, OnDestroy { isLdapMode: boolean; isOidcMode: boolean; isHttpAuthMode: boolean; + showScannerInfo: boolean = false; + scannerDocUrl: string = SCANNERS_DOC; constructor( private route: ActivatedRoute, private router: Router, private session: SessionService, private searchTrigger: SearchTriggerService, - private appConfigService: AppConfigService) { } + private appConfigService: AppConfigService, + private scannerService: ConfigScannerService) { } ngOnInit() { if (this.appConfigService.isLdapMode()) { @@ -82,8 +89,25 @@ export class HarborShellComponent implements OnInit, OnDestroy { this.searchCloseSub = this.searchTrigger.searchCloseChan$.subscribe(close => { this.isSearchResultsOpened = false; }); + if (!(localStorage && localStorage.getItem(HAS_SHOWED_SCANNER_INFO) === YES)) { + this.getDefaultScanner(); + } + } + closeInfo() { + if (localStorage) { + localStorage.setItem(HAS_SHOWED_SCANNER_INFO, YES); + } + this.showScannerInfo = false; } + getDefaultScanner() { + this.scannerService.getScanners() + .subscribe(scanners => { + if (scanners && scanners.length) { + this.showScannerInfo = scanners.some(scanner => scanner.is_default); + } + }); + } ngOnDestroy(): void { if (this.searchSub) { this.searchSub.unsubscribe(); diff --git a/src/portal/src/app/config/scanner/config-scanner.component.html b/src/portal/src/app/config/scanner/config-scanner.component.html index fbf434789..123f488b1 100644 --- a/src/portal/src/app/config/scanner/config-scanner.component.html +++ b/src/portal/src/app/config/scanner/config-scanner.component.html @@ -1,5 +1,13 @@
+

{{'SCANNER.IMAGE_SCANNERS' | translate }} + + + {{'SCANNER.VIEW_DOC' | translate }} + + +

diff --git a/src/portal/src/app/config/scanner/config-scanner.component.scss b/src/portal/src/app/config/scanner/config-scanner.component.scss index f6c8b3ff9..1e2e42d45 100644 --- a/src/portal/src/app/config/scanner/config-scanner.component.scss +++ b/src/portal/src/app/config/scanner/config-scanner.component.scss @@ -31,3 +31,6 @@ .margin-left-10 { margin-left: 10px; } +.doc { + font-size: 0.7rem; +} diff --git a/src/portal/src/app/config/scanner/config-scanner.component.ts b/src/portal/src/app/config/scanner/config-scanner.component.ts index c62a1e09a..a49502524 100644 --- a/src/portal/src/app/config/scanner/config-scanner.component.ts +++ b/src/portal/src/app/config/scanner/config-scanner.component.ts @@ -1,7 +1,7 @@ import { Component, ViewChild, OnInit, OnDestroy } from "@angular/core"; import { Scanner } from "./scanner"; import { NewScannerModalComponent } from "./new-scanner-modal/new-scanner-modal.component"; -import { ConfigScannerService } from "./config-scanner.service"; +import { ConfigScannerService, SCANNERS_DOC } from "./config-scanner.service"; import { clone, ErrorHandler } from "@harbor/ui"; import { finalize } from "rxjs/operators"; import { MessageHandlerService } from "../../shared/message-handler/message-handler.service"; @@ -21,6 +21,7 @@ export class ConfigurationScannerComponent implements OnInit, OnDestroy { @ViewChild(NewScannerModalComponent, {static: false}) newScannerDialog: NewScannerModalComponent; deletionSubscription: any; + scannerDocUrl: string = SCANNERS_DOC; constructor( private configScannerService: ConfigScannerService, private errorHandler: ErrorHandler, diff --git a/src/portal/src/app/config/scanner/config-scanner.service.ts b/src/portal/src/app/config/scanner/config-scanner.service.ts index 4a05a7d77..40187177a 100644 --- a/src/portal/src/app/config/scanner/config-scanner.service.ts +++ b/src/portal/src/app/config/scanner/config-scanner.service.ts @@ -5,6 +5,8 @@ import { catchError, map } from "rxjs/operators"; import { HttpClient } from "@angular/common/http"; import { ScannerMetadata } from "./scanner-metadata"; +export const SCANNERS_DOC: string = "https://github.com/goharbor/harbor/blob/master/docs/harbor_compatibility_list.md"; + @Injectable() export class ConfigScannerService { diff --git a/src/portal/src/i18n/lang/en-us-lang.json b/src/portal/src/i18n/lang/en-us-lang.json index 3fcea3cd7..46cdd0157 100644 --- a/src/portal/src/i18n/lang/en-us-lang.json +++ b/src/portal/src/i18n/lang/en-us-lang.json @@ -1345,6 +1345,12 @@ "CONFIRM_DELETION": "Confirm Scanner deletion", "NO_PROJECT_SCANNER": "No Scanner", "SET_UNHEALTHY_SCANNER": "Selected scanner:{{name}} is unhealthy", - "SCANNED_BY": "Scanned by:" + "SCANNED_BY": "Scanned by:", + "IMAGE_SCANNERS": "Image Scanners", + "VIEW_DOC": "view documentation", + "ALL_SCANNERS": "All scanners", + "HELP_INFO_1": "The default scanner has been installed. To install other scanners refer to the ", + "HELP_INFO_2": "documentation." + } } diff --git a/src/portal/src/i18n/lang/es-es-lang.json b/src/portal/src/i18n/lang/es-es-lang.json index e56619f9f..7b72f94d6 100644 --- a/src/portal/src/i18n/lang/es-es-lang.json +++ b/src/portal/src/i18n/lang/es-es-lang.json @@ -1342,6 +1342,11 @@ "CONFIRM_DELETION": "Confirm Scanner deletion", "NO_PROJECT_SCANNER": "No Scanner", "SET_UNHEALTHY_SCANNER": "Selected scanner:{{name}} is unhealthy", - "SCANNED_BY": "Scanned by:" + "SCANNED_BY": "Scanned by:", + "IMAGE_SCANNERS": "Image Scanners", + "VIEW_DOC": "view documentation", + "ALL_SCANNERS": "All scanners", + "HELP_INFO_1": "The default scanner has been installed. To install other scanners refer to the ", + "HELP_INFO_2": "documentation." } } diff --git a/src/portal/src/i18n/lang/fr-fr-lang.json b/src/portal/src/i18n/lang/fr-fr-lang.json index 595314bf2..cd5eb312b 100644 --- a/src/portal/src/i18n/lang/fr-fr-lang.json +++ b/src/portal/src/i18n/lang/fr-fr-lang.json @@ -1314,6 +1314,11 @@ "CONFIRM_DELETION": "Confirm Scanner deletion", "NO_PROJECT_SCANNER": "No Scanner", "SET_UNHEALTHY_SCANNER": "Selected scanner:{{name}} is unhealthy", - "SCANNED_BY": "Scanned by:" + "SCANNED_BY": "Scanned by:", + "IMAGE_SCANNERS": "Image Scanners", + "VIEW_DOC": "view documentation", + "ALL_SCANNERS": "All scanners", + "HELP_INFO_1": "The default scanner has been installed. To install other scanners refer to the ", + "HELP_INFO_2": "documentation." } } diff --git a/src/portal/src/i18n/lang/pt-br-lang.json b/src/portal/src/i18n/lang/pt-br-lang.json index 4a7d634e9..4c0471cff 100644 --- a/src/portal/src/i18n/lang/pt-br-lang.json +++ b/src/portal/src/i18n/lang/pt-br-lang.json @@ -1339,7 +1339,12 @@ "CONFIRM_DELETION": "Confirm Scanner deletion", "NO_PROJECT_SCANNER": "No Scanner", "SET_UNHEALTHY_SCANNER": "Selected scanner:{{name}} is unhealthy", - "SCANNED_BY": "Scanned by:" + "SCANNED_BY": "Scanned by:", + "IMAGE_SCANNERS": "Image Scanners", + "VIEW_DOC": "view documentation", + "ALL_SCANNERS": "All scanners", + "HELP_INFO_1": "The default scanner has been installed. To install other scanners refer to the ", + "HELP_INFO_2": "documentation." } } diff --git a/src/portal/src/i18n/lang/tr-tr-lang.json b/src/portal/src/i18n/lang/tr-tr-lang.json index bd643c0a7..918b01133 100644 --- a/src/portal/src/i18n/lang/tr-tr-lang.json +++ b/src/portal/src/i18n/lang/tr-tr-lang.json @@ -1344,6 +1344,11 @@ "CONFIRM_DELETION": "Confirm Scanner deletion", "NO_PROJECT_SCANNER": "No Scanner", "SET_UNHEALTHY_SCANNER": "Selected scanner:{{name}} is unhealthy", - "SCANNED_BY": "Scanned by:" + "SCANNED_BY": "Scanned by:", + "IMAGE_SCANNERS": "Image Scanners", + "VIEW_DOC": "view documentation", + "ALL_SCANNERS": "All scanners", + "HELP_INFO_1": "The default scanner has been installed. To install other scanners refer to the ", + "HELP_INFO_2": "documentation." } } diff --git a/src/portal/src/i18n/lang/zh-cn-lang.json b/src/portal/src/i18n/lang/zh-cn-lang.json index 5a09bee99..83d1481c1 100644 --- a/src/portal/src/i18n/lang/zh-cn-lang.json +++ b/src/portal/src/i18n/lang/zh-cn-lang.json @@ -1341,6 +1341,11 @@ "CONFIRM_DELETION": "删除扫描器确认", "NO_PROJECT_SCANNER": "无扫描器", "SET_UNHEALTHY_SCANNER": "选择的扫描器:{{name}}是不健康的", - "SCANNED_BY": "扫描器:" + "SCANNED_BY": "扫描器:", + "IMAGE_SCANNERS": "镜像扫描器", + "VIEW_DOC": "查看文档", + "ALL_SCANNERS": "全部扫描器", + "HELP_INFO_1": "默认扫描器已安装。获取扫描器安装帮助，请查看", + "HELP_INFO_2": "文档。" } }