Apple-1-Tools
/
apple1js
mirror of https://github.com/whscullin/apple1js.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add drag and drop support.

This commit is contained in:
Will Scullin 2020-07-09 06:11:54 -07:00
parent ebe3821b0f
commit 7a3cff10ec
No known key found for this signature in database
GPG Key ID: 9092A5C0A673416B
2 changed files with 33 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apple1js.html
View File

@ -58,7 +58,9 @@ var tapes = {};
<!-- Web FE -->
</head>
<body>
<body ondragover="Apple1.handleDragOver(event)"
ondrop="Apple1.handleDrop(event)"
ondragend="Apple1.handleDragEnd(event)">
<div style="margin: auto; width: 604px">
<h1 style="font-size: 24px" class="motter">Apple 1js</h1>
<h2 id="subtitle">An Apple 1 Emulator in JavaScript</h2>

34
js/apple1.js
View File

@ -80,9 +80,9 @@ if (typeof window.webkitAudioContext !== 'undefined') {
context = new window.AudioContext();
}
export function doLoadLocal() {
export function doLoadLocal(files) {
context.resume();
var files = document.querySelector('#local_file').files;
files = files || document.querySelector('#local_file').files;
if (files.length == 1) {
var file = files[0];
var fileReader = new FileReader();
@ -106,8 +106,8 @@ export function doLoadLocal() {
aci.buffer = buf;
MicroModal.close('local-modal');
},
function(error) {
window.alert(error.message);
function() {
window.alert('Unable to read tape file: ' + file.name);
}
);
};
@ -352,6 +352,32 @@ export function doLoadText() {
MicroModal.close('input-modal');
}
export function handleDragOver(event) {
event.preventDefault();
event.dataTransfer.dropEffect = 'copy';
}
export function handleDrop(event) {
event.preventDefault();
event.stopPropagation();
var dt = event.dataTransfer;
if (dt.files.length > 0) {
doLoadLocal(dt.files);
}
}
export function handleDragEnd(event) {
var dt = event.dataTransfer;
if (dt.items) {
for (var i = 0; i < dt.items.length; i++) {
dt.items.remove(i);
}
} else {
event.dataTransfer.clearData();
}
}
MicroModal.init();
document.addEventListener('DOMContentLoaded', function() {