Enable dragging to open an app.
This commit is contained in:
parent
854295c0a6
commit
84bf956725
1 changed files with 49 additions and 0 deletions
|
@ -38,6 +38,20 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 6px 10px;
|
padding: 6px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#holder {
|
||||||
|
border: 4px dashed #ccc;
|
||||||
|
margin: 0 auto;
|
||||||
|
height: 300px;
|
||||||
|
color: #ccc;
|
||||||
|
font-size: 40px;
|
||||||
|
line-height: 300px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#holder.hover {
|
||||||
|
border: 4px dashed #999;
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
@ -48,6 +62,11 @@
|
||||||
var openWiki = function() {
|
var openWiki = function() {
|
||||||
require('shell').openExternal('https://github.com/atom/atom-shell/blob/master/docs/tutorial/quick-start.md');
|
require('shell').openExternal('https://github.com/atom/atom-shell/blob/master/docs/tutorial/quick-start.md');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
document.ondragover = document.ondrop = function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
return false;
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<h2>Welcome to Atom Shell</h2>
|
<h2>Welcome to Atom Shell</h2>
|
||||||
|
@ -64,5 +83,35 @@
|
||||||
app, you can read the <a href="javascript:openWiki()">Quick Start</a> guide
|
app, you can read the <a href="javascript:openWiki()">Quick Start</a> guide
|
||||||
in atom-shell's docs on how to write one.
|
in atom-shell's docs on how to write one.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Or you can just drag your app here to run it:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="holder">
|
||||||
|
Drag your app here to run it
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var holder = document.getElementById('holder');
|
||||||
|
holder.ondragover = function () {
|
||||||
|
this.className = 'hover';
|
||||||
|
return false;
|
||||||
|
};
|
||||||
|
holder.ondragleave = holder.ondragend = function () {
|
||||||
|
this.className = '';
|
||||||
|
return false;
|
||||||
|
};
|
||||||
|
holder.ondrop = function (e) {
|
||||||
|
this.className = '';
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
var file = e.dataTransfer.files[0];
|
||||||
|
require('child_process').execFile(execPath, [file.path], {
|
||||||
|
detached: true, stdio: 'ignore'
|
||||||
|
}).unref();
|
||||||
|
return false;
|
||||||
|
};
|
||||||
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in a new issue