feat: add locale for invalid url text

sibiraj-s · May 12, 2024 · aee35ff · aee35ff
1 parent 22e8bc2
commit aee35ff
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 2 deletions.
diff --git a/docs/src/content/docs/configuration.md b/docs/src/content/docs/configuration.md
@@ -61,6 +61,7 @@ NgxEditorModule.forRoot({
     altText: 'Alt Text',
     title: 'Title',
     remove: 'Remove',
+    enterValidUrl: 'Please enter a valid URL',
   },
 });
 ```

diff --git a/docs/src/content/docs/examples/full-featured-editor.mdx b/docs/src/content/docs/examples/full-featured-editor.mdx
@@ -51,6 +51,7 @@ import { schema } from 'ngx-editor/schema';
         altText: 'Alt Text',
         title: 'Title',
         remove: 'Remove',
+        enterValidUrl: 'Please enter a valid URL',
       },
     }),
   ],

diff --git a/projects/ngx-editor/src/lib/Locals.ts b/projects/ngx-editor/src/lib/Locals.ts
@@ -37,6 +37,7 @@ export const defaults: Record<string, string | Observable<string>> = {
   altText: 'Alt Text',
   title: 'Title',
   remove: 'Remove',
+  enterValidUrl: 'Please enter a valid URL',
 };
 
 export type LocalsKeys = keyof typeof defaults;

diff --git a/projects/ngx-editor/src/lib/modules/menu/image/image.component.html b/projects/ngx-editor/src/lib/modules/menu/image/image.component.html
@@ -16,7 +16,7 @@
         }}</label>
         <input type="href" [id]="getId('image-popup-url')" formControlName="src" autocomplete="off" />
         <div *ngIf="src.touched && src.invalid" class="NgxEditor__HelpText NgxEditor__HelpText--Error">
-          {{ src.errors?.['pattern'] && 'Please enter valid url.' }}
+          {{ src.errors?.['pattern'] && getLabel('enterValidUrl') | async }}
         </div>
       </div>
     </div>

diff --git a/projects/ngx-editor/src/lib/modules/menu/link/link.component.html b/projects/ngx-editor/src/lib/modules/menu/link/link.component.html
@@ -15,7 +15,7 @@
         <label class="NgxEditor__Popup--Label" [htmlFor]="getId('link-popup-url')">{{ getLabel('url') | async }}</label>
         <input type="href" [id]="getId('link-popup-url')" formControlName="href" autocomplete="off" />
         <div *ngIf="href.touched && href.invalid" class="NgxEditor__HelpText NgxEditor__HelpText--Error">
-          {{ href.errors?.['pattern'] && 'Please enter valid url.' }}
+          {{ href.errors?.['pattern'] && getLabel('enterValidUrl') | async }}
         </div>
       </div>
     </div>