meiri/alkator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

progress on progress

Browse Source
This commit is contained in:
Martin Quarda 2024-10-07 12:11:35 +02:00
parent 4bfab41846
commit 1efcc57770
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/scripts/index.js
View File

@ -77,20 +77,20 @@ class Main extends Component {
data: formData, data: formData,
onUploadProgress: ({loaded, total}) => this.setState({uploadProgress: loaded/total}) onUploadProgress: ({loaded, total}) => this.setState({uploadProgress: loaded/total})
} }
).then(resp => resp.json()).then(json => { ).then(({data}) => {
this.setState({progress:false, uploadProgress: 1.0}); this.setState({progress:false, uploadProgress: 1.0});
if(json.reason){ if(data.reason){
this.setState({ this.setState({
text: json.reason, text: data.reason,
status: "failed", status: "failed",
}) })
} else { } else {
this.setState({ this.setState({
text: json.success, text: data.success,
status: "success", status: "success",
}) })
if (json.redirect){ if (data.redirect){
window.open(json.redirect ,"_self") window.open(data.redirect ,"_self")
} }
} }
}); });
@ -162,7 +162,7 @@ class Main extends Component {
<div> <div>
<form id="form" action="/api/upload_files" class="container" onSubmit={(e) => this.onSubmit(e)}> <form id="form" action="/api/upload_files" class="container" onSubmit={(e) => this.onSubmit(e)}>
<label>Zvolte soubory <input type="file" name="files" accept=".jpg,.png,.webp,.webm,.avi,.mkv,.mp4" multiple={true} onChange={(e)=> this.handleChangeFiles.bind(this)(e)}/></label> <label>Zvolte soubory <input type="file" name="files" accept=".jpg,.png,.webp,.webm,.avi,.mkv,.mp4" multiple={true} onChange={(e)=> this.handleChangeFiles.bind(this)(e)}/></label>
<button type="submit" class="btn btn-primary">Nahrát</button> <button type="submit" class="btn btn-primary">Nahrát</button> <b>progress: {this.state.uploadProgress}</b>
</form> </form>
</div>} </div>}
{this.state.page == "#payment" && {this.state.page == "#payment" &&