From 2ca510c16a75f3d97555ca79e6e0a6f8a27fa5a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20Berthaud-M=C3=BCller?=
 <gael.berthaud-muller@afnic.fr>
Date: Mon, 26 Feb 2024 15:50:08 +0100
Subject: [PATCH] add missing error message for keytag

---
 src/app/components/form/form.component.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app/components/form/form.component.html b/src/app/components/form/form.component.html
index 9df26290..29dc6de4 100644
--- a/src/app/components/form/form.component.html
+++ b/src/app/components/form/form.component.html
@@ -140,7 +140,7 @@
                   inputmode="numeric"
                   pattern="\d*"
                   id="ds_info-{{i}}-keytag-input"
-                  [attr.aria-describedby]="'ds_info-' + i + '-keytag-error-required ds_info-' + i + '-keytag-error-server'"
+                  [attr.aria-describedby]="'ds_info-' + i + '-keytag-error-required ds_info-' + i + '-keytag-error-pattern ds_info-' + i + '-keytag-error-server'"
                   formControlName="keytag"
                   class="form-control"
                   i18n-title="form label"
@@ -154,6 +154,9 @@
                 <div id="ds_info-{{i}}-keytag-error-required" class="invalid-feedback" *ngIf="ds_info.controls.keytag.errors?.required" >
                   <ng-container i18n="form error">Keytag required</ng-container>
                 </div>
+                <div id="ds_info-{{i}}-keytag-error-pattern" class="invalid-feedback" *ngIf="ds_info.controls.keytag.errors?.pattern" >
+                  <ng-container i18n="form error">The keytag must be a positive integer between 0 and 65535</ng-container>
+                </div>
               </div>
 
               <label id="ds_info-{{i}}-algorithm-label" for="ds_info-{{i}}-algorithm-input" i18n="form label">Algorithm</label>