FEAT #16992 TIME 2:20 admin otp: add message + sms content

lang/en.json

@@ -477,6 +477,8 @@
         "mailServerOfflineMsg": "The mail server must be <b> tested </b> and <b> operational </b> for: <b> {{action}} </b>",
         "mailServerOffline": "The mail server is unavailable at the moment, please try again later",
         "testAndValidate": "Test and validate",
-        "receiveActivationNotification": "Receive the activation email"
+        "receiveActivationNotification": "Receive the activation email",
+        "smsContent": "Content of the SMS sent",
+        "emailContent": "Content of the email sent"
     }
 }

lang/fr.json

@@ -495,6 +495,8 @@
 		"apiUri": "Adresse de l'API",
 		"connectorAdded": "Connecteur ajouté",
 		"connectorUpdated": "Connecteur modifié",
-		"connectorDeleted": "Connecteur supprimé"
+		"connectorDeleted": "Connecteur supprimé",
+		"smsContent": "Contenu du SMS envoyé",
+		"emailContent": "Contenu du courriel envoyé"
 	}
 }

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

@@ -52,6 +52,32 @@
                     (ionChange)="toggleSecurityMode($event.detail)" [value]="mode"></ion-checkbox>
             </ion-item>
         </ion-list>
+        <ion-list *ngIf="connector.securityModes.includes('sms')">
+            <ion-list-header>
+                <ion-label color="secondary">
+                    {{ 'lang.smsContent' | translate}} <ng-container
+                    *ngIf="connector.securityModes.includes('sms')">*</ng-container>
+                </ion-label>
+            </ion-list-header>
+            <ion-item>
+                <ion-textarea name ="smsContent"rows="2" cols="10" [(ngModel)]="connector.message.sms" 
+                    [required]="connector.securityModes.includes('sms')" placeholder="Ex: Bonjour Alain Dupont, le code de sécurité est ...">
+                </ion-textarea>
+            </ion-item>
+        </ion-list>
+        <ion-list *ngIf="connector.securityModes.includes('email')">
+            <ion-list-header>
+                <ion-label color="secondary">
+                    {{ 'lang.emailContent' | translate}} <ng-container
+                    *ngIf="connector.securityModes.includes('email')">*</ng-container>
+                </ion-label>
+            </ion-list-header>
+            <ion-item>
+                <ion-textarea name="emailContent" rows="2" cols="10" [(ngModel)]="connector.message.email"
+                    [required]="connector.securityModes.includes('email')" placeholder="Ex: Bonjour Alain Dupont, le code de sécurité est ...">
+                </ion-textarea>
+            </ion-item>
+        </ion-list>
         <ion-item text-center lines="none" style="position: sticky;bottom:0px;z-index:1;">
             <div style="display: flex;align-items: center;justify-content: center;width: 100%;background: white;">
                 <ion-button type="submit" shape="round" size="large" fill="outline" color="primary"

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

@@ -18,6 +18,7 @@ export interface Connector {
     apiUri: string;
     apiKey: string;
     securityModes: string[];
+    message: any;
 }
 
 @Component({
@@ -66,7 +67,11 @@ export class OtpComponent implements OnInit {
             label: '',
             apiUri: this.apiDefaultUri[this.connectorTypes[0]],
             apiKey: '',
-            securityModes: ['sms']
+            securityModes: ['sms'],
+            message : {
+                sms: '',
+                email: ''
+            }
         };
     }