Apple-2-Tools/sendalo
1
0
Fork 0
mirror of https://github.com/datajerk/sendalo.git synced 2024-06-07 09:29:31 +00:00
Code Issues Projects Releases Wiki Activity

Minor interface things, and disk formatting

Browse Source
This commit is contained in:
Federico Santandrea 2020-06-17 11:05:36 +02:00
parent a856a794d0
commit 150b1e9be4
1 changed files with 38 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
sendalo.html.tpl
View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
<title>Sendalo</title> <title>Sendalo</title>
@ -47,6 +47,7 @@
input#url { input#url {
width: 300px; width: 300px;
font-size: 1.1em;
max-width: 90%; max-width: 90%;
} }
@ -70,6 +71,10 @@
text-align: center; text-align: center;
} }
#audio {
display: none;
}
#playbutton { #playbutton {
width: 10em; width: 10em;
height: 2em; height: 2em;
@ -104,6 +109,13 @@
xhr.send("url=" + encodeURI(requestURL)); xhr.send("url=" + encodeURI(requestURL));
} }
var pb = document.getElementById('playbutton');
pb.value = 'Please wait...';
pb.enabled = false;
document.getElementById('url').enabled = false;
document.getElementById('upload').enabled = false;
document.getElementById('format').enabled = false;
} }
function downloadComplete(what) { function downloadComplete(what) {
@ -122,12 +134,35 @@
audio = document.getElementById('audio'); audio = document.getElementById('audio');
source = document.getElementById('source'); source = document.getElementById('source');
source.src = u; source.src = u;
document.getElementById('playbutton').style.display = 'none';
audio.style.display = 'block';
audio.load(); audio.load();
audio.play(); audio.play();
} }
function displayError() { function displayError() {
alert('Error: only 140K DOS-order images are supported for now. That doesn\'t look like one.'); alert('Error: only 140K DOS-order images are supported for now. That doesn\'t look like one.');
var pb = document.getElementById('playbutton');
pb.value = 'Play!';
pb.enabled = false;
document.getElementById('url').enabled = true;
document.getElementById('upload').enabled = true;
document.getElementById('format').enabled = true;
}
function resetFile() {
document.getElementById('fc').innerHTML = '<input type="file" onchange="resetURL()" id="upload" />';
document.getElementById('url').placeholder = 'https://...';
}
function resetURL() {
var txt = document.getElementById('url');
txt.value='';
txt.placeholder = '-- uploaded file --';
} }
</script> </script>
</head> </head>
@ -140,11 +175,10 @@
<main> <main>
<form> <form>
<input type="text" placeholder="https://www.apple.asimov.net/images/masters/Apple%20DOS%203.3%20January%201983.dsk" id="url"/><br/> <input type="text" onkeypress="resetFile()" placeholder="https://..." id="url"/><br/>
<input type="file" id="upload" /><br/> <div id="fc"><input type="file" onchange="resetURL()" id="upload" /></div><br/>
<input id="format" type="checkbox"><label for="format"><small>Format disk?</small></label><br/><br/> <input id="format" type="checkbox"><label for="format"><small>Format disk?</small></label><br/><br/>
<input type="button" id="playbutton" value="Play!" onclick="downloadFile()"/><br/> <input type="button" id="playbutton" value="Play!" onclick="downloadFile()"/><br/>
</form> </form>
<div id="audiopad"> <div id="audiopad">