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

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

@ -3,12 +3,18 @@
<Modal v-if="isModalOpen" @modal:close="() => zoneEditorStore.setTool('move')" :isModalOpen="true" :modal-width="645" :modal-height="260"> <Modal v-if="isModalOpen" @modal:close="() => zoneEditorStore.setTool('move')" :isModalOpen="true" :modal-width="645" :modal-height="260">
<template #modalHeader> <template #modalHeader>
<h3 class="text-lg">Objects</h3> <h3 class="text-lg">Objects</h3>
<div class="flex gap-1.5 flex-wrap"> <div class="flex">
<div class="w-full flex flex-col"> <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> <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" /> <input @mousedown.stop class="input-cyan" type="number" name="z-index" placeholder="Z-index" />
</div> </div>
</div> </div>
</div>
</template> </template>
<template #modalBody> <template #modalBody>
<div class="my-[15px] mx-auto"> <div class="my-[15px] mx-auto">

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"> <Modal v-if="isModalOpen" @modal:close="() => zoneEditorStore.setTool('move')" :isModalOpen="true" :modal-width="645" :modal-height="260">
<template #modalHeader> <template #modalHeader>
<h3 class="m-0 font-medium shrink-0">Tiles</h3> <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>
<template #modalBody> <template #modalBody>
<div class="m-[15px]"> <div class="m-[15px]">

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

@ -3,7 +3,7 @@
<Controls :layer="tiles" /> <Controls :layer="tiles" />
<Container> <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> </Container>
<Toolbar :layer="tiles" @eraser="eraser" @pencil="pencil" @paint="paint" @save="save" /> <Toolbar :layer="tiles" @eraser="eraser" @pencil="pencil" @paint="paint" @save="save" />