diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2017-07-19 02:06:56 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2017-07-19 02:06:56 +0200 |
| commit | 2f2c1ef4029dee17be0d16acdd60b7d1718d519f (patch) | |
| tree | 61e982c3a5bc6e8de8feddf423b8aeee72aa0c95 /client/components/Browser/Files/Files.jsx | |
| parent | 64e8c03dea044752bf3f2f228462721fe565f950 (diff) | |
refactor file browser stuff
Diffstat (limited to 'client/components/Browser/Files/Files.jsx')
| -rw-r--r-- | client/components/Browser/Files/Files.jsx | 81 |
1 files changed, 0 insertions, 81 deletions
diff --git a/client/components/Browser/Files/Files.jsx b/client/components/Browser/Files/Files.jsx deleted file mode 100644 index c4df74d..0000000 --- a/client/components/Browser/Files/Files.jsx +++ /dev/null @@ -1,81 +0,0 @@ -import { h, Component } from 'preact' - -import { audioPlayFile } fromĀ '../../../actions' - -import client from '../../../client.js' - -import FileUploadButton from './FileUploadButton.jsx' -import FileLink from '../../../containers/fileLink.js' -import TaskContentLink from '../../../containers/taskContentLink.js' -import TaskStyleLink from '../../../containers/taskStyleLink.js' - -export default class Files extends Component { - constructor(props) { - super() - this.state = { - selected: null, - } - this.addFiles = this.addFiles.bind(this) - } - addFiles(newFiles) { - if (! newFiles) return - this.props.addFiles( newFiles ) - } - handleClick(file) { - this.setState({ selected: file }) - } - render() { - let file_list; - if (this.props.folder && this.props.folder.files) { - file_list = this.props.folder.files - } - else { - file_list = [] - } - const files = file_list.map(toFilenamePair).sort(sortByFilename).map(fromPair).map( (file, i) => { - if (! file) return - return ( - <div key={i} class={this.state.selected === file ? 'selected' : ''}> - <span class='name'><FileLink file={file}>{file.name}</FileLink></span> - <span class='mime'>{file.processed ? file.mime : 'working...'}</span> - <span class='duration'>{file.duration ? (file.duration.toFixed(1) + 's') : ''}</span> - <span class='actions'> - <TaskContentLink file={file}>content</TaskContentLink> - <TaskStyleLink file={file}>style</TaskStyleLink> - </span> - </div> - ) - }) - return ( - <div class='window'> - <div class='heading'> - <b>{this.props.folder.name}</b> - <div class='buttons'> - <FileUploadButton folder={this.props.folder} addFiles={this.addFiles} /> - <button onClick={this.props.onClose}>×</button> - </div> - </div> - <div class='list'> - {files} - </div> - </div> - ) - } -} - -function toFilenamePair (file) { return [file.name.toLowerCase(), file] } -function sortByFilename (a,b) { return a[0] < b[0] ? -1 : a[0] == b[0] ? 0 : 1 } -function fromPair (pair) { return pair[1] } - -function filepath (file) { - return '/data/' + file.folder_id + '/' + encodeURIComponent(file.name) -} -function mp3path (file) { - if (file.mime !== 'audio/mp3') { - return filepath(file) + '.mp3' - } - return filepath(file) -} -function pngpath (file) { - return filepath(file) + '.png' -}
\ No newline at end of file |
