1 files changed, 67 insertions, 0 deletions
diff --git a/animism-align/frontend/app/views/editor/media/components/media.formFile.js b/animism-align/frontend/app/views/editor/media/components/media.formFile.js
new file mode 100644
index 0000000..d3b1ae8
--- /dev/null
+++ b/animism-align/frontend/app/views/editor/media/components/media.formFile.js
@@ -0,0 +1,67 @@
+import React, { Component } from 'react'
+import { Link } from 'react-router-dom'
+
+import { session } from 'app/session'
+import actions from 'app/actions'
+import { capitalize } from 'app/utils'
+
+import { TextInput, LabelDescription, Select, TextArea, Checkbox, SubmitButton, Loader, FileInputField } from 'app/common'
+
+export default class MediaFileForm extends Component {
+  state = {
+    img: null,
+  }
+
+  constructor(props) {
+    super(props)
+    this.handleSelect = this.handleSelect.bind(this)
+    this.handleChange = this.handleChange.bind(this)
+    this.handleSettingsChange = this.handleSettingsChange.bind(this)
+    this.handleUpload = this.handleUpload.bind(this)
+  }
+
+  handleChange(e) {
+    const { name, value } = e.target
+    this.handleSelect(name, value)
+  }
+
+  handleSelect(name, value) {
+    this.props.onSelect(name, value)
+  }
+
+  handleSettingsChange(name, value) {
+    this.props.onSettingsChange(name, value)
+  }
+
+  handleUpload(file) {
+    console.log('uploading file')
+    const uploadData = {
+      image: file,
+      tag: "file",
+      username: 'animism',
+    }
+    // uploadData['__image_filename'] = file.filename
+    return actions.upload.upload(uploadData).then(data => {
+      this.handleSettingsChange("file", data.res)
+    })
+  }
+
+  render() {
+    const { data } = this.props
+    console.log(data.settings)
+    return (
+      <div className='fileForm'>
+        <FileInputField
+          title="Upload file"
+          mime="*/*"
+          onChange={this.handleUpload}
+        />
+        {data.settings.file &&
+          <LabelDescription>
+            {data.settings.file.url}
+          </LabelDescription>
+        }
+      </div>
+    )
+  }
+}