noxious/client
3
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

TS fix, added search field in tiles and objects screen

Browse Source
This commit is contained in:
Dennis Postma 2024-07-06 22:51:45 +02:00
parent 595c9d5d7c
commit 27641f2df8
3 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/utilities/zoneEditor/Objects.vue
View File

@ -3,10 +3,16 @@
<Modal v-if="isModalOpen" @modal:close="() => zoneEditorStore.setTool('move')" :isModalOpen="true" :modal-width="645" :modal-height="260">
<template #modalHeader>
<h3 class="text-lg">Objects</h3>
<div class="flex gap-1.5 flex-wrap">
<div class="w-full flex flex-col">
<label class="mb-1.5 font-titles hidden" for="z-index">Z-index</label>
<input @mousedown.stop class="input-cyan" type="number" name="z-index" placeholder="Z-index" />
<div class="flex">
<div class="w-full flex gap-1.5 flex-row">
<div>
<label class="mb-1.5 font-titles hidden" for="search">Search...</label>
<input @mousedown.stop class="input-cyan" type="text" name="search" placeholder="Search" />
</div>
<div>
<label class="mb-1.5 font-titles hidden" for="z-index">Z-index</label>
<input @mousedown.stop class="input-cyan" type="number" name="z-index" placeholder="Z-index" />
</div>
</div>
</div>
</template>

8
src/components/utilities/zoneEditor/Tiles.vue
View File

@ -3,6 +3,14 @@
<Modal v-if="isModalOpen" @modal:close="() => zoneEditorStore.setTool('move')" :isModalOpen="true" :modal-width="645" :modal-height="260">
<template #modalHeader>
<h3 class="m-0 font-medium shrink-0">Tiles</h3>
<div class="flex">
<div class="w-full flex gap-1.5 flex-row">
<div>
<label class="mb-1.5 font-titles hidden" for="search">Search...</label>
<input @mousedown.stop class="input-cyan" type="text" name="search" placeholder="Search" />
</div>
</div>
</div>
</template>
<template #modalBody>
<div class="m-[15px]">

2
src/components/utilities/zoneEditor/ZoneEditor.vue
View File

@ -3,7 +3,7 @@
<Controls :layer="tiles" />
<Container>
<Image v-for="object in zoneObjects" :key="object.object.id" :x="object.position_x" :y="object.position_y" :texture="object.object.id" :originY="object.object.origin_x" :originX="object.object.origin_y" />
<Image v-for="object in zoneObjects" :key="object.object.id" :x="object.position_x" :y="object.position_y" :texture="object.object.id" :originY="Number(object.object.origin_x)" :originX="Number(object.object.origin_y)" />
</Container>
<Toolbar :layer="tiles" @eraser="eraser" @pencil="pencil" @paint="paint" @save="save" />