mirror of
https://github.com/zitadel/zitadel.git
synced 2025-12-05 10:32:03 +00:00
918736c026
Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
59 lines
1.9 KiB
HTML
59 lines
1.9 KiB
HTML
<h2>{{ 'DESCRIPTIONS.SETTINGS.SMS_PROVIDER.TITLE' | translate }}</h2>
|
|
<p class="cnsl-secondary-text">{{ 'DESCRIPTIONS.SETTINGS.SMS_PROVIDER.DESCRIPTION' | translate }}</p>
|
|
|
|
<div class="spinner-wr">
|
|
<mat-spinner diameter="30" *ngIf="smsProvidersLoading" color="primary"></mat-spinner>
|
|
</div>
|
|
|
|
<div class="sms-providers">
|
|
<cnsl-card class="sms-card" [nomargin]="true">
|
|
<div class="sms-provider">
|
|
<h4 class="title">Twilio</h4>
|
|
|
|
<span
|
|
*ngIf="twilio"
|
|
class="state"
|
|
[ngClass]="{
|
|
active: twilio.state === SMSProviderConfigState.SMS_PROVIDER_CONFIG_ACTIVE,
|
|
inactive: twilio.state === SMSProviderConfigState.SMS_PROVIDER_CONFIG_INACTIVE,
|
|
}"
|
|
>{{ 'SETTING.SMS.SMSPROVIDERSTATE.' + twilio.state | translate }}</span
|
|
>
|
|
|
|
<span class="fill-space"></span>
|
|
<button
|
|
*ngIf="twilio && twilio.id"
|
|
[disabled]="(['iam.write'] | hasRole | async) === false"
|
|
mat-stroked-button
|
|
data-e2e="activate-sms-provider-button"
|
|
(click)="toggleSMSProviderState(twilio.id)"
|
|
>
|
|
<span *ngIf="twilio.state === SMSProviderConfigState.SMS_PROVIDER_CONFIG_ACTIVE">{{
|
|
'ACTIONS.DEACTIVATE' | translate
|
|
}}</span>
|
|
<span *ngIf="twilio.state === SMSProviderConfigState.SMS_PROVIDER_CONFIG_INACTIVE">{{
|
|
'ACTIONS.ACTIVATE' | translate
|
|
}}</span>
|
|
</button>
|
|
<button
|
|
*ngIf="twilio && twilio.id"
|
|
color="warn"
|
|
[disabled]="(['iam.write'] | hasRole | async) === false"
|
|
mat-icon-button
|
|
(click)="removeSMSProvider(twilio.id)"
|
|
data-e2e="remove-sms-provider-button"
|
|
>
|
|
<i class="las la-trash"></i>
|
|
</button>
|
|
<button
|
|
[disabled]="(['iam.write'] | hasRole | async) === false"
|
|
mat-icon-button
|
|
(click)="editSMSProvider()"
|
|
data-e2e="new-twilio-button"
|
|
>
|
|
<i class="las la-pen"></i>
|
|
</button>
|
|
</div>
|
|
</cnsl-card>
|
|
</div>
|