mirror of
https://github.com/andwati/zitadel.git
synced 2026-10-30 11:02:16 +00:00
feat(saml): implementation of saml for ZITADEL v2 (#3618)
This commit is contained in:
@@ -1,5 +1,13 @@
|
||||
<div class="cnsl-app-card" [ngClass]="{'add': type === OIDCAppType.ADD,'web': type === OIDCAppType.OIDC_APP_TYPE_WEB,
|
||||
'useragent': type === OIDCAppType.OIDC_APP_TYPE_USER_AGENT,
|
||||
'native': type === OIDCAppType.OIDC_APP_TYPE_NATIVE, 'api': isApiApp}">
|
||||
<div
|
||||
class="cnsl-app-card"
|
||||
[ngClass]="{
|
||||
add: type === OIDCAppType.ADD,
|
||||
web: type === OIDCAppType.OIDC_APP_TYPE_WEB,
|
||||
useragent: type === OIDCAppType.OIDC_APP_TYPE_USER_AGENT,
|
||||
native: type === OIDCAppType.OIDC_APP_TYPE_NATIVE,
|
||||
api: isApiApp,
|
||||
saml: type === 'SAML'
|
||||
}"
|
||||
>
|
||||
<ng-content></ng-content>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -55,5 +55,11 @@
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&.saml {
|
||||
background: linear-gradient(40deg, rgb(110, 56, 124), rgb(88, 37, 103));
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -8,7 +8,7 @@ import { OIDCAppType } from 'src/app/proto/generated/zitadel/app_pb';
|
||||
})
|
||||
export class AppCardComponent {
|
||||
@Input() public outline: boolean = false;
|
||||
@Input() public type: OIDCAppType | undefined = undefined;
|
||||
@Input() public type: OIDCAppType | 'SAML' | undefined = undefined;
|
||||
@Input() public isApiApp: boolean = false;
|
||||
public OIDCAppType: any = OIDCAppType;
|
||||
}
|
||||
|
||||
@@ -2,12 +2,13 @@
|
||||
<ng-container *ngFor="let type of types">
|
||||
<input class="app" type="radio" (change)="emitChange()" [value]="type" [(ngModel)]="selected" [id]="type.prefix" />
|
||||
<label class="cnsl-type-radio-button" [for]="type.prefix">
|
||||
<div class="cnsl-type-radio-header" [ngStyle]="{'background': type.background}">
|
||||
<span>{{type.prefix}}</span>
|
||||
<div class="cnsl-type-radio-header" [ngStyle]="{ background: type.background }">
|
||||
<span>{{ type.prefix }}</span>
|
||||
</div>
|
||||
<p>{{type.titleI18nKey | translate}}</p>
|
||||
<p class="type-desc cnsl-secondary-text">{{type.descI18nKey | translate}}</p>
|
||||
<p>{{ type.titleI18nKey | translate }}</p>
|
||||
<p class="type-desc cnsl-secondary-text">{{ type.descI18nKey | translate }}</p>
|
||||
<span class="fill-space"></span>
|
||||
<span class="cnsl-type-protocol state" *ngIf="type.protocol">{{ type.protocol }}</span>
|
||||
</label>
|
||||
</ng-container>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -60,6 +60,8 @@
|
||||
box-sizing: border-box;
|
||||
border-top-left-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
span {
|
||||
margin: 2rem;
|
||||
@@ -76,5 +78,10 @@
|
||||
.type-desc {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.cnsl-type-protocol {
|
||||
width: fit-content;
|
||||
margin: 0.5rem auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user