diff --git a/frontend/src/views/falukant/HouseView.vue b/frontend/src/views/falukant/HouseView.vue index 986c6cd..ba8548c 100644 --- a/frontend/src/views/falukant/HouseView.vue +++ b/frontend/src/views/falukant/HouseView.vue @@ -45,13 +45,14 @@

{{ $t('falukant.house.buyablehouses') }}

-
+

{{ $t(`falukant.house.type.${house.houseType.labelTr}`) }}

+ v-if="['roofCondition', 'wallCondition', 'floorCondition', 'windowCondition'].includes(prop)"> @@ -185,20 +186,8 @@ export default { try { const msg = JSON.parse(evt.data); if (msg.event === 'houseupdated') this.loadData(); - } catch {} - } - }, - async mounted() { - await this.loadData(); - this.setupSocketEvents(); - }, - beforeUnmount() { - if (this.socket) { - this.socket.off('falukantHouseUpdate', this.loadData); - this.socket.off('falukantUpdateStatus', this.loadData); - } - }, - methods: { + } catch { } + }, setupSocketEvents() { if (this.socket) { this.socket.on('falukantHouseUpdate', (data) => { @@ -226,6 +215,16 @@ export default { console.log('⚠️ HouseView: Unbekanntes Event:', eventData.event); } } + }, + async mounted() { + await this.loadData(); + this.setupSocketEvents(); + }, + beforeUnmount() { + if (this.socket) { + this.socket.off('falukantHouseUpdate', this.loadData); + this.socket.off('falukantUpdateStatus', this.loadData); + } } }; @@ -268,10 +267,12 @@ h2 { .houses-list { display: flex; - flex-direction: column; /* vertical list */ + flex-direction: column; + /* vertical list */ gap: 20px; max-height: 400px; - overflow-y: auto; /* vertical scroll if needed */ + overflow-y: auto; + /* vertical scroll if needed */ } .house-item { @@ -288,8 +289,10 @@ h2 { image-rendering: crisp-edges; border: 1px solid #ccc; border-radius: 4px; - background-size: contain; /* scale image to container */ - background-position: center; /* center sprite */ + background-size: contain; + /* scale image to container */ + background-position: center; + /* center sprite */ } table {
{{ $t(`falukant.house.status.${prop}`) }} {{ val }}%