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

Cleaned character create event

Browse Source
This commit is contained in:
Dennis Postma
2025-02-09 17:13:22 +01:00
parent e3c3d4d420
commit 275dd95c69
6 changed files with 30 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/gameMaster/mapEditor/partials/ListPanel.vue
View File

@ -28,12 +28,12 @@
<script setup lang="ts">
import type { Tile } from '@/application/types'
import ObjectList from '@/components/gameMaster/mapEditor/partials/lists/MapObjectList.vue'
import TileList from '@/components/gameMaster/mapEditor/partials/lists/TileList.vue'
import { useMapEditorComposable } from '@/composables/useMapEditorComposable'
import { TileStorage } from '@/storage/storages'
import { liveQuery } from 'dexie'
import { onMounted, onUnmounted, ref, watch } from 'vue'
import { useMapEditorComposable } from '@/composables/useMapEditorComposable'
import TileList from '@/components/gameMaster/mapEditor/partials/lists/TileList.vue'
import ObjectList from '@/components/gameMaster/mapEditor/partials/lists/MapObjectList.vue'
const mapEditor = useMapEditorComposable()

30
src/components/gameMaster/mapEditor/partials/lists/MapObjectList.vue
View File

@ -1,21 +1,21 @@
<template>
<div class="h-full overflow-auto">
<div class="flex justify-between flex-wrap gap-2.5 items-center">
<div v-for="(mapObject, index) in filteredMapObjects" :key="index" class="max-w-1/4 inline-block">
<img
class="border-2 border-solid rounded max-w-full"
:src="`${config.server_endpoint}/textures/map_objects/${mapObject.id}.png`"
alt="Object"
@click="mapEditor.setSelectedMapObject(mapObject)"
:class="{
'cursor-pointer transition-all duration-300': true,
'border-cyan shadow-lg': mapEditor.selectedMapObject.value?.id === mapObject.id,
'border-transparent hover:border-gray-300': mapEditor.selectedMapObject.value?.id !== mapObject.id
}"
/>
</div>
<div class="h-full overflow-auto">
<div class="flex justify-between flex-wrap gap-2.5 items-center">
<div v-for="(mapObject, index) in filteredMapObjects" :key="index" class="max-w-1/4 inline-block">
<img
class="border-2 border-solid rounded max-w-full"
:src="`${config.server_endpoint}/textures/map_objects/${mapObject.id}.png`"
alt="Object"
@click="mapEditor.setSelectedMapObject(mapObject)"
:class="{
'cursor-pointer transition-all duration-300': true,
'border-cyan shadow-lg': mapEditor.selectedMapObject.value?.id === mapObject.id,
'border-transparent hover:border-gray-300': mapEditor.selectedMapObject.value?.id !== mapObject.id
}"
/>
</div>
</div>
</div>
</template>
<script setup lang="ts">