Files
zitadel/console/src/app/modules/app-radio/app-auth-method-radio/app-auth-method-radio.component.html
T
0945195f68 chore: deps update (#11968)
# Which Problems Are Solved
This pr updates major and minor dependencies and is the first step on
getting our dependabot alerts cut down.

# How the Problems Are Solved

Depedency updates across the board eg:
- Upgrade Angular to v21
- Upgrade next.js to v16.2
- Upgrade tailwind to v4 in the login
- Upgrade vitest to v4 in the login

This is an uncompleted list refer to the changed files for a full
overview of all the updates.

# Additional Changes

Migrated all control flow in the console to the modern control flow
syntax.
Fixed the dependsOn setting for the @zitadel/login:test-unit nx target.

# Additional Context

- Closes https://github.com/zitadel/zitadel/issues/11274

---------

Co-authored-by: Max Peintner <[email protected]>
2026-04-02 15:53:08 +02:00

63 lines
2.5 KiB
HTML

<div class="auth-method-radio-button-wrapper" [ngClass]="{ compact: compact }">
@for (method of authMethods; track method; let i = $index) {
<input
type="radio"
[disabled]="method.disabled"
(change)="emitChange()"
[value]="method.key"
[id]="method.key"
[(ngModel)]="selected"
/>
<label
class="cnsl-radio-button"
[ngClass]="{ compact: compact, first: i === 0, last: i === authMethods.length - 1 }"
[for]="method.key"
>
@if (method.recommended || method.notRecommended) {
<div class="recommended" [ngClass]="{ not: method.notRecommended }">
{{ (method.recommended ? 'APP.OIDC.RECOMMENDED' : 'APP.OIDC.NOTRECOMMENDED') | translate }}
</div>
}
<div class="cnsl-radio-header" [ngStyle]="{ background: method.background }">
<span>{{ method.prefix }}</span>
@if (current === method.key) {
<div class="current">{{ 'APP.OIDC.CURRENT' | translate }}</div>
}
</div>
<p>{{ method.titleI18nKey | translate }}</p>
<p class="type-desc cnsl-secondary-text">{{ method.descI18nKey | translate }}</p>
<span class="fill-space"></span>
<div class="app-specs cnsl-secondary-text">
@if (isOIDC && method && method.responseType !== undefined) {
<div class="row">
<span class="row-entry">{{ 'APP.OIDC.RESPONSETYPE' | translate }}</span>
<span>{{ 'APP.OIDC.RESPONSE.' + method.responseType.toString() | translate }}</span>
</div>
}
@if (isOIDC && method.grantType !== undefined) {
<div class="row">
<span class="row-entry">{{ 'APP.GRANT' | translate }}</span>
<span>
@for (grant of method.grantType; track grant) {
<span class="space">{{ 'APP.OIDC.GRANT.' + grant.toString() | translate }}</span>
}
</span>
</div>
}
@if (isOIDC && method.authMethod !== undefined) {
<div class="row">
<span class="row-entry">{{ 'APP.AUTHMETHOD' | translate }}</span>
<span>{{ 'APP.OIDC.AUTHMETHOD.' + method.authMethod.toString() | translate }}</span>
</div>
}
@if (!isOIDC && method.apiAuthMethod !== undefined) {
<div class="row">
<span class="row-entry">{{ 'APP.AUTHMETHOD' | translate }}</span>
<span>{{ 'APP.API.AUTHMETHOD.' + method.apiAuthMethod.toString() | translate }}</span>
</div>
}
</div>
</label>
}
</div>