started working on tile selecting for management

src/components/utilities/assetManager/partials/TileDetails.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="image-container">
+    <img src="/assets/placeholders/wall-1.png" />
+  </div>
+  <div class="modal-form asset-manager">
+    <form class="form-fields">
+      <div class="form-field name">
+        <label for="name">Name</label>
+        <input class="input-cyan" type="text" name="name" placeholder="Wall #1" />
+      </div>
+
+      <div class="submit">
+        <button class="btn-cyan" type="submit">Save</button>
+        <button class="btn-bordeaux" type="submit">Remove</button>
+      </div>
+    </form>
+  </div>
+</template>
+
+<script setup lang="ts">
+const properties = defineProps({
+  tile: String
+});
+</script>
+
+<style lang="scss">
+
+</style>

src/components/utilities/assetManager/partials/TileList.vue

@@ -10,7 +10,7 @@
     </label>
   </div>
   <a class="asset" v-for="(tile, index) in tiles" :key="index">
-    <div class="asset-details">
+    <div class="asset-details" @click="emit('select_tile', tile)">
       <img :src="`${config.server_endpoint}/assets/tiles/${tile}`" />
       <span class="asset-name">{{ tile }}</span>
     </div>
@@ -26,6 +26,8 @@ const socket = useSocketStore()
 const tileUploadField = ref(null)
 const tiles = ref()
 
+const emit = defineEmits(['select_tile']);
+
 const handleFileUpload = (e: Event) => {
   const files = (e.target as HTMLInputElement).files
   if (!files) return