mirror of
https://github.com/andwati/zitadel.git
synced 2026-11-09 15:45:12 +00:00
d26391a642
* feat(console): show external idp remote config * reuse copy-row * finish google and saml sp * finish apps * add next steps modal * rollout * activate * fix saml urls * fix saml provider * complete providers * translate * update google docs * update entra id oidc docs * update entra id saml docs * update github docs * update gitlab docs * update apple docs * update okta oidc docs * update okta saml docs * update keycloak docs * update mocksaml * cleanup * lint * lint * fix overriden classes * encapsulate styles * fix icon classes --------- Co-authored-by: peintnermax <[email protected]>
87 lines
3.5 KiB
HTML
87 lines
3.5 KiB
HTML
<cnsl-create-layout
|
|
title="{{ id ? ('IDP.DETAIL.TITLE' | translate) : ('IDP.CREATE.TITLE' | translate) }}"
|
|
(closed)="close()"
|
|
>
|
|
<div class="identity-provider-create-content">
|
|
<div class="title-row">
|
|
<mat-icon class="idp-logo" svgIcon="mdi_jwt" alt="jwt" />
|
|
<h1>{{ 'IDP.CREATE.JWT.TITLE' | translate }}</h1>
|
|
<ng-container *ngIf="exists$ | async">
|
|
<div
|
|
*ngIf="{ isNotActive: (activateLink$ | async) } as idp"
|
|
class="cnsl-state-dot"
|
|
[matTooltip]="(idp.isNotActive ? 'IDP.STATES.2' : 'IDP.STATES.1') | translate"
|
|
[ngClass]="{ active: !idp.isNotActive, inactive: !!idp.isNotActive }"
|
|
></div>
|
|
</ng-container>
|
|
<mat-spinner diameter="25" *ngIf="loading" color="primary"></mat-spinner>
|
|
</div>
|
|
|
|
<cnsl-provider-next
|
|
[configureProvider]="(exists$ | async) === false"
|
|
[configureTitle]="'DESCRIPTIONS.SETTINGS.IDPS.JWT.TITLE' | translate"
|
|
[configureDescription]="'DESCRIPTIONS.SETTINGS.IDPS.JWT.DESCRIPTION' | translate"
|
|
configureLink="https://zitadel.com/docs/guides/integrate/identity-providers/jwt-idp"
|
|
[autofillLink]="autofillLink$ | async"
|
|
[activateLink]="activateLink$ | async"
|
|
[expanded]="!!(expandWhatNow$ | async)"
|
|
(activate)="activate()"
|
|
></cnsl-provider-next>
|
|
|
|
<p class="identity-provider-desc cnsl-secondary-text">{{ 'IDP.CREATE.JWT.DESCRIPTION' | translate }}</p>
|
|
|
|
<form [formGroup]="form" (ngSubmit)="submitForm()">
|
|
<div class="identity-provider-content">
|
|
<cnsl-form-field class="formfield">
|
|
<cnsl-label>{{ 'IDP.NAME' | translate }}</cnsl-label>
|
|
<input cnslInput formControlName="name" />
|
|
</cnsl-form-field>
|
|
<cnsl-form-field class="formfield">
|
|
<cnsl-label>{{ 'IDP.JWT.HEADERNAME' | translate }}</cnsl-label>
|
|
<input cnslInput formControlName="headerName" />
|
|
</cnsl-form-field>
|
|
<cnsl-form-field class="formfield">
|
|
<cnsl-label>{{ 'IDP.ISSUER' | translate }}</cnsl-label>
|
|
<input cnslInput formControlName="issuer" />
|
|
</cnsl-form-field>
|
|
<cnsl-form-field class="formfield">
|
|
<cnsl-label>{{ 'IDP.JWT.JWTENDPOINT' | translate }}</cnsl-label>
|
|
<input cnslInput formControlName="jwtEndpoint" />
|
|
</cnsl-form-field>
|
|
<cnsl-form-field class="formfield">
|
|
<cnsl-label>{{ 'IDP.JWT.JWTKEYSENDPOINT' | translate }}</cnsl-label>
|
|
<input cnslInput formControlName="keysEndpoint" />
|
|
</cnsl-form-field>
|
|
</div>
|
|
|
|
<div class="identity-provider-optional-h-wrapper">
|
|
<h2>{{ 'IDP.OPTIONAL' | translate }}</h2>
|
|
<button (click)="showOptional = !showOptional" type="button" mat-icon-button>
|
|
<mat-icon *ngIf="showOptional">keyboard_arrow_up</mat-icon
|
|
><mat-icon *ngIf="!showOptional">keyboard_arrow_down</mat-icon>
|
|
</button>
|
|
</div>
|
|
<div *ngIf="showOptional">
|
|
<cnsl-provider-options
|
|
[initialOptions]="provider?.config?.options"
|
|
(optionsChanged)="options = $event"
|
|
></cnsl-provider-options>
|
|
</div>
|
|
|
|
<div class="identity-provider-create-actions">
|
|
<button
|
|
color="primary"
|
|
mat-raised-button
|
|
class="continue-button"
|
|
[disabled]="form.invalid || form.disabled"
|
|
type="submit"
|
|
>
|
|
<span *ngIf="{ exists: (exists$ | async) } as idp">{{
|
|
(!!idp.exists ? 'ACTIONS.SAVE' : 'ACTIONS.CREATE') | translate
|
|
}}</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</cnsl-create-layout>
|