Merged in feature/BKL-93-RemoveIdFromAutocompleteInput (pull request #63)

Feature/BKL-93-RemoveIdFromAutocompleteInput

Author: AndreasEngelmark

config/sync/core.entity_form_display.node.os2loop_question.default.yml

@@ -92,19 +92,12 @@ content:
     weight: 8
   os2loop_shared_subject:
     settings:
-      match_limit: '0'
-      min_length: 0
-      delimiter: ''
-      not_found_message: 'The term ''@term'' will be added'
-      no_empty_message: 'No terms could be found. Please type in order to add a new term.'
-      not_found_message_allow: false
-      new_terms: false
       match_operator: CONTAINS
-      autocomplete_route_name: autocomplete_deluxe.autocomplete
+      match_limit: 10
       size: 60
-      selection_handler: default
+      placeholder: ''
     third_party_settings: {  }
-    type: autocomplete_deluxe
+    type: entity_reference_autocomplete
     region: content
     weight: 7
   os2loop_shared_tags:

config/sync/language/da/views.view.os2loop_search_db.yml

@@ -3,9 +3,6 @@ display:
     display_options:
       pager:
         options:
-          tags:
-            first: '« Første'
-            last: 'Sidste »'
           expose:
             items_per_page_options_all_label: '- Alle -'
       filters:

config/sync/views.view.os2loop_search_db.yml

@@ -51,10 +51,10 @@ display:
           id: 0
           total_pages: null
           tags:
-            previous: ‹‹
-            next: ››
-            first: '« First'
-            last: 'Last »'
+            previous: '<'
+            next: '>'
+            first: ''
+            last: ''
           expose:
             items_per_page: false
             items_per_page_label: 'Items per page'

web/profiles/custom/os2loop/modules/os2loop_question/assets/js/hideReferenceIds.js

@@ -0,0 +1,54 @@
+(function ($, Drupal) {
+    'use strict';
+  
+    /**
+     * Remove entity reference ID from "entity_autocomplete" field.
+     *
+     * @type {{attach: Drupal.behaviors.autocompleteReferenceEntityId.attach}}
+     */
+    Drupal.behaviors.autocompleteReferenceEntityId = {
+      attach: function (context) {
+        // Remove reference IDs for autocomplete elements on init.
+        $('.form-autocomplete', context).once('replaceReferenceIdOnInit').each(function () {
+          let splitValues = (this.value && this.value !== 'false') ?
+            Drupal.autocomplete.splitValues(this.value) : [];
+  
+          if (splitValues.length > 0) {
+            let labelValues = [];
+            for (let i in splitValues) {
+              let value = splitValues[i].trim();
+              let entityIdMatch = value.match(/\s*\((.*?)\)$/);
+              if (entityIdMatch) {
+                labelValues[i] = value.replace(entityIdMatch[0], '');
+              }
+            }
+  
+            if (labelValues.length > 0) {
+              $(this).data('real-value', splitValues.join(', '));
+              this.value = labelValues.join(', ');
+            }
+          }
+        });
+      }
+    };
+  
+    let autocomplete = Drupal.autocomplete.options;
+    autocomplete.originalValues = [];
+    autocomplete.labelValues = [];
+  
+    /**
+     * Add custom select handler.
+     */
+    autocomplete.select = function (event, ui) {
+      autocomplete.labelValues = Drupal.autocomplete.splitValues(event.target.value);
+      autocomplete.labelValues.pop();
+      autocomplete.labelValues.push(ui.item.label);
+      autocomplete.originalValues.push(ui.item.value);
+  
+      $(event.target).data('real-value', autocomplete.originalValues.join(', '));
+      event.target.value = autocomplete.labelValues.join(', ');
+  
+      return false;
+    }
+  
+  })(jQuery, Drupal);

web/profiles/custom/os2loop/modules/os2loop_question/os2loop_question.libraries.yml

@@ -0,0 +1,6 @@
+hide-reference-ids:
+  version: 1.x
+  js:
+    assets/js/hideReferenceIds.js: {}
+  dependencies:
+    - core/jquery

web/profiles/custom/os2loop/modules/os2loop_question/src/Helper/Helper.php

@@ -87,6 +87,10 @@ private function handleTextFormats(array &$form, FormStateInterface $form_state,
    *   The id of the the form.
    */
   private function alterContentForm(array &$form, FormStateInterface $form_state, string $form_id) {
+    // Hide reference ids for autocomplete components.
+    $form['#attached']['library'][] = 'os2loop_question/hide-reference-ids';
+
+    // Handle anonymous author setting.
     $allowAnonymousAuthor = (bool) $this->config->get('allow_anonymous_question_author');
     if (!$allowAnonymousAuthor) {
       $form['os2loop_content_anonymous_author']['#access'] = FALSE;