Contents

import { Controller } from "@hotwired/stimulus"

// Connects to data-controller="input-control-association"
export default class extends Controller {
  connect() {
    var self = this,
        el = self.element;

    if (!$(el).hasClass("select2-hidden-accessible")) {
      $(el).select2({
        dropdownParent: $(el).parent(),
        tags: el.dataset.taggable == 'true',
        createTag: function (tag) {
          return {
              id: tag.term,
              text: tag.term,
              isNew : true
          };
        },
        ajax: {
          url: el.dataset.collectionPath,
          delay: 250,
          minimumInputLength: 2,
          dataType: 'json',
          processResults: function(data) {
            return { results: data.map(function(map) {
              return {
                id: map.id,
                text: map.text || map.name || map.description,
                children: map.children
              };
            }) };
          }
        }
      }).on('select2:select', function (e) {
        let tag = e.params.data;
        if (tag.isNew === true)
        {
          let csrfToken = document.querySelector("[name='csrf-token']").content,
              data = new FormData()
          data.append("authenticity_token", document.querySelector('meta[name="csrf-token"]').content)
          data.append(el.dataset.tagFieldName, tag.text)
          fetch(el.dataset.collectionPath, {
            method: 'POST',
            headers: {
              "X-CSRF-Token": csrfToken,
              Accept: "application/json"
            },
            body: data
          })
          .then(r => r.json())
          .then(function(json) {
            $(el).find(`option[value='${tag.id}']`).each(function(idx, opt) {
              opt.value = json.id
            })
            $(el).select2().trigger('change')
            return true
          })
        }
      })
    }
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
five-two-nw-olivander-0.2.0.11	app/assets/javascripts/controllers/input_control_association_controller.js
five-two-nw-olivander-0.2.0.10	app/assets/javascripts/controllers/input_control_association_controller.js
five-two-nw-olivander-0.2.0.9	app/assets/javascripts/controllers/input_control_association_controller.js