mirror of
https://github.com/andwati/zitadel.git
synced 2026-10-25 00:32:15 +00:00
* instance routing * instance naming * org list * rm isonsystem * breadcrumb type * routing * instance members * fragment refresh org * settings pages * settings list, sidenav grouping, i18n * org-settings, policy changes * lint * grid * rename grid * fallback to general * cleanup * general settings, remove cards * sidenav for settings, label policy * i18n * header, nav backbuild * general, project nav rehaul * login text background adapt * org nav anim * org, instance settings, fix policy layout, roles * i18n, active route for project * lint * notification-settings * idp create redirect, sms provider create, i18n * oidc configuration * settings list * new avatar colors for login * cleaner js * avatar theme login * remove avatar elevation
76 lines
2.7 KiB
HTML
76 lines
2.7 KiB
HTML
<div class="spinner-wr">
|
|
<mat-spinner diameter="30" *ngIf="loading" color="primary"></mat-spinner>
|
|
</div>
|
|
|
|
<h2>{{ 'SETTING.SMTP.TITLE' | translate }}</h2>
|
|
|
|
<form (ngSubmit)="savePolicy()" [formGroup]="form" autocomplete="off">
|
|
<cnsl-form-field class="smtp-form-field" label="Sender Address" required="true">
|
|
<cnsl-label>{{ 'SETTING.SMTP.SENDERADDRESS' | translate }}</cnsl-label>
|
|
<input cnslInput name="senderAddress" formControlName="senderAddress" />
|
|
</cnsl-form-field>
|
|
|
|
<cnsl-form-field class="smtp-form-field" label="Sender Name" required="true">
|
|
<cnsl-label>{{ 'SETTING.SMTP.SENDERNAME' | translate }}</cnsl-label>
|
|
<input cnslInput name="senderName" formControlName="senderName" />
|
|
</cnsl-form-field>
|
|
|
|
<mat-checkbox class="smtp-checkbox" formControlName="tls">
|
|
{{ 'SETTING.SMTP.TLS' | translate }}
|
|
</mat-checkbox>
|
|
|
|
<cnsl-form-field class="smtp-form-field" label="Host" required="true">
|
|
<cnsl-label>{{ 'SETTING.SMTP.HOST' | translate }}</cnsl-label>
|
|
<input cnslInput name="host" formControlName="host" />
|
|
</cnsl-form-field>
|
|
|
|
<cnsl-form-field class="smtp-form-field" label="User" required="true">
|
|
<cnsl-label>{{ 'SETTING.SMTP.USER' | translate }}</cnsl-label>
|
|
<input id="smtp-user" cnslInput name="smtp-user" autocomplete="smtp-user" formControlName="user" />
|
|
</cnsl-form-field>
|
|
|
|
<cnsl-form-field class="smtp-form-field" label="Password" required="true">
|
|
<cnsl-label>{{ 'SETTING.SMTP.PASSWORD' | translate }}</cnsl-label>
|
|
<input
|
|
id="smtp-password"
|
|
cnslInput
|
|
name="smtp-password"
|
|
autocomplete="smtp-password"
|
|
type="password"
|
|
formControlName="password"
|
|
/>
|
|
</cnsl-form-field>
|
|
|
|
<div class="general-btn-container">
|
|
<button class="save-button" (click)="savePolicy()" color="primary" type="submit" mat-raised-button>
|
|
{{ 'ACTIONS.SAVE' | translate }}
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
<br />
|
|
<h2>{{ 'SETTING.SMS.TITLE' | translate }}</h2>
|
|
<h3>{{ 'SETTING.SMS.PROVIDERS' | translate }}</h3>
|
|
<div class="sms-providers">
|
|
<cnsl-card *ngFor="let provider of smsProviders" class="sms-card">
|
|
<div *ngIf="provider.twilio" class="sms-provider">
|
|
<h4 class="title">Twilio</h4>
|
|
<span class="cnsl-secondary-text">{{ 'SETTING.SMS.PROVIDER' | translate }}</span>
|
|
|
|
<span
|
|
class="state"
|
|
[ngClass]="{
|
|
active: provider.state === SMSProviderConfigState.SMS_PROVIDER_CONFIG_ACTIVE,
|
|
inactive: provider.state === SMSProviderConfigState.SMS_PROVIDER_CONFIG_INACTIVE
|
|
}"
|
|
></span>
|
|
</div>
|
|
</cnsl-card>
|
|
<button mat-stroked-button (click)="addSMSProvider()">
|
|
<div class="sms-card add">
|
|
<mat-icon>add</mat-icon>
|
|
<span>{{ 'ACTIONS.ADD' | translate }}</span>
|
|
</div>
|
|
</button>
|
|
</div>
|