mirror of
https://github.com/manyfold3d/manyfold.git
synced 2026-10-23 12:12:21 -05:00
22 lines
958 B
TypeScript
22 lines
958 B
TypeScript
import { Controller } from '@hotwired/stimulus'
|
|
|
|
// Connects to data-controller="parse-preview"
|
|
export default class extends Controller {
|
|
parsePreviewFrame: HTMLFrameElement | null
|
|
templateInput: HTMLInputElement | null
|
|
parseMetadataInput: HTMLInputElement | null
|
|
|
|
connect (): void {
|
|
this.parsePreviewFrame = this.element.querySelector('#parse-preview')
|
|
this.templateInput = this.element.querySelector('#library_path_template')
|
|
this.parseMetadataInput = this.element.querySelector('#library_parse_metadata_from_path')
|
|
this.handleChange()
|
|
}
|
|
|
|
handleChange (): void {
|
|
if ((this.parsePreviewFrame != null) && (this.templateInput != null) && (this.parseMetadataInput != null) && this.parsePreviewFrame.dataset.src != null) {
|
|
this.parsePreviewFrame.src = `${this.parsePreviewFrame.dataset.src}?template=${encodeURIComponent(this.templateInput.value)}&enabled=${this.parseMetadataInput.checked ? 'true' : 'false'}`
|
|
}
|
|
}
|
|
}
|