Sha256: e291fc9cc68c6249f6579a5a7083ee91b2d9877623ebe53d1411f4768d625834
Contents?: true
Size: 1.6 KB
Versions: 9
Compression:
Stored size: 1.6 KB
Contents
import { Controller } from '@hotwired/stimulus'
// Used as a custom Stream Action <turbo-stream action="update-belongs-to" />
export default class extends Controller {
static values = {
polymorphic: Boolean,
searchable: Boolean,
targetName: String,
relationName: String
}
beforeStreamRender(event) {
const { relationName } = event.target.dataset
if (event.target.action !== "update-belongs-to" || this.relationNameValue !== relationName) {
return false;
}
event.detail.render = (stream) => {
if (this.searchableValue) {
this.updateSearchable(stream)
} else{
this.updateNonSearchable(stream)
}
};
}
updateSearchable(stream) {
// Update the id component
document.querySelector(`input[name="${this.targetNameValue}"][type="hidden"]`).value = stream.dataset.targetResourceId
// Update the label
document.querySelector(`input[name="${this.targetNameValue}"][type="text"]`).value = stream.dataset.targetResourceLabel
}
updateNonSearchable(stream) {
const select = this.selectorContext(stream).querySelector(`select[name="${this.targetNameValue}"]`)
const option = document.createElement('option')
option.value = stream.dataset.targetResourceId
option.text = stream.dataset.targetResourceLabel
option.selected = true
select.appendChild(option)
}
selectorContext(stream) {
// if polymorphic, search for the select in the correct sub-container
if (this.polymorphicValue) {
return document.querySelector(`[data-type="${stream.dataset.targetResourceClass}"]`)
}
return document
}
}
Version data entries
9 entries across 9 versions & 1 rubygems