feat(edit-content) add tooltip to the autocomplete #30222

dotCMS · Oct 23, 2024 · 51eeca3 · 51eeca3
1 parent db1621c
commit 51eeca3
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/...c/lib/fields/dot-edit-content-wysiwyg-field/dot-edit-content-wysiwyg-field.component.html b/...c/lib/fields/dot-edit-content-wysiwyg-field/dot-edit-content-wysiwyg-field.component.html
@@ -9,6 +9,8 @@
     <div class="dot-wysiwyg__language-selector">
         <p-autoComplete
             class="dot-wysiwyg__language-autocomplete"
+            [pTooltip]="'edit.content.wysiwyg-field.language-variable-tooltip' | dm"
+            tooltipPosition="bottom"
             data-testId="language-variable-selector"
             [placeholder]="'edit.content.wysiwyg-field.language-variable-placeholder' | dm"
             [(ngModel)]="$selectedItem"

diff --git a/...src/lib/fields/dot-edit-content-wysiwyg-field/dot-edit-content-wysiwyg-field.component.ts b/...src/lib/fields/dot-edit-content-wysiwyg-field/dot-edit-content-wysiwyg-field.component.ts
@@ -24,6 +24,7 @@ import { ConfirmDialogModule } from 'primeng/confirmdialog';
 import { DropdownModule } from 'primeng/dropdown';
 import { InputGroupModule } from 'primeng/inputgroup';
 import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
+import { TooltipModule } from 'primeng/tooltip';
 
 import { take } from 'rxjs/operators';
 
@@ -63,7 +64,8 @@ interface LanguageVariable {
         AutoCompleteModule,
         DotMessagePipe,
         InputGroupModule,
-        InputGroupAddonModule
+        InputGroupAddonModule,
+        TooltipModule
     ],
     templateUrl: './dot-edit-content-wysiwyg-field.component.html',
     styleUrl: './dot-edit-content-wysiwyg-field.component.scss',

diff --git a/dotCMS/src/main/webapp/WEB-INF/messages/Language.properties b/dotCMS/src/main/webapp/WEB-INF/messages/Language.properties
@@ -5804,6 +5804,7 @@ edit.content.category-field.search.empty.legend=To create a new category, naviga
 edit.content.wysiwyg.confirm.switch-editor.header=Confirm View Change
 edit.content.wysiwyg.confirm.switch-editor.message=Switching to the WYSIWYG view may change your code and cause code loss.<br> Are you sure you want to continue?
 edit.content.wysiwyg-field.language-variable-placeholder=Language variables
+edit.content.wysiwyg-field.language-variable-tooltip=Start typing to see matching Language Variables.
 
 lts.expired.message = This version of dotCMS already reached EOL. Please contact your CSM to schedule an upgrade.
 lts.expires.soon.message = Your dotCMS version will reach EOL in {0} days. Please contact your CSM to schedule an upgrade.