feat: ESC zamyka wszystkie modale (Custom Game, Simulation, Win)
This commit is contained in:
@@ -156,6 +156,7 @@ const stopDrag = () => {
|
|||||||
onUnmounted(() => {
|
onUnmounted(() => {
|
||||||
window.removeEventListener('mousemove', onDrag);
|
window.removeEventListener('mousemove', onDrag);
|
||||||
window.removeEventListener('mouseup', stopDrag);
|
window.removeEventListener('mouseup', stopDrag);
|
||||||
|
window.removeEventListener('keydown', onKeyDown);
|
||||||
});
|
});
|
||||||
|
|
||||||
const showAdvanced = ref(false);
|
const showAdvanced = ref(false);
|
||||||
@@ -169,6 +170,16 @@ const toggleAdvanced = () => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleClose = () => {
|
||||||
|
emit('close');
|
||||||
|
};
|
||||||
|
|
||||||
|
const onKeyDown = (e) => {
|
||||||
|
if (e.key === 'Escape') {
|
||||||
|
handleClose();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
const savedSize = localStorage.getItem('nonograms_custom_size');
|
const savedSize = localStorage.getItem('nonograms_custom_size');
|
||||||
if (savedSize && !isNaN(savedSize)) {
|
if (savedSize && !isNaN(savedSize)) {
|
||||||
@@ -181,6 +192,7 @@ onMounted(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Don't draw map initially if hidden
|
// Don't draw map initially if hidden
|
||||||
|
window.addEventListener('keydown', onKeyDown);
|
||||||
});
|
});
|
||||||
|
|
||||||
watch([customSize, fillRate], () => {
|
watch([customSize, fillRate], () => {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, computed } from 'vue';
|
import { ref, computed, onMounted, onUnmounted } from 'vue';
|
||||||
import { generateRandomGrid, calculateHints } from '@/utils/puzzleUtils';
|
import { generateRandomGrid, calculateHints } from '@/utils/puzzleUtils';
|
||||||
import { solvePuzzle } from '@/utils/solver';
|
import { solvePuzzle } from '@/utils/solver';
|
||||||
import { useI18n } from '@/composables/useI18n';
|
import { useI18n } from '@/composables/useI18n';
|
||||||
@@ -21,6 +21,20 @@ const simulationSpeed = ref(1); // 1 = Normal, 2 = Fast (less render updates)
|
|||||||
|
|
||||||
let stopRequested = false;
|
let stopRequested = false;
|
||||||
|
|
||||||
|
const onKeyDown = (e) => {
|
||||||
|
if (e.key === 'Escape') {
|
||||||
|
emit('close');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
window.addEventListener('keydown', onKeyDown);
|
||||||
|
});
|
||||||
|
|
||||||
|
onUnmounted(() => {
|
||||||
|
window.removeEventListener('keydown', onKeyDown);
|
||||||
|
});
|
||||||
|
|
||||||
const displayStatus = computed(() => {
|
const displayStatus = computed(() => {
|
||||||
if (!currentStatus.value) return t('simulation.status.ready');
|
if (!currentStatus.value) return t('simulation.status.ready');
|
||||||
return currentStatus.value;
|
return currentStatus.value;
|
||||||
|
|||||||
Reference in New Issue
Block a user