mikl/hollow-knight-silksong-completion-check
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

delete drag and drop functions

Browse source
This commit is contained in:
ReznoRMichael 2021-07-14 23:11:05 +02:00
parent 2f1bf9fe18
commit b713ebde98
8 changed files with 38 additions and 105 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
build/app.js
View file

@ -6083,54 +6083,10 @@ document.getElementById("save-location-input").addEventListener("mouseout", func
document.getElementById("checkbox-hints").addEventListener("click", CheckboxHintsToggle, false);
document.getElementById("checkbox-spoilers").addEventListener("click", CheckboxSpoilersToggle, false);
/* Drag and drop functions */
var dropArea = document.getElementById("drop-area");
/* Prevent default browser functions from firing */
["dragenter", "dragover", "dragleave", "drop"].forEach(function (eventName) {
dropArea.addEventListener(eventName, preventDefaults, false);
});
function preventDefaults(e) {
e.preventDefault();
e.stopPropagation();
}
/* Make the user know that they hover over the right drag and drop area */
["dragenter", "dragover"].forEach(function (eventName) {
dropArea.addEventListener(eventName, highlight, false);
});
["dragleave", "drop"].forEach(function (eventName) {
dropArea.addEventListener(eventName, unhighlight, false);
});
function highlight(e) {
dropArea.classList.add("highlight");
}
function unhighlight(e) {
dropArea.classList.remove("highlight");
}
/* What to do with the file(s) */
dropArea.addEventListener("drop", handleDrop, false);
function handleDrop(e) {
var dt = e.dataTransfer;
var files = dt.files;
console.log(e);
console.log(dt);
console.log(files);
(0,_LoadSaveFile_js__WEBPACK_IMPORTED_MODULE_1__.LoadSaveFile)(dt, new Date());
}
/* ------------------------- Exports ------------------------------- */
/***/ }),
/***/ "./node_modules/core-js/internals/a-function.js":

2
build/app.js.map
View file

File diff suppressed because one or more lines are too long

4
build/index.html
View file

@ -264,7 +264,9 @@
</div> <!-- end content -->
<div id="drop-area"></div>
<div id="drop-area">
<div id="drop-area-inside" class="hidden"></div>
</div>
<script src="app.js"></script></body>
</html>

21
build/main.css
View file

@ -345,17 +345,26 @@ input[type="file"] {
#drop-area {
position: fixed;
width: 90%;
height: 90%;
left: 5%;
top: 5%;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9999;
visibility: hidden;
}
#drop-area-inside {
background-color: rgba(38, 189, 38, 0.5);
border: 0.3rem dashed rgba(38, 189, 38, 0.85);
border-radius: 1rem;
z-index: 9999;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9000;
}
#drop-area.highlight {
#drop-area #drop-area-inside.highlight {
border-color: rgb(61, 228, 61);
}

2
build/main.css.map
View file

File diff suppressed because one or more lines are too long

21
src/css/style.css
View file

@ -238,17 +238,26 @@ input[type="file"] {
#drop-area {
position: fixed;
width: 90%;
height: 90%;
left: 5%;
top: 5%;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9999;
visibility: hidden;
}
#drop-area-inside {
background-color: rgba(38, 189, 38, 0.5);
border: 0.3rem dashed rgba(38, 189, 38, 0.85);
border-radius: 1rem;
z-index: 9999;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9000;
}
#drop-area.highlight {
#drop-area #drop-area-inside.highlight {
border-color: rgb(61, 228, 61);
}

4
src/index.html
View file

@ -149,7 +149,9 @@
</div> <!-- end content -->
<div id="drop-area"></div>
<div id="drop-area">
<div id="drop-area-inside" class="hidden"></div>
</div>
</body>
</html>

45
src/js/page-functions.js
View file

@ -1082,51 +1082,6 @@ document.getElementById("save-location-input").addEventListener("mouseout", () =
document.getElementById("checkbox-hints").addEventListener("click", CheckboxHintsToggle, false);
document.getElementById("checkbox-spoilers").addEventListener("click", CheckboxSpoilersToggle, false);
/* Drag and drop functions */
let dropArea = document.getElementById("drop-area");
/* Prevent default browser functions from firing */
["dragenter", "dragover", "dragleave", "drop"].forEach(eventName => {
dropArea.addEventListener(eventName, preventDefaults, false);
});
function preventDefaults(e) {
e.preventDefault();
e.stopPropagation();
}
/* Make the user know that they hover over the right drag and drop area */
["dragenter", "dragover"].forEach(eventName => {
dropArea.addEventListener(eventName, highlight, false);
});
["dragleave", "drop"].forEach(eventName => {
dropArea.addEventListener(eventName, unhighlight, false);
});
function highlight(e) {
dropArea.classList.add("highlight");
}
function unhighlight(e) {
dropArea.classList.remove("highlight");
}
/* What to do with the file(s) */
dropArea.addEventListener("drop", handleDrop, false);
function handleDrop(e) {
let dt = e.dataTransfer;
let files = dt.files;
console.log(e);
console.log(dt);
console.log(files);
LoadSaveFile(dt, new Date());
}
/* ------------------------- Exports ------------------------------- */
export {