Sha256: daad5f1411059ecac8b478b60c860f0aa53727e30a3e66e45f2785dfba01d96d
Contents?: true
Size: 1.48 KB
Versions: 16
Compression:
Stored size: 1.48 KB
Contents
import { Controller } from "@hotwired/stimulus"
import { get } from "https://cdn.skypack.dev/@rails/request.js@0.0.11"
import TomSelect from "https://cdn.skypack.dev/tom-select@2.3.1"
export default class extends Controller {
static values = { url: String, optionCreate: { type: String, default: "Add" }, noResults: { type: String, default: "No results found" } }
initialize() {
this.load = this.load.bind(this)
}
connect() {
if (this.element.nodeName === "INPUT") {
this.tomSelect = new TomSelect(this.element, this.#inputSettings)
} else {
this.tomSelect = new TomSelect(this.element, this.#selectSettings)
}
}
disconnect() {
this.tomSelect.destroy()
}
async load(query, callback) {
const response = await get(this.urlValue, { responseKind: "json", query: { q: query } })
const jsonResponse = await response.json
callback(jsonResponse)
}
get #inputSettings() {
return { render: this.#render, load: this.#loadSetting, persist: false, createOnBlur: true, create: true }
}
get #selectSettings() {
return { render: this.#render, load: this.#loadSetting }
}
get #render() {
return {
option_create: (data, escape) => {
return `<div class="create">${this.optionCreateValue} <b>${escape(data.input)}</b>...</div>`
},
no_results: () => {
return `<div class="no-results">${this.noResultsValue}</div>`
}
}
}
get #loadSetting() {
return this.hasUrlValue && this.load
}
}
Version data entries
16 entries across 16 versions & 1 rubygems