templates/bundles/SyliusAdminBundle/Script/_product_auto_complete.html.twig line 1

Open in your IDE?
  1. <script>
  2.     $.fn.extend({
  3.         autoComplete() {
  4.             this.each((idx, el) => {
  5.                 const element = $(el);
  6.                 const criteriaName = element.data('criteria-name');
  7.                 const choiceName = element.data('choice-name');
  8.                 const choiceValue = element.data('choice-value');
  9.                 const autocompleteValue = element.find('input.autocomplete').val();
  10.                 const loadForEditUrl = element.data('load-edit-url');
  12.                 element.dropdown({
  13.                     delay: {
  14.                         search: 250,
  15.                     },
  16.                     forceSelection: false,
  17.                     saveRemoteData: false,
  18.                     apiSettings: {
  19.                         dataType: 'JSON',
  20.                         cache: false,
  21.                         beforeSend(settings) {
  22.                             element.find('.menu').html('');
  24.                             /* eslint-disable-next-line no-param-reassign */
  25.                             settings.data[criteriaName] = settings.urlData.query;
  27.                             const taxonSelectEl = element.parent().parent().find('select');
  28.                             settings.data['taxonCode'] = taxonSelectEl.val();
  30.                             return settings;
  31.                         },
  32.                         onResponse(response) {
  33.                             let results = response.map(item => ({
  34.                                 name: item[choiceName],
  35.                                 value: item[choiceValue],
  36.                             }));
  38.                             if (!element.hasClass('multiple')) {
  39.                                 results.unshift({
  40.                                     name: '&nbsp;',
  41.                                     value: '',
  42.                                 });
  43.                             }
  45.                             return {
  46.                                 success: true,
  47.                                 results: results,
  48.                             };
  49.                         },
  50.                     },
  51.                 });
  53.                 if (autocompleteValue.split(',').filter(String).length > 0) {
  54.                     const menuElement = element.find('div.menu');
  56.                     menuElement.api({
  57.                         on: 'now',
  58.                         method: 'GET',
  59.                         url: loadForEditUrl,
  60.                         beforeSend(settings) {
  61.                             /* eslint-disable-next-line no-param-reassign */
  62.                             settings.data[choiceValue] = autocompleteValue.split(',').filter(String);
  64.                             return settings;
  65.                         },
  66.                         onSuccess(response) {
  67.                             response.forEach((item) => {
  68.                                 menuElement.append((
  69.                                     $(`<div class="item" data-value="${item[choiceValue]}">${item[choiceName]}</div>`)
  70.                                 ));
  71.                             });
  73.                             element.dropdown('refresh');
  74.                             element.dropdown('set selected', element.find('input.autocomplete').val().split(',').filter(String));
  75.                         },
  76.                     });
  77.                 }
  78.             });
  79.         },
  80.     });
  82.     $('.sylius-autocomplete').autoComplete();
  83. </script>