TheArchive/zitadel
1
0
Fork 0
mirror of https://github.com/zitadel/zitadel.git synced 2025-12-13 03:14:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(console): app compliance messages, dev mode (#575)

Browse Source 
* app compliance messages, show devmode

* clnup

* Update console/src/assets/i18n/de.json

Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com>

* Update console/src/assets/i18n/en.json

Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com>

* Update console/src/assets/i18n/de.json

Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com>

Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com>
This commit is contained in:
Max Peintner
2020-08-12 08:22:24 +02:00
committed by GitHub
parent 2c517d6278
commit 29831111ae
7 changed files with 37 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
console/src/app/pages/projects/apps/app-detail/app-detail.component.html
View File

@@ -43,6 +43,12 @@
<button mat-stroked-button
(click)="regenerateOIDCClientSecret()">{{'APP.OIDC.REGENERATESECRET' | translate}}</button>
</div>
<div class="compliance">
<p class="problem" *ngFor="let problem of app.oidcConfig.complianceProblemsList">
{{problem.localizedMessage}}
</p>
</div>
<form *ngIf="appForm" [formGroup]="appForm" (ngSubmit)="saveOIDCApp()">
<div class="content">
<mat-form-field class="formfield" appearance="outline">
@@ -85,6 +91,12 @@
</mat-option>
</mat-select>
</mat-form-field>
<mat-slide-toggle color="primary" class="devmode" formControlName="devMode" name="devMode">
{{ 'APP.OIDC.DEVMODE' | translate }}
</mat-slide-toggle>
<p class="step-description">{{'APP.OIDC.DEVMODEDESC' | translate}}</p>
<p class="step-description"
*ngIf="applicationType?.value == OIDCApplicationType.OIDCAPPLICATIONTYPE_NATIVE">
{{'APP.OIDC.REDIRECTDESCRIPTIONNATIVE' | translate}}</p>

9
console/src/app/pages/projects/apps/app-detail/app-detail.component.scss
View File

@@ -39,6 +39,10 @@
}
}
.compliance .problem {
font-size: 14px;
}
.content {
display: flex;
flex-direction: row;
@@ -62,6 +66,11 @@
}
}
.devmode {
flex: 1 1 100%;
margin: 1rem .5rem;
}
.step-description {
font-size: .9rem;
color: #8795a1;

8
console/src/app/pages/projects/apps/app-detail/app-detail.component.ts
View File

@@ -98,6 +98,7 @@ export class AppDetailComponent implements OnInit, OnDestroy {
name: ['', [Validators.required]],
});
this.appForm = this.fb.group({
devMode: [false, []],
clientId: [{ value: '', disabled: true }],
responseTypesList: [],
grantTypesList: [],
@@ -195,11 +196,9 @@ export class AppDetailComponent implements OnInit, OnDestroy {
input.value = '';
}
}
}
public remove(redirect: any, target: RedirectType): void {
if (target === RedirectType.POSTREDIRECT) {
const index = this.postLogoutRedirectUrisList.indexOf(redirect);
@@ -228,6 +227,7 @@ export class AppDetailComponent implements OnInit, OnDestroy {
this.app.oidcConfig.authMethodType = this.authMethodType?.value;
this.app.oidcConfig.redirectUrisList = this.redirectUrisList;
this.app.oidcConfig.postLogoutRedirectUrisList = this.postLogoutRedirectUrisList;
this.app.oidcConfig.devMode = this.devMode?.value;
this.projectService
.UpdateOIDCAppConfig(this.projectId, this.app.id, this.app.oidcConfig)
@@ -284,4 +284,8 @@ export class AppDetailComponent implements OnInit, OnDestroy {
public get authMethodType(): AbstractControl | null {
return this.appForm.get('authMethodType');
}
public get devMode(): AbstractControl | null {
return this.appForm.get('devMode');
}
}

2
console/src/app/pages/projects/apps/apps.module.ts
View File

@@ -14,6 +14,7 @@ import { MatProgressBarModule } from '@angular/material/progress-bar';
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
import { MatRadioModule } from '@angular/material/radio';
import { MatSelectModule } from '@angular/material/select';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
import { MatStepperModule } from '@angular/material/stepper';
import { MatTooltipModule } from '@angular/material/tooltip';
import { TranslateModule } from '@ngx-translate/core';
@@ -57,6 +58,7 @@ import { AppsRoutingModule } from './apps-routing.module';
MatStepperModule,
MatRadioModule,
CopyToClipboardModule,
MatSlideToggleModule,
],
exports: [TranslateModule],
})