Upstream/harbor
1
0
Fork 0
mirror of https://github.com/goharbor/harbor.git synced 2024-12-18 22:57:38 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #12165 from jwangyangls/popup-unauthorized

Browse Source 
[fix][unauthorized] Support show relogin when unauthorized  in popup modal
This commit is contained in:
jwangyangls 2020-06-09 13:05:45 +08:00 committed by GitHub
commit 9e1778b32a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
26 changed files with 85 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/portal/src/app/account/account-settings/account-settings-modal.component.spec.ts
View File

@ -17,6 +17,7 @@ import { clone } from '../../../lib/utils/utils';
import { ConfirmationDialogComponent } from '../../shared/confirmation-dialog/confirmation-dialog.component';
import { ConfirmationDialogService } from '../../shared/confirmation-dialog/confirmation-dialog.service';
import { ConfirmationMessage } from '../../shared/confirmation-dialog/confirmation-message';
import { ErrorHandler } from '../../../lib/utils/error-handler';
describe('AccountSettingsModalComponent', () => {
let component: AccountSettingsModalComponent;
@ -78,6 +79,7 @@ describe('AccountSettingsModalComponent', () => {
providers: [
ChangeDetectorRef,
TranslateService,
ErrorHandler,
{ provide: SessionService, useValue: fakeSessionService },
{ provide: MessageHandlerService, useValue: fakeMessageHandlerService },
{ provide: SearchTriggerService, useValue: fakeSearchTriggerService },

2
src/portal/src/app/account/password-setting/forgot-password/forgot-password.component.spec.ts
View File

@ -8,6 +8,7 @@ import { PasswordSettingService } from '../password-setting.service';
import { InlineAlertComponent } from '../../../shared/inline-alert/inline-alert.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { of } from 'rxjs';
import { ErrorHandler } from '../../../../lib/utils/error-handler';
describe('ForgotPasswordComponent', () => {
let component: ForgotPasswordComponent;
@ -28,6 +29,7 @@ describe('ForgotPasswordComponent', () => {
schemas: [CUSTOM_ELEMENTS_SCHEMA],
providers: [
TranslateService,
ErrorHandler,
{ provide: PasswordSettingService, useValue: fakePasswordSettingService }
]
}).compileComponents();

4
src/portal/src/app/account/password-setting/password-setting.component.spec.ts
View File

@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms';
import { InlineAlertComponent } from '../../shared/inline-alert/inline-alert.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { of } from 'rxjs';
import { ErrorHandler } from '../../../lib/utils/error-handler';
describe('PasswordSettingComponent', () => {
let component: PasswordSettingComponent;
@ -37,7 +38,8 @@ describe('PasswordSettingComponent', () => {
TranslateService,
{ provide: PasswordSettingService, useValue: fakePasswordSettingService },
{ provide: SessionService, useValue: fakeSessionService },
{ provide: MessageHandlerService, useValue: fakeMessageHandlerService }
{ provide: MessageHandlerService, useValue: fakeMessageHandlerService },
ErrorHandler
],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
}).compileComponents();

2
src/portal/src/app/account/password-setting/reset-password/reset-password.component.spec.ts
View File

@ -9,6 +9,7 @@ import { MessageHandlerService } from '../../../shared/message-handler/message-h
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { ClarityModule } from '@clr/angular';
import { InlineAlertComponent } from '../../../shared/inline-alert/inline-alert.component';
import { ErrorHandler } from '../../../../lib/utils/error-handler';
describe('ResetPasswordComponent', () => {
let component: ResetPasswordComponent;
@ -30,6 +31,7 @@ describe('ResetPasswordComponent', () => {
TranslateService,
{ provide: PasswordSettingService, useValue: fakePasswordSettingService },
{ provide: MessageHandlerService, useValue: fakeMessageHandlerService },
ErrorHandler
],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
}).compileComponents();

4
src/portal/src/app/account/sign-up/sign-up.component.spec.ts
View File

@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms';
import { InlineAlertComponent } from '../../shared/inline-alert/inline-alert.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { of } from 'rxjs';
import { ErrorHandler } from '../../../lib/utils/error-handler';
describe('SignUpComponent', () => {
let component: SignUpComponent;
@ -47,7 +48,8 @@ describe('SignUpComponent', () => {
providers: [
TranslateService,
{ provide: SessionService, useValue: fakeSessionService },
{ provide: UserService, useValue: fakeUserService }
{ provide: UserService, useValue: fakeUserService },
ErrorHandler
],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
}).compileComponents();

2
src/portal/src/app/base/harbor-shell/harbor-shell.component.spec.ts
View File

@ -20,6 +20,7 @@ import { PasswordSettingService } from '../../account/password-setting/password-
import { SkinableConfig } from '../../services/skinable-config.service';
import { InlineAlertComponent } from '../../shared/inline-alert/inline-alert.component';
import { AppConfigService } from "../../services/app-config.service";
import { ErrorHandler } from '../../../lib/utils/error-handler';
describe('HarborShellComponent', () => {
let component: HarborShellComponent;
@ -86,6 +87,7 @@ describe('HarborShellComponent', () => {
{ provide: AccountSettingsModalService, useValue: mockAccountSettingsModalService },
{ provide: PasswordSettingService, useValue: mockPasswordSettingService },
{ provide: SkinableConfig, useValue: mockSkinableConfig },
ErrorHandler
],
schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA]
}).compileComponents();

2
src/portal/src/app/global-message/message.component.html
View File

@ -1,5 +1,5 @@
<div [class.alert-app-level]="!isAppLevel" [hidden]="!globalMessageOpened">
<clr-alert [clrAlertType]="globalMessage.type" [clrAlertAppLevel]="isAppLevel" [(clrAlertClosed)]="!globalMessageOpened" (clrAlertClosedChange)="onClose()">
<clr-alert [clrAlertType]="globalMessage.type" [clrAlertClosable]="!needAuth" [clrAlertAppLevel]="isAppLevel" [(clrAlertClosed)]="!globalMessageOpened" (clrAlertClosedChange)="onClose()">
<div class="alert-item">
<span class="alert-text">{{message}}</span>
<div class="alert-actions alert-style" *ngIf="needAuth">

2
src/portal/src/app/global-message/message.component.scss
View File

@ -5,5 +5,5 @@
position: absolute;
width: 100%;
height: 100%;
z-index: 10000;
z-index: 1000;
}

2
src/portal/src/app/global-message/message.component.ts
View File

@ -126,7 +126,7 @@ export class MessageComponent implements OnInit, OnDestroy {
}
signIn(): void {
this.router.navigateByUrl(CommonRoutes.EMBEDDED_SIGN_IN);
this.router.navigate([ CommonRoutes.EMBEDDED_SIGN_IN ], {queryParams: {redirect_url: this.router.url}});
}
onClose() {

2
src/portal/src/app/project/create-project/create-project.component.spec.ts
View File

@ -10,6 +10,7 @@ import { ProjectService } from "../../../lib/services";
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { of } from 'rxjs';
import { delay } from 'rxjs/operators';
import { ErrorHandler } from '../../../lib/utils/error-handler';
describe('CreateProjectComponent', () => {
let component: CreateProjectComponent;
@ -47,6 +48,7 @@ describe('CreateProjectComponent', () => {
TranslateService,
{provide: ProjectService, useValue: mockProjectService},
{provide: MessageHandlerService, useValue: mockMessageHandlerService},
ErrorHandler
]
}).compileComponents();
}));

2
src/portal/src/app/project/helm-chart/helm-chart.service.ts
View File

@ -105,7 +105,7 @@ export class HelmChartDefaultService extends HelmChartService {
private handleErrorObservable(error: HttpErrorResponse) {
return observableThrowError(error.error || error);
return observableThrowError(error);
}
public getHelmCharts(

2
src/portal/src/app/project/member/add-member/add-member.component.spec.ts
View File

@ -12,6 +12,7 @@ import { UserService } from '../../../user/user.service';
import { of } from 'rxjs';
import { MessageHandlerService } from '../../../shared/message-handler/message-handler.service';
import { ActivatedRoute } from '@angular/router';
import { ErrorHandler } from '../../../../lib/utils/error-handler';
describe('AddMemberComponent', () => {
let component: AddMemberComponent;
@ -54,6 +55,7 @@ describe('AddMemberComponent', () => {
{ provide: MemberService, useValue: mockMemberService },
{ provide: UserService, useValue: mockUserService },
{ provide: MessageHandlerService, useValue: mockMessageHandlerService },
ErrorHandler,
{
provide: ActivatedRoute, useValue: {
RouterparamMap: of({ get: (key) => 'value' }),

18
src/portal/src/app/project/member/add-member/add-member.component.ts
View File

@ -37,8 +37,7 @@ import {User} from "../../../user/user";
import {Project} from "../../project";
import { Member } from '../member';
import { MemberService } from '../member.service';
import { HttpResponseBase } from '@angular/common/http';
import { errorHandler } from "../../../../lib/utils/shared/shared.utils";
import { ErrorHandler } from '../../../../lib/utils/error-handler';
@Component({
@ -80,6 +79,7 @@ export class AddMemberComponent implements AfterViewChecked, OnInit, OnDestroy {
constructor(private memberService: MemberService,
private userService: UserService,
private errorHandle: ErrorHandler,
private messageHandlerService: MessageHandlerService,
private translateService: TranslateService,
private route: ActivatedRoute,
@ -158,22 +158,10 @@ export class AddMemberComponent implements AfterViewChecked, OnInit, OnDestroy {
() => {
this.messageHandlerService.showSuccess('MEMBER.ADDED_SUCCESS');
this.added.emit(true);
// this.addMemberOpened = false;
},
error => {
if (error instanceof HttpResponseBase) {
if (this.messageHandlerService.isAppLevel(error)) {
this.messageHandlerService.handleError(error);
// this.addMemberOpened = false;
} else {
let errorMessageKey: string = errorHandler(error);
this.translateService
.get(errorMessageKey)
.subscribe(errorMessage => this.messageHandlerService.handleError(errorMessage));
}
}
this.errorHandle.error(error);
});
// this.addMemberOpened = false;
}
selectedName(username: string) {

2
src/portal/src/app/project/member/member.component.ts
View File

@ -202,7 +202,7 @@ export class MemberComponent implements OnInit, OnDestroy {
.changeMemberRole(projectId, member.id, roleId)
.pipe(map(() => this.batchChangeRoleInfos[member.id] = 'done')
, catchError(error => {
this.messageHandlerService.handleError(error + ": " + member.entity_name);
this.messageHandlerService.handleError(error);
return observableThrowError(error);
}));
};

12
src/portal/src/app/project/tag-feature-integration/immutable-tag/add-rule/add-rule.component.spec.ts
View File

@ -9,6 +9,8 @@ import { HttpClientTestingModule } from '@angular/common/http/testing';
import { NoopAnimationsModule } from "@angular/platform-browser/animations";
import { InlineAlertComponent } from "../../../../shared/inline-alert/inline-alert.component";
import { ImmutableRetentionRule } from "../../tag-retention/retention";
import { ErrorHandler } from '../../../../../lib/utils/error-handler';
describe('AddRuleComponent', () => {
let component: AddRuleComponent;
let fixture: ComponentFixture<AddRuleComponent>;
@ -36,7 +38,9 @@ describe('AddRuleComponent', () => {
]
}
};
const mockErrorHandler = {
handleErrorPopupUnauthorized: () => {}
}
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [AddRuleComponent, InlineAlertComponent],
@ -51,7 +55,11 @@ describe('AddRuleComponent', () => {
TranslateModule.forRoot()
],
providers: [
ImmutableTagService
ImmutableTagService,
ErrorHandler,
{
provide: ErrorHandler, useValue: mockErrorHandler
}
]
})
.compileComponents();

3
src/portal/src/app/project/tag-feature-integration/tag-retention/add-rule/add-rule.component.spec.ts
View File

@ -11,10 +11,12 @@ import { HttpClientTestingModule } from '@angular/common/http/testing';
import { TagRetentionService } from "../tag-retention.service";
import { InlineAlertComponent } from "../../../../shared/inline-alert/inline-alert.component";
import { delay } from 'rxjs/operators';
import { ErrorHandler } from '../../../../../lib/utils/error-handler';
describe('AddRuleComponent', () => {
let component: AddRuleComponent;
let fixture: ComponentFixture<AddRuleComponent>;
const mockTagRetentionService = { };
beforeEach(async(() => {
TestBed.configureTestingModule({
schemas: [
@ -32,6 +34,7 @@ describe('AddRuleComponent', () => {
declarations: [AddRuleComponent, InlineAlertComponent],
providers: [
TranslateService,
ErrorHandler,
{ provide: TagRetentionService, useValue: mockTagRetentionService },
]
})

2
src/portal/src/app/project/webhook/add-webhook-form/add-webhook-form.component.spec.ts
View File

@ -11,6 +11,7 @@ import { MessageHandlerService } from "../../../shared/message-handler/message-h
import { of } from 'rxjs';
import { Webhook } from "../webhook";
import { InlineAlertComponent } from "../../../shared/inline-alert/inline-alert.component";
import { ErrorHandler } from '../../../../lib/utils/error-handler';
describe('AddWebhookFormComponent', () => {
let component: AddWebhookFormComponent;
@ -91,6 +92,7 @@ describe('AddWebhookFormComponent', () => {
TranslateService,
{ provide: WebhookService, useValue: mockWebhookService },
{ provide: MessageHandlerService, useValue: mockMessageHandlerService },
ErrorHandler
]

3
src/portal/src/app/project/webhook/webhook.component.spec.ts
View File

@ -18,6 +18,8 @@ import { InlineAlertComponent } from "../../shared/inline-alert/inline-alert.com
import { AddWebhookComponent } from "./add-webhook/add-webhook.component";
import { ConfirmationDialogComponent } from "../../../lib/components/confirmation-dialog";
import { UserPermissionService } from '../../../lib/services';
import { ErrorHandler } from '../../../lib/utils/error-handler';
describe('WebhookComponent', () => {
let component: WebhookComponent;
let fixture: ComponentFixture<WebhookComponent>;
@ -121,6 +123,7 @@ describe('WebhookComponent', () => {
],
providers: [
TranslateService,
ErrorHandler,
{ provide: WebhookService, useValue: mockWebhookService },
{ provide: MessageHandlerService, useValue: mockMessageHandlerService },
{ provide: ActivatedRoute, useValue: mockActivatedRoute },

6
src/portal/src/app/shared/inline-alert/inline-alert.component.spec.ts
View File

@ -8,6 +8,9 @@ import { FormsModule } from '@angular/forms';
import { RouterTestingModule } from '@angular/router/testing';
import { of } from 'rxjs';
import { HttpClientTestingModule } from '@angular/common/http/testing';
import { MessageHandlerService } from '../message-handler/message-handler.service';
import { ErrorHandler } from '../../../lib/utils/error-handler';
describe('InlineAlertComponent', () => {
let component: InlineAlertComponent;
let fixture: ComponentFixture<InlineAlertComponent>;
@ -28,7 +31,8 @@ describe('InlineAlertComponent', () => {
],
declarations: [InlineAlertComponent],
providers: [
TranslateService
TranslateService,
ErrorHandler
]
})
.compileComponents();

8
src/portal/src/app/shared/inline-alert/inline-alert.component.ts
View File

@ -15,6 +15,8 @@ import { Component, Output, EventEmitter } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';
import { Subscription } from "rxjs";
import { errorHandler } from "../../../lib/utils/shared/shared.utils";
import { MessageHandlerService } from '../message-handler/message-handler.service';
import { ErrorHandler } from '../../../lib/utils/error-handler';
@Component({
selector: 'inline-alert',
@ -35,7 +37,9 @@ export class InlineAlertComponent {
@Output() confirmEvt = new EventEmitter<boolean>();
@Output() closeEvt = new EventEmitter<boolean>();
constructor(private translate: TranslateService) { }
constructor(private translate: TranslateService,
private errHandler: ErrorHandler,
) { }
public get errorMessage(): string {
return this.displayedText;
@ -47,7 +51,7 @@ export class InlineAlertComponent {
if (this.displayedText) {
this.translate.get(this.displayedText).subscribe((res: string) => this.displayedText = res);
}
this.errHandler.handleErrorPopupUnauthorized(error);
this.inlineAlertType = 'danger';
this.showCancelAction = false;
this.inlineAlertClosable = true;

13
src/portal/src/app/shared/message-handler/message-handler.service.ts
View File

@ -51,6 +51,19 @@ export class MessageHandlerService implements ErrorHandler {
}
}
}
public handleErrorPopupUnauthorized(error: any | string): void {
if (!(error.statusCode || error.status)) {
return;
}
let msg = errorHandler(error);
let code = error.statusCode || error.status;
if (code === httpStatusCode.Unauthorized) {
this.msgService.announceAppLevelMessage(code, msg, AlertType.DANGER);
// Session is invalid now, clare session cache
this.session.clear();
}
}
public handleReadOnly(): void {
this.msgService.announceAppLevelMessage(503, 'REPO_READ_ONLY', AlertType.WARNING);

2
src/portal/src/lib/components/config/project-quotas/edit-project-quotas/edit-project-quotas.component.spec.ts
View File

@ -5,6 +5,7 @@ import { EditQuotaQuotaInterface } from '../../../../services';
import { HarborLibraryModule } from '../../../../harbor-library.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { CURRENT_BASE_HREF } from "../../../../utils/utils";
import { ErrorHandler } from '../../../../utils/error-handler';
describe('EditProjectQuotasComponent', () => {
let component: EditProjectQuotasComponent;
@ -27,6 +28,7 @@ describe('EditProjectQuotasComponent', () => {
],
providers: [
{ provide: SERVICE_CONFIG, useValue: config },
ErrorHandler
]
})
.compileComponents();

7
src/portal/src/lib/components/inline-alert/inline-alert.component.ts
View File

@ -15,8 +15,8 @@ import { Component, Output, EventEmitter } from "@angular/core";
import { TranslateService } from "@ngx-translate/core";
import { errorHandler } from "../../utils/shared/shared.utils";
// tslint:disable-next-line:no-unused-variable
import { Observable, Subscription } from "rxjs";
import { ErrorHandler } from "../../../lib/utils/error-handler";
@Component({
selector: "hbr-inline-alert",
@ -36,7 +36,9 @@ export class InlineAlertComponent {
@Output() confirmEvt = new EventEmitter<boolean>();
constructor(private translate: TranslateService) {}
constructor(private translate: TranslateService,
private errHandler: ErrorHandler,
) {}
public get errorMessage(): string {
return this.displayedText;
@ -50,6 +52,7 @@ export class InlineAlertComponent {
.get(this.displayedText)
.subscribe((res: string) => (this.displayedText = res));
}
this.errHandler.handleErrorPopupUnauthorized(error);
this.inlineAlertType = "danger";
this.showCancelAction = false;

4
src/portal/src/lib/components/push-image/push-image.component.spec.ts
View File

@ -6,6 +6,7 @@ import { InlineAlertComponent } from '../inline-alert/inline-alert.component';
import { SERVICE_CONFIG, IServiceConfig } from '../../entities/service.config';
import { SharedModule } from '../../utils/shared/shared.module';
import { ErrorHandler } from '../../../lib/utils/error-handler';
describe('PushImageButtonComponent (inline template)', () => {
let component: PushImageButtonComponent;
@ -19,7 +20,8 @@ describe('PushImageButtonComponent (inline template)', () => {
],
declarations: [InlineAlertComponent, CopyInputComponent, PushImageButtonComponent],
providers: [
{ provide: SERVICE_CONFIG, useValue: {} }
{ provide: SERVICE_CONFIG, useValue: {} },
ErrorHandler
]
});

3
src/portal/src/lib/components/replication/replication.component.spec.ts
View File

@ -1,6 +1,6 @@
import { ComponentFixture, TestBed, async } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { DebugElement } from '@angular/core';
import { DebugElement, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { NoopAnimationsModule } from "@angular/platform-browser/animations";
import { SharedModule } from '../../utils/shared/shared.module';
@ -155,6 +155,7 @@ describe('Replication Component (inline template)', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
imports: [
SharedModule,
NoopAnimationsModule,

5
src/portal/src/lib/utils/error-handler/error-handler.ts
View File

@ -47,6 +47,8 @@ export abstract class ErrorHandler {
* @memberOf ErrorHandler
*/
abstract log(log: any): void;
abstract handleErrorPopupUnauthorized(error: any): void;
}
@Injectable()
@ -67,4 +69,7 @@ export class DefaultErrorHandler extends ErrorHandler {
public log(log: any): void {
console.log("[Default log handler]: ", log);
}
public handleErrorPopupUnauthorized(error: any): void {
console.log("[Default log handler]: ", error);
}
}