otp-create.component.html 1.99 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
<ion-header [translucent]="true">
    <ion-toolbar color="primary">
        <ion-title>{{'lang.otpUser' | translate}}</ion-title>
        <ion-buttons slot="end">
            <ion-button (click)="dismissModal()">
                <ion-icon slot="icon-only" name="close-outline"></ion-icon>
            </ion-button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>
11
<ion-content *ngIf="!loading">
12
13
14
15
16
    <ion-card *ngIf="data?.type === undefined">
        <ion-item color="primary">
            <ion-label class="info" [innerHTML]="'lang.internalUserOtpMsg' | translate : { user : data.firstname + ' ' + data.lastname}"></ion-label>
        </ion-item>
    </ion-card>
17
    <ion-card *ngIf="sources.length > 1">
18
19
        <ion-item>
            <ion-label color="secondary">{{'lang.source' | translate}}</ion-label>
20
            <ion-select [value]="connectorId" cancelText="{{'lang.cancel' | translate}}" (ionChange)="setCurrerentSource($event.detail.value)">
21
22
23
24
25
                <ion-select-option *ngFor="let source of sources" [value]="source.id">
                    {{source.label | translate}}</ion-select-option>
            </ion-select>
        </ion-item>
    </ion-card>
26
    <app-otp-yousign #appOtpYousign *ngIf="currentSource && currentSource.type === 'yousign'" [connectorId]="connectorId" [otpYousign]="data"></app-otp-yousign>
27
    <ion-card>
28
        <ion-item color="primary">
29
            <ion-label class="info" [innerHTML]="(appOtpYousign?.getData().role !== 'visa' ? 'lang.otpMsg' : 'lang.otpVisaUser') | translate : { security : appOtpYousign?.getSecurityMode()}"></ion-label>
30
31
        </ion-item>
    </ion-card>
32
33
34
35
36
</ion-content>
<ion-footer class="ion-no-border">
    <ion-toolbar>
        <ion-buttons class="ion-justify-content-center">
            <ion-button type="submit" color="primary" (click)="onSubmit()" [disabled]="!isValid()">
37
                <ion-label>{{( data !== null ? 'lang.update' : 'lang.save') | translate}}</ion-label>
38
39
40
41
            </ion-button>
        </ion-buttons>
    </ion-toolbar>
</ion-footer>