FEAT #20284 TIME 0:30 add conig parameters + fix css + add var langs

lang/fr.json

@@ -671,6 +671,10 @@
 		"inputCardReaderUpdateCerts": "Une entrée de carte détectée, actualisation des certificats...",
 		"outputCardReaderUpdateCerts": "Une sortie de carte détectée, actualisation des certificats...",
 		"yousignOtp": "Yousign",
-		"fastOtp": "Fast"
+		"fastOtp": "Fast",
+		"subscriberId": "Identifiant de l'abonné",
+		"certPath": "Lien vers le certificat",
+		"certPass": "Mot de passe du certificat",
+		"certType": "Type de certificat"
 	}
 }

src/frontend/app/administration/otp/otp.component.html

@@ -30,15 +30,30 @@
                 </ion-item>
             </ion-radio-group>
         </ion-list>
-        <ng-container *ngIf="connector.type === 'yousign'">
+        <ion-item>
+            <ion-label color="secondary" position="floating">{{'lang.apiUri' | translate}} *</ion-label>
+            <ion-input name="apiUri" [maxlength]="128" [(ngModel)]="connector.apiUri" required>
+            </ion-input>
+        </ion-item>
+        <ion-item>
+            <ion-label color="secondary" position="floating">{{(connector.type === 'yousing' ? 'lang.apiKey' : 'lang.subscriberId') | translate}} *</ion-label>
+            <ion-input name="apiKey" [maxlength]="128" [(ngModel)]="connector.apiKey" required>
+            </ion-input>
+        </ion-item>
+        <ng-container *ngIf="connector.type === 'fast'">
+            <ion-item>
+                <ion-label color="secondary" position="floating">{{'lang.certPath' | translate}} *</ion-label>
+                <ion-input name="certPath" [maxlength]="128" [(ngModel)]="connector.certPath" required>
+                </ion-input>
+            </ion-item>
             <ion-item>
-                <ion-label color="secondary" position="floating">{{'lang.apiUri' | translate}} *</ion-label>
-                <ion-input name="apiUri" [maxlength]="128" [(ngModel)]="connector.apiUri" [required]="connector.type === 'yousign'">
+                <ion-label color="secondary" position="floating">{{'lang.certPass' | translate}} *</ion-label>
+                <ion-input name="certPass" [maxlength]="128" [(ngModel)]="connector.certPass" required>
                 </ion-input>
             </ion-item>
             <ion-item>
-                <ion-label color="secondary" position="floating">{{'lang.apiKey' | translate}} *</ion-label>
-                <ion-input name="apiKey" [maxlength]="128" [(ngModel)]="connector.apiKey" [required]="connector.type === 'yousign'">
+                <ion-label color="secondary" position="floating">{{'lang.certType' | translate}} *</ion-label>
+                <ion-input name="certType" [maxlength]="128" [(ngModel)]="connector.certType" required>
                 </ion-input>
             </ion-item>
         </ng-container>

src/frontend/app/administration/otp/otp.component.ts

@@ -20,6 +20,9 @@ export interface Connector {
     label: string;
     apiUri: string;
     apiKey: string;
+    certPath?: string;
+    certPass?: string;
+    certType?: string;
     securityModes: string[];
     message: any;
 }
@@ -225,9 +228,10 @@ export class OtpComponent implements OnInit, OnDestroy {
             error = true;
         }
         if (!error) {
-            if (this.connector.type !== 'yousign') {
-                delete this.connector.apiKey;
-                delete this.connector.apiUri;
+            if (this.connector.type === 'yousign') {
+                delete this.connector.certPass;
+                delete this.connector.certPath;
+                delete this.connector.certType;
             }
             if (this.creationMode) {
                 this.createconnector();

src/frontend/app/document/visa-workflow/otps/otp-create.component.scss

@@ -11,8 +11,9 @@
 .chooseConnector {
   display: grid;
   grid-template-columns: repeat(2, auto);
+  justify-items: center;
+  justify-content: center;
   grid-gap: 5px;
-  margin: 15px;
 
   div {
       flex: 1;

src/frontend/app/service/otp-connectors/otp-fast.service.ts

 import { Injectable } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { catchError, tap } from 'rxjs/operators';
-import { Observable, of, Subject } from 'rxjs';
-import { NotificationService } from '../notification.service';
-import { TranslateService } from '@ngx-translate/core';
 
 @Injectable({
     providedIn: 'root'
 })
 
+
 export class OtpFastService {
 
-    otpFields: any = {
+    otpFields: OtpFields = {
         type: 'fast',
         firstname: null,
         lastname: null,
@@ -24,3 +20,16 @@ export class OtpFastService {
         modes: ['fast_otp']
     };
 }
+
+export interface OtpFields {
+    type: string;
+    firstname: string;
+    lastname: string;
+    email: string;
+    phone: string;
+    sourceId: number;
+    security: string;
+    securityModes: string[];
+    role: string;
+    modes: string[];
+}

src/frontend/app/service/otp-connectors/otp-yousign.service.ts

 import { Injectable } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { catchError, tap } from 'rxjs/operators';
-import { Observable, of, Subject } from 'rxjs';
-import { NotificationService } from '../notification.service';
-import { TranslateService } from '@ngx-translate/core';
 
 @Injectable({
     providedIn: 'root'
@@ -11,7 +6,7 @@ import { TranslateService } from '@ngx-translate/core';
 
 export class OtpYousignService {
 
-    otpFields: any = {
+    otpFields: OtpFields = {
         type: 'yousign',
         firstname: null,
         lastname: null,
@@ -24,3 +19,16 @@ export class OtpYousignService {
         securityModes: [],
     };
 }
+
+export interface OtpFields {
+    type: string;
+    firstname: string;
+    lastname: string;
+    email: string;
+    phone: string;
+    sourceId: number;
+    security: string;
+    securityModes: string[];
+    role: string;
+    modes: string[];
+}