Merge pull request #362 from itk-dev/hotfix/minor-changes-after-d10

Update share form

Author: martinyde

CHANGELOG.md

@@ -8,6 +8,10 @@ Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
 
+- [PR-362](https://github.com/itk-dev/os2loop/pull/362)
+  - Change Share with a friend form
+  - Add chosen lib
+  - Use chosen lib for profession and expertise fields
 - [PR-361](https://github.com/itk-dev/os2loop/pull/361)
   Added local OIDC server-mock
 

composer.json

@@ -13,6 +13,7 @@
         "drupal/autocomplete_deluxe": "^2.0",
         "drupal/better_formats": "^1.0@beta",
         "drupal/block_field": "^1.0@RC",
+        "drupal/chosen": "^4.0",
         "drupal/color": "^1.0",
         "drupal/config_ignore": "^2.4",
         "drupal/convert_media_tags_to_markup": "^3.0",
@@ -57,7 +58,8 @@
         "drupal/views_flag_refresh": "^1.0",
         "drupal/viewsreference": "^2.0@beta",
         "drupal/xls_serialization": "^1.3",
-        "drush/drush": "^12.2"
+        "drush/drush": "^12.2",
+        "jjj/chosen": "2.2.1"
     },
     "require-dev": {
         "dealerdirect/phpcodesniffer-composer-installer": "^1.0",
@@ -82,6 +84,19 @@
             "url": "https://packages.drupal.org/8",
             "canonical": false
         },
+        "chosen": {
+            "type": "package",
+            "package": {
+                "name": "jjj/chosen",
+                "type": "drupal-library",
+                "version": "2.2.1",
+                "source": {
+                    "type": "git",
+                    "url": "https://github.com/JJJ/chosen.git",
+                    "reference": "2.2.1"
+                }
+            }
+        },
         "drupal/theme_switcher": {
             "type": "vcs",
             "url": "https://git.drupalcode.org/project/theme_switcher"

composer.lock

@@ -0,0 +1,18 @@
+_core:
+  default_config_hash: OHFGY8dygN7xT4c0vdvK-HmdGFN61Sww_KLKfBkIrWc
+minimum_single: 20
+minimum_multiple: 20
+disable_search_threshold: 0
+minimum_width: 0
+use_relative_width: false
+jquery_selector: 'select:visible'
+search_contains: false
+disable_search: false
+allow_single_deselect: false
+add_helper_buttons: false
+placeholder_text_multiple: 'Choose some options'
+placeholder_text_single: 'Choose an option'
+no_results_text: 'No results match'
+max_shown_results: null
+disabled_themes: {  }
+chosen_include: 2

config/sync/chosen.settings.yml

@@ -20,7 +20,7 @@ dependencies:
     - field.field.user.user.os2loop_user_postal_code
     - field.field.user.user.os2loop_user_professions
   module:
-    - autocomplete_deluxe
+    - chosen_field
     - field_group
     - inline_entity_form
     - user
@@ -123,21 +123,10 @@ content:
       placeholder: ''
     third_party_settings: {  }
   os2loop_user_areas_of_expertise:
-    type: autocomplete_deluxe
+    type: chosen_select
     weight: 20
     region: content
-    settings:
-      match_operator: CONTAINS
-      autocomplete_route_name: autocomplete_deluxe.autocomplete
-      size: 60
-      selection_handler: default
-      min_length: 0
-      delimiter: ''
-      not_found_message_allow: false
-      not_found_message: "The term '@term' will be added"
-      new_terms: false
-      no_empty_message: 'No terms could be found. Please type in order to add a new term.'
-      match_limit: '0'
+    settings: {  }
     third_party_settings: {  }
   os2loop_user_biography:
     type: string_textarea
@@ -180,9 +169,14 @@ content:
       override_labels: false
       label_singular: ''
       label_plural: ''
+      allow_new: true
+      hide_fieldset: false
+      hide_title: false
       collapsible: false
       collapsed: false
       revision: false
+      config_labels_button: _none
+      labels: {  }
     third_party_settings: {  }
   os2loop_user_job_title:
     type: string_textfield
@@ -217,21 +211,10 @@ content:
       placeholder: ''
     third_party_settings: {  }
   os2loop_user_professions:
-    type: autocomplete_deluxe
+    type: chosen_select
     weight: 30
     region: content
-    settings:
-      match_operator: CONTAINS
-      autocomplete_route_name: autocomplete_deluxe.autocomplete
-      size: 60
-      selection_handler: default
-      min_length: 0
-      delimiter: ''
-      not_found_message_allow: false
-      not_found_message: "The term '@term' will be added"
-      new_terms: false
-      no_empty_message: 'No terms could be found. Please type in order to add a new term.'
-      match_limit: '0'
+    settings: {  }
     third_party_settings: {  }
 hidden:
   langcode: true

config/sync/core.entity_form_display.user.user.default.yml

@@ -5,6 +5,9 @@ module:
   block: 0
   block_field: 0
   breakpoint: 0
+  chosen: 0
+  chosen_field: 0
+  chosen_lib: 0
   ckeditor5: 0
   comment: 0
   config_filter: 0

config/sync/core.extension.yml

@@ -0,0 +1,3 @@
+placeholder_text_multiple: Vælg
+placeholder_text_single: Vælg
+no_results_text: 'Intet resultat'

config/sync/language/da/chosen.settings.yml

@@ -92,26 +92,36 @@ public function buildForm(array $form, FormStateInterface $form_state) {
     /** @var \Drupal\node\NodeInterface $node */
     $node = $this->routeMatcher->getParameter('node');
 
-    $form['title'] = [
+    $form['wrapper'] = [
+      '#type' => 'container',
+      '#attributes' => ['class' => ['container', 'col-6']],
+    ];
+
+    $form['wrapper']['title'] = [
       '#type' => 'page_title',
       '#title' => $this->t('Share the following with a friend: @document', ['@document' => $node->label()]),
     ];
 
-    $form['message'] = [
-      '#type' => 'textarea',
-      '#title' => $this->t('Message'),
-      '#description' => $this->t('Write a message to the recipient'),
+    $form['wrapper']['to_email'] = [
+      '#type' => 'email',
       '#required' => TRUE,
+      '#title' => $this->t('Email address of recipient'),
+      '#attributes' => [
+        'class' => [
+          'form-control',
+        ],
+      ],
     ];
 
-    $form['to_email'] = [
-      '#type' => 'email',
+    $form['wrapper']['message'] = [
+      '#type' => 'textarea',
+      '#title' => $this->t('Message'),
+      '#description' => $this->t('Write a message to the recipient'),
       '#required' => TRUE,
-      '#title' => $this->t('Email address of recipient'),
     ];
 
-    $form['actions']['#type'] = 'actions';
-    $form['actions']['submit'] = [
+    $form['wrapper']['actions']['#type'] = 'actions';
+    $form['wrapper']['actions']['submit'] = [
       '#type' => 'submit',
       '#value' => $this->t('Send'),
       '#attributes' => [
@@ -120,7 +130,7 @@ public function buildForm(array $form, FormStateInterface $form_state) {
         ],
       ],
     ];
-    $form['actions']['cancel'] = [
+    $form['wrapper']['actions']['cancel'] = [
       '#type' => 'link',
       '#url' => $node->toUrl(),
       '#title' => $this->t('Cancel'),