This commit is contained in:
@@ -53,6 +53,7 @@
|
|||||||
@dragleave="onDragEnd"
|
@dragleave="onDragEnd"
|
||||||
class="mt-4"
|
class="mt-4"
|
||||||
:style="cardTextStyle()"
|
:style="cardTextStyle()"
|
||||||
|
id="dropDiv"
|
||||||
>
|
>
|
||||||
<v-list color="grey lighten-5" three-line>
|
<v-list color="grey lighten-5" three-line>
|
||||||
<v-list-item
|
<v-list-item
|
||||||
@@ -357,7 +358,8 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
onDrop(ev) {
|
onDrop(ev) {
|
||||||
ev.target.style.border = "none";
|
var el = document.getElementById("dropDiv");
|
||||||
|
el.style.border = "none";
|
||||||
//handle file drop
|
//handle file drop
|
||||||
var files = Array.from(ev.dataTransfer.files);
|
var files = Array.from(ev.dataTransfer.files);
|
||||||
if (files.length > 0) {
|
if (files.length > 0) {
|
||||||
@@ -366,10 +368,12 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
onDragOver(ev) {
|
onDragOver(ev) {
|
||||||
ev.target.style.border = "2px dashed #ff0000"
|
var el = document.getElementById("dropDiv");
|
||||||
|
el.style.border = "4px dashed #00ff00";
|
||||||
},
|
},
|
||||||
onDragEnd(ev) {
|
onDragEnd(ev) {
|
||||||
ev.target.style.border = "none";
|
var el = document.getElementById("dropDiv");
|
||||||
|
el.style.border = "none";
|
||||||
}
|
}
|
||||||
//-----
|
//-----
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user