Sha256: d99c071b21fda202acceab97a13bc0c87119948694ca04f7bde5eb2062207c61
Contents?: true
Size: 1.1 KB
Versions: 12
Compression:
Stored size: 1.1 KB
Contents
import { Controller } from "@hotwired/stimulus"
import Sortable from "libraries/sortablejs"
export default class extends Controller {
static get targets() {
return [ "collection", "fields" ]
}
connect() {
this.sortable = Sortable.create(this.collectionTarget, {
animation: 150
})
}
removeImage(event) {
let id = event.currentTarget.dataset.id
let image = document.getElementById(id)
image.parentElement.removeChild(image)
}
handleDone(event) {
let html = this.element.dataset.fields
let range = document.createRange()
range.selectNodeContents(document.body)
let fragment = range.createContextualFragment(html)
fragment.querySelector(`[data-media-picker-target="signedBlobId"]`).value = event.detail.signedBlobId
fragment.querySelector(`[data-media-picker-target="filename"]`).value = event.detail.filename
fragment.querySelector(`[data-media-picker-target="imageId"]`).value = event.detail.imageId
fragment.querySelector('img').src = event.detail.thumbnail
// Insert fields
this.collectionTarget.appendChild(fragment)
}
}
Version data entries
12 entries across 12 versions & 1 rubygems