imshvc/noxious_client
1
0
Fork 0
forked from noxious/client
Code Pull Requests Activity

Improved code

Browse Source
This commit is contained in:
Dennis Postma 2025-01-28 05:14:37 +01:00
parent 2b7082ac92
commit 85537840ab
1 changed files with 13 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/gameMaster/mapEditor/partials/Toolbar.vue
View File

@ -16,29 +16,19 @@
<img class="group-[.open]:rotate-180 invert w-5 h-5 rotate-0 transition ease-in-out duration-200" src="/assets/icons/mapEditor/chevron.svg" alt="" />
</div>
<div class="flex flex-col absolute bottom-full mb-5 left-1/2 -translate-x-1/2 bg-gray rounded min-w-28 border border-gray-500 border-solid text-left" v-show="selectPencilOpen && mapEditor.tool.value === 'pencil'">
<span
class="py-2 px-2.5 relative hover:bg-cyan hover:text-white"
@click="setDrawMode('tile'); setPencilMode">
<span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" @click="() => handleModeClick('tile', 'pencil')">
Tile
<div class="absolute w-4/5 left-1/2 -translate-x-1/2 bottom-0 h-px bg-cyan"></div>
</span>
<span
class="py-2 px-2.5 relative hover:bg-cyan hover:text-white"
@click="setDrawMode('map_object'); setPencilMode">
<span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" @click="() => handleModeClick('map_object', 'pencil')">
Map object
<div class="absolute w-4/5 left-1/2 -translate-x-1/2 bottom-0 h-px bg-cyan"></div>
</span>
<span
class="py-2 px-2.5 relative hover:bg-cyan hover:text-white"
@click="setDrawMode('teleport'); setPencilMode">
<span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" @click="() => handleModeClick('teleport', 'pencil')">
Teleport
<div class="absolute w-4/5 left-1/2 -translate-x-1/2 bottom-0 h-px bg-cyan"></div>
</span>
<span
class="py-2 px-2.5 relative hover:bg-cyan hover:text-white"
@click="setDrawMode('blocking tile'); setPencilMode"
>Blocking tile</span
>
<span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" @click="() => handleModeClick('blocking tile', 'pencil')">Blocking tile</span>
</div>
</div>
</button>
@ -53,32 +43,19 @@
<img class="group-[.open]:rotate-180 invert w-5 h-5 rotate-0 transition ease-in-out duration-200" src="/assets/icons/mapEditor/chevron.svg" />
</div>
<div class="flex flex-col absolute bottom-full mb-5 left-1/2 -translate-x-1/2 bg-gray rounded min-w-28 border border-gray-500 border-solid text-left" v-show="selectEraserOpen">
<span
class="py-2 px-2.5 relative hover:bg-cyan hover:text-white"
@click="setDrawMode('tile'); setEraserMode"
>
<span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" @click="() => handleModeClick('tile', 'eraser')">
Tile
<div class="absolute w-4/5 left-1/2 -translate-x-1/2 bottom-0 h-px bg-cyan"></div>
</span>
<span
class="py-2 px-2.5 relative hover:bg-cyan hover:text-white"
@click="setDrawMode('map_object'); setEraserMode"
>
<span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" @click="() => handleModeClick('map_object', 'eraser')">
Map object
<div class="absolute w-4/5 left-1/2 -translate-x-1/2 bottom-0 h-px bg-cyan"></div>
</span>
<span
class="py-2 px-2.5 relative hover:bg-cyan hover:text-white"
@click="setDrawMode('teleport'); setEraserMode"
>
<span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" @click="() => handleModeClick('teleport', 'eraser')">
Teleport
<div class="absolute w-4/5 left-1/2 -translate-x-1/2 bottom-0 h-px bg-cyan"></div>
</span>
<span
class="py-2 px-2.5 relative hover:bg-cyan hover:text-white"
@click="setDrawMode('blocking tile'); setEraserMode"
>Blocking tile</span
>
<span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" @click="() => handleModeClick('blocking tile', 'eraser')">Blocking tile</span>
</div>
</div>
</button>
@ -154,6 +131,11 @@ function setEraserMode() {
selectEraserOpen.value = false
}
function handleModeClick(mode: string, type: 'pencil' | 'eraser') {
setDrawMode(mode)
type === 'pencil' ? setPencilMode() : setEraserMode()
}
function handleClick(tool: string) {
if (tool === 'settings') {
emit('open-settings')