kupshop/admin/static/js/ajax-chosen.js

// Generated by CoffeeScript 1.10.0
(function($) {
   var ajaxChosen, defaultOptions;
   defaultOptions = {
      minTermLength: 3,
      afterTypeDelay: 500,
      jsonTermKey: 'term',
      keepTypingMsg: 'Keep typing...',
      lookingForMsg: 'Looking for'
   };
   return ajaxChosen = (function() {
      function ajaxChosen(element1, settings, callback, chosenOptions) {
         var chosenXhr;
         this.element = element1;
         chosenXhr = null;
         this.callback_function = callback;
         this.options = $.extend({}, defaultOptions, this.element.data(), settings);
         this.success = settings.success;
         this.element.chosen(chosenOptions ? chosenOptions : {});
         this.search_field = this.element.next('.chosen-container').find('.search-field > input, .chosen-search > input');
         this.is_typing = false;
         this.register_observers();
      }

      ajaxChosen.prototype.register_observers = function() {
         this.search_field.on('compositionstart', (function(_this) {
            return function(evt) {
               _this.is_typing = true;
            };
         })(this));
         this.search_field.on('compositionend', (function(_this) {
            return function(evt) {
               _this.is_typing = false;
               _this.update_list(evt);
            };
         })(this));
         this.search_field.keyup((function(_this) {
            return function(evt) {
               _this.update_list(evt);
            };
         })(this));
         return this.search_field.focus((function(_this) {
            return function(evt) {
               _this.search_field_focused(evt);
            };
         })(this));
      };

      ajaxChosen.prototype.search_field_focused = function(evt) {
         if (this.options.minTermLength === 0 && this.search_field.val().length === 0) {
            return this.update_list(evt);
         }
      };

      ajaxChosen.prototype.update_list = function(evt) {
         var _this, msg, options, val;
         if (this.is_typing) {
            return;
         }
         val = $.trim(this.search_field.val());
         msg = val.length < this.options.minTermLength ? this.options.keepTypingMsg : this.options.lookingForMsg + (' \'' + val + '\'');
         this.element.next('.chosen-container').find('.no-results').text(msg);
         if (val === this.search_field.data('prevVal')) {
            return false;
         }
         this.search_field.data('prevVal', val);
         if (this.timer) {
            clearTimeout(this.timer);
         }
         if (val.length < this.options.minTermLength) {
            return false;
         }
         if (this.options.data == null) {
            this.options.data = {};
         }
         this.options.data[this.options.jsonTermKey] = val;
         if (this.options.dataCallback != null) {
            this.options.data = this.options.dataCallback(this.options.data);
         }
         _this = this;
         options = this.options;

         const cacheKey = options.url + `${options?.data?.term ? '&term=' + options.data.term : ''}`;

         options.success = function(data) {
            if (!window.chosenCache || !window.chosenCache?.[cacheKey]) {
               window.chosenCache = { ...window.chosenCache, [cacheKey]: JSON.stringify(data) };
            }
            return _this.show_results(data);
         };

         if (window.chosenCache?.[cacheKey]) {
            return _this.show_results(JSON.parse(window.chosenCache[cacheKey]));
         }

         return this.timer = setTimeout(function() {
            if (_this.chosenXhr) {
               _this.chosenXhr.abort();
            }
            return _this.chosenXhr = $.ajax(options);
         }, options.afterTypeDelay);
      };

      ajaxChosen.prototype.show_results = function(data) {
         var _this, items, nbItems, selected_values, val_before_trigger;
         if (this.is_typing) {
            return;
         }
         if (data == null) {
            return;
         }
         items = this.callback_function != null ? this.callback_function(data, this.search_field) : data;
         if (!items.length) {
            this.element.data().chosen.no_results_clear();
            this.element.data().chosen.no_results(this.search_field.val());
            return;
         }

         function getValAndText(i, element) {
            let text, value;
            if (typeof element === 'string') {
               value = i;
               text = element;
            } else {
               value = element.value;
               text = element.text;
            }
            return { text, value };
         }

         selected_values = [];

         let selectedItems = this.element.find('option:selected');
         const selected = [];
         if (selectedItems.length) {
            selected_values = Array.from(selectedItems).map((select) => (`${$(select).val()}-${$(select).text()}`));

            Array.from(selectedItems).forEach((select) => {
               const selectVal = $(select).val();
               const selectText = $(select).text();
               const itemInItems = items.find((element) => {
                  return element.value.toString() === selectVal && element.text === selectText;
               });
               if (!itemInItems) {
                  selected.push({ value: $(select).val(), text: $(select).text() });
               }
            });
         }

         this.element.empty();

         this.element.find('optgroup:empty').each(function() {
            return $(this).remove();
         });

         nbItems = 0;
         _this = this;
         items = [...selected, ...items];
         $.each(items, function(i, element) {
            var group, text, value;
            nbItems++;
            if (element.group) {
               group = _this.element.find('optgroup[label=\'' + element.text + '\']');
               if (!group.size()) {
                  group = $('<optgroup />');
               }
               group.attr('label', element.text).appendTo(_this.element);
               return $.each(element.items, function(i, element) {
                  let { text, value } = getValAndText(i, element);
                  group.append($('<option>', {
                     value: value,
                     text: text,
                     selected: selected_values.includes(`${value}-${text}`)
                  }));
               });
            } else {
               let { text, value } = getValAndText(i, element);
               _this.element.append($('<option>', {
                  value: value,
                  text: text,
                  selected: selected_values.includes(`${value}-${text}`)
               }));
            }
         });

         val_before_trigger = this.search_field.val();

         this.element.trigger('chosen:updated');

         this.search_field.val(val_before_trigger);
         if (this.success != null) {
            return this.success(data);
         }
      };

      $.fn.ajaxChosen = function(options, callback, chosenOptions) {
         if (options == null) {
            options = {};
         }
         if (chosenOptions == null) {
            chosenOptions = {};
         }

         function response(data) {
            var chunk = data.splice(0, 20);

            chunk.forEach(function(el) {
               return new ajaxChosen($(el), options, callback, chosenOptions);
            });

            if (data.length > 0) {
               setTimeout(function() {
                  response(data);
               }, 0);
            }
         }

         return response(this.toArray());
      };

      return ajaxChosen;

   })();
})(jQuery);