thepaperpilot/Super-Auto-Coots
1
0
Fork 0
mirror of https://github.com/thepaperpilot/Super-Auto-Coots.git synced 2024-11-24 17:31:52 +00:00
Code Issues Releases Activity Actions

Made dragged characters just show the character

Browse source
This commit is contained in:
thepaperpilot 2023-02-21 21:29:48 -06:00
parent 23b4e05f3b
commit d4955a14b3
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/data/CharacterSlot.vue
View file

@ -14,7 +14,7 @@
shake
}"
draggable="true"
:ondragstart="() => (dragging = true)"
:ondragstart="dragStartHandler"
:ondragend="() => (dragging = false)"
:ondragenter="() => (draggingOver = true)"
:ondragleave="() => (draggingOver = false)"
@ -61,7 +61,7 @@
><span class="material-icons">merge</span></span
>
<span class="character-display" v-if="character != null">
<img :src="characters[character.type].display" />
<img ref="imageElement" :src="characters[character.type].display" />
</span>
<span class="relevancy-display" v-if="character != null">
<img :src="heart" />
@ -91,7 +91,7 @@ import { jsx, JSXFunction } from "features/feature";
import Tooltip from "features/tooltips/Tooltip.vue";
import { Direction } from "util/common";
import { coerceComponent } from "util/vue";
import { ref, shallowRef, watch, watchEffect } from "vue";
import { Component, ref, shallowRef, watch, watchEffect } from "vue";
import heart from "../../public/heart.png";
import level1_0 from "../../public/Lvl 1_0.png";
import level1_1 from "../../public/Lvl 1_1.png";
@ -115,6 +115,12 @@ const props = defineProps<{
const dragging = ref(false);
const draggingOver = ref(false);
const imageElement = ref<Element | undefined>(undefined);
function dragStartHandler(e: DragEvent) {
dragging.value = true;
e.dataTransfer?.setDragImage(imageElement.value as Element, 0, 0);
}
const emits = defineEmits<{
(e: "dragstart"): void;