mirror of
https://github.com/datajerk/sendalo.git
synced 2024-09-27 05:54:34 +00:00
Minor interface things, and disk formatting
This commit is contained in:
parent
a856a794d0
commit
150b1e9be4
@ -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">
|
||||||
|
Loading…
Reference in New Issue
Block a user