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

object stuff

Browse Source
This commit is contained in:
Dennis Postma
2024-07-04 13:38:05 +02:00
parent 90121be472
commit aa5b51478a
5 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/utilities/assetManager/partials/ObjectDetails.vue
View File

@ -1,6 +1,7 @@
<template>
<div class="object-manager">
<div class="image-container">
<!-- @TODO show img with width100% to keep quality and show it center with padding around it, preferably the window wont jump if a larger object is selected -->
<img :src="objectImageUrl" :alt="'Object ' + selectedObject" />
</div>
<div class="modal-form asset-manager">

12
src/components/utilities/assetManager/partials/ObjectList.vue
View File

@ -6,10 +6,11 @@
</label>
<input class="input-cyan search-field" placeholder="Search..." />
</div>
<a class="asset" :class="{ active: assetManagerStore.selectedObject === object }" v-for="(object, index) in assetManagerStore.objectList" :key="index" @click="assetManagerStore.setSelectedObject(object)">
<a class="asset" :class="{ active: assetManagerStore.selectedObject === object.id }" v-for="(object, index) in assetManagerStore.objectList" :key="index" @click="assetManagerStore.setSelectedObject(object.id)">
<div class="asset-details">
<img :src="`${config.server_endpoint}/assets/objects/${object}.png`" alt="Object" />
<span class="asset-name">{{ object }}</span>
<!-- @TODO make all img have same width so text aligns nicely -->
<img :src="`${config.server_endpoint}/assets/objects/${object.id}.png`" alt="Object" />
<span class="asset-name">{{ object.name }}</span>
</div>
</a>
</template>
@ -19,6 +20,7 @@ import config from '@/config'
import { useSocketStore } from '@/stores/socket'
import { onMounted, ref } from 'vue'
import { useAssetManagerStore } from '@/stores/assetManager'
import type { Object } from '@/types'
const socket = useSocketStore()
const objectUploadField = ref(null)
@ -32,14 +34,14 @@ const handleFileUpload = (e: Event) => {
if (config.development) console.error('Failed to upload object')
return
}
socket.connection.emit('gm:object:list', {}, (response: string[]) => {
socket.connection.emit('gm:object:list', {}, (response: Object[]) => {
assetManagerStore.setObjectList(response)
})
})
}
onMounted(() => {
socket.connection.emit('gm:object:list', {}, (response: string[]) => {
socket.connection.emit('gm:object:list', {}, (response: Object[]) => {
if (config.development) console.log(response)
assetManagerStore.setObjectList(response)
})