dzeio/FormManager
1
0
Fork 0
mirror of https://github.com/dzeiocom/FormManager.git synced 2025-04-23 11:22:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

updated FileInput

Browse Source
This commit is contained in:
Florian Bouillon 2019-11-15 11:15:23 +01:00
parent 0d743b30a3
commit b357183587
No known key found for this signature in database
GPG Key ID: B143FF27EF555D16
1 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/modules/FileInput.ts
View File

@ -1,6 +1,7 @@
import FormManager from '../FormManager'; import FormManager from '../FormManager';
import DefaultInput from './DefaultInput'; import DefaultInput from './DefaultInput';
import InputIdentity from './Interfaces/InputIdentity'; import InputIdentity from './Interfaces/InputIdentity';
import { evalF } from '../Functions';
/** /**
* *
@ -11,7 +12,7 @@ export default class FileInput extends DefaultInput {
isUploaded = false isUploaded = false
type = 1 type: number|string = 1
@ -20,7 +21,7 @@ export default class FileInput extends DefaultInput {
constructor(element: HTMLElement, form: FormManager) { constructor(element: HTMLElement, form: FormManager) {
super(element, form) super(element, form)
this.type = this.element.dataset.uploadType ? parseInt(this.element.dataset.uploadType): 1 this.type = this.element.dataset.uploadType ? this.element.dataset.uploadType: 1
element.addEventListener("change", () => { element.addEventListener("change", () => {
console.log("pouet") console.log("pouet")
@ -60,12 +61,6 @@ export default class FileInput extends DefaultInput {
let form = new FormData let form = new FormData
form.append(this.getName(), file, file.name) form.append(this.getName(), file, file.name)
ajax.open("POST", `/api/file?upload&type=${this.type}`) ajax.open("POST", `/api/file?upload&type=${this.type}`)
ajax.addEventListener("load", (ev) => {
console.log(ev)
})
ajax.addEventListener("progress", (ev) => {
console.log(ev)
})
ajax.addEventListener("loadstart", () => { ajax.addEventListener("loadstart", () => {
if (this.button) this.button.classList.add("is-loading") if (this.button) this.button.classList.add("is-loading")
if (!this.element.hasAttribute("disabled")) { if (!this.element.hasAttribute("disabled")) {
@ -81,7 +76,9 @@ export default class FileInput extends DefaultInput {
} }
if (this.button) this.button.innerText = "Uploaded!" if (this.button) this.button.innerText = "Uploaded!"
this.element.dataset.id = JSON.parse(ajax.responseText).id this.element.dataset.id = JSON.parse(ajax.responseText).id
ajax.responseText if (this.element.hasAttribute("data-on-upload")) {
evalF(this.element.dataset.onUpload)
}
}) })
ajax.send(form) ajax.send(form)
} }