filmroellchen/intro-outro-generator
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

intial commit

Browse source
This commit is contained in:
Janik H 2022-10-31 19:44:51 +01:00
parent 082a4f359f
commit de0022a65a
1407 changed files with 669 additions and 2026876 deletions
Download patch file Download diff file Expand all files Collapse all files

45
frontend/index.html Normal file
View file

@ -0,0 +1,45 @@
<body>
<h1>C3VOC-Intro-Outro-Generator</h1>
<form id="myForm" action="http://127.0.0.1:8000/generate/">
<input name="schedule" type="text">
<input name="intro" type="file">
<input name="outro" type="file">
<input type="submit">
</form>
<div id="result">result will appear here</div>
<a href="/images/myw3schoolsimage.jpg" download>
</body>
<script>
function download(id){
}
function getStatus(id){
setInterval(function(){
fetch("http://127.0.0.1:8000/progress/") // Any output from the script will go to the "result" div
.then(response => response.text())
.catch(error => document.getElementById("result").innerHTML = error)
.then(response => document.getElementById("result").innerHTML = response)
}, 1000); // Poll every 1000ms
}
var form = document.getElementById('myForm');
form.onsubmit = async (e) => {
e.preventDefault();
const form = e.currentTarget;
const url = form.action;
try {
const formData = new FormData(form);
const response = await fetch(url, {
method: 'POST',
body: formData
});
console.log(response);
getStatus(response.id);
} catch (error) {
console.error(error);
}
}
</script>