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)">
| {{ $t(`falukant.house.status.${prop}`) }} |
{{ val }}% |
@@ -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 {