VACMS-18281 Added character counters & help text to phone paragraph t…

…ype (#18542) * Added character counter to phone paragraph type * Updated help text based on Figma design comments (#18545) * fixing the help text --------- Co-authored-by: Christian Burk <[email protected]>
department-of-veterans-affairs · Jul 22, 2024 · 0f6d694 · 0f6d694
1 parent 4e4c765
commit 0f6d694
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 6 deletions.
diff --git a/config/sync/core.entity_form_display.paragraph.phone_number.default.yml b/config/sync/core.entity_form_display.paragraph.phone_number.default.yml
@@ -16,12 +16,19 @@ bundle: phone_number
 mode: default
 content:
   field_phone_extension:
-    type: string_textfield
+    type: string_textfield_with_counter
     weight: 2
     region: content
     settings:
       size: 10
       placeholder: ''
+      use_field_maxlength: false
+      maxlength: 12
+      counter_position: after
+      js_prevent_submit: true
+      count_only_mode: false
+      count_html_characters: true
+      textcount_status_message: '<span class="remaining_count">@remaining_count</span> characters remaining.'
     third_party_settings: {  }
   field_phone_label:
     type: string_textfield_with_counter
@@ -34,23 +41,36 @@ content:
       maxlength: 100
       counter_position: after
       js_prevent_submit: true
+      count_only_mode: false
       count_html_characters: true
       textcount_status_message: '<span class="remaining_count">@remaining_count</span> characters remaining.'
     third_party_settings: {  }
   field_phone_number:
-    type: string_textfield
+    type: string_textfield_with_counter
     weight: 1
     region: content
     settings:
       size: 25
       placeholder: ''
+      use_field_maxlength: false
+      maxlength: 12
+      counter_position: after
+      js_prevent_submit: true
+      count_only_mode: false
+      count_html_characters: true
+      textcount_status_message: '<span class="remaining_count">@remaining_count</span> characters remaining.'
     third_party_settings: {  }
   field_phone_number_type:
     type: options_select
     weight: 0
     region: content
     settings: {  }
     third_party_settings: {  }
+  translation:
+    weight: 10
+    region: content
+    settings: {  }
+    third_party_settings: {  }
 hidden:
   created: true
   status: true
diff --git a/config/sync/field.field.paragraph.phone_number.field_phone_extension.yml b/config/sync/field.field.paragraph.phone_number.field_phone_extension.yml
@@ -7,16 +7,19 @@ dependencies:
     - paragraphs.paragraphs_type.phone_number
   module:
     - epp
+    - tmgmt_content
 third_party_settings:
   epp:
     value: ''
     on_update: 1
+  tmgmt_content:
+    excluded: false
 id: paragraph.phone_number.field_phone_extension
 field_name: field_phone_extension
 entity_type: paragraph
 bundle: phone_number
 label: 'Extension number'
-description: 'Enter only numbers'
+description: 'Enter only numbers.'
 required: false
 translatable: true
 default_value: {  }

diff --git a/config/sync/field.field.paragraph.phone_number.field_phone_label.yml b/config/sync/field.field.paragraph.phone_number.field_phone_label.yml
@@ -7,16 +7,19 @@ dependencies:
     - paragraphs.paragraphs_type.phone_number
   module:
     - epp
+    - tmgmt_content
 third_party_settings:
   epp:
     value: ''
     on_update: 1
+  tmgmt_content:
+    excluded: false
 id: paragraph.phone_number.field_phone_label
 field_name: field_phone_label
 entity_type: paragraph
 bundle: phone_number
 label: Label
-description: 'Use a label to indicate what office, department, or program can be reached here.'
+description: 'Enter what office, department, or program can be reached with this number.'
 required: true
 translatable: true
 default_value: {  }

diff --git a/config/sync/field.field.paragraph.phone_number.field_phone_number.yml b/config/sync/field.field.paragraph.phone_number.field_phone_number.yml
@@ -5,12 +5,17 @@ dependencies:
   config:
     - field.storage.paragraph.field_phone_number
     - paragraphs.paragraphs_type.phone_number
+  module:
+    - tmgmt_content
+third_party_settings:
+  tmgmt_content:
+    excluded: false
 id: paragraph.phone_number.field_phone_number
 field_name: field_phone_number
 entity_type: paragraph
 bundle: phone_number
 label: 'Phone number'
-description: 'Use format: 123-456-7890'
+description: 'Use the format 123-456-7890.'
 required: true
 translatable: true
 default_value: {  }

diff --git a/config/sync/field.field.paragraph.phone_number.field_phone_number_type.yml b/config/sync/field.field.paragraph.phone_number.field_phone_number_type.yml
@@ -7,12 +7,16 @@ dependencies:
     - paragraphs.paragraphs_type.phone_number
   module:
     - options
+    - tmgmt_content
+third_party_settings:
+  tmgmt_content:
+    excluded: false
 id: paragraph.phone_number.field_phone_number_type
 field_name: field_phone_number_type
 entity_type: paragraph
 bundle: phone_number
 label: Type
-description: ''
+description: 'Choose a phone number type.'
 required: true
 translatable: false
 default_value: