blob: f5353389eff877b18631c4d4cc918417c93c4637 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
|
import { DirectUploadsController } from "./direct_uploads_controller"
import { findElement } from "./helpers"
const processingAttribute = "data-direct-uploads-processing"
const submitButtonsByForm = new WeakMap
let started = false
export function start() {
if (!started) {
started = true
document.addEventListener("click", didClick, true)
document.addEventListener("submit", didSubmitForm)
document.addEventListener("ajax:before", didSubmitRemoteElement)
}
}
function didClick(event) {
const { target } = event
if (target.tagName == "INPUT" && target.type == "submit" && target.form) {
submitButtonsByForm.set(target.form, target)
}
}
function didSubmitForm(event) {
handleFormSubmissionEvent(event)
}
function didSubmitRemoteElement(event) {
if (event.target.tagName == "FORM") {
handleFormSubmissionEvent(event)
}
}
function handleFormSubmissionEvent(event) {
const form = event.target
if (form.hasAttribute(processingAttribute)) {
event.preventDefault()
return
}
const controller = new DirectUploadsController(form)
const { inputs } = controller
if (inputs.length) {
event.preventDefault()
form.setAttribute(processingAttribute, "")
inputs.forEach(disable)
controller.start(error => {
form.removeAttribute(processingAttribute)
if (error) {
inputs.forEach(enable)
} else {
submitForm(form)
}
})
}
}
function submitForm(form) {
let button = submitButtonsByForm.get(form) || findElement(form, "input[type=submit]")
if (button) {
const { disabled } = button
button.disabled = false
button.focus()
button.click()
button.disabled = disabled
} else {
button = document.createElement("input")
button.type = "submit"
button.style.display = "none"
form.appendChild(button)
button.click()
form.removeChild(button)
}
submitButtonsByForm.delete(form)
}
function disable(input) {
input.disabled = true
}
function enable(input) {
input.disabled = false
}
|
