From 27641f2df8705b938fde8362d585ef70617c692d Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Sat, 6 Jul 2024 22:51:45 +0200
Subject: [PATCH] TS fix, added search field in tiles and objects screen

---
 src/components/utilities/zoneEditor/Objects.vue    | 14 ++++++++++----
 src/components/utilities/zoneEditor/Tiles.vue      |  8 ++++++++
 src/components/utilities/zoneEditor/ZoneEditor.vue |  2 +-
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/components/utilities/zoneEditor/Objects.vue b/src/components/utilities/zoneEditor/Objects.vue
index cca77c5..f35646a 100644
--- a/src/components/utilities/zoneEditor/Objects.vue
+++ b/src/components/utilities/zoneEditor/Objects.vue
@@ -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>
diff --git a/src/components/utilities/zoneEditor/Tiles.vue b/src/components/utilities/zoneEditor/Tiles.vue
index 22914fe..43bfeaa 100644
--- a/src/components/utilities/zoneEditor/Tiles.vue
+++ b/src/components/utilities/zoneEditor/Tiles.vue
@@ -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]">
diff --git a/src/components/utilities/zoneEditor/ZoneEditor.vue b/src/components/utilities/zoneEditor/ZoneEditor.vue
index e76174f..46994bd 100644
--- a/src/components/utilities/zoneEditor/ZoneEditor.vue
+++ b/src/components/utilities/zoneEditor/ZoneEditor.vue
@@ -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" />