Harmonize marker / popup rendering

This commit is contained in:
2026-05-02 00:16:37 +02:00
parent 560b22c039
commit 95ebc96484
9 changed files with 169 additions and 232 deletions

View File

@@ -13,23 +13,24 @@ export default {
projectRelTime
},
props: {
type: String,
options: Object,
medias: Array,
project: Object
},
inject: ['lang', 'consts'],
computed: {
timeIcon() {
return (this.type == 'media')?'image-shot':'time';
return (this.options.type == 'media')?'image-shot':'time';
},
medias() {
return (this.options.type == 'media')?[this.options]:this.options?.medias;
}
}
}
</script>
<template>
<div :class="type">
<div class="header" v-if="type=='message'">
<div :class="options.type">
<div class="header" v-if="options.type=='message'">
<h1>
<spotIcon :icon="'message'" size="lg" :text="lang.get('feed.counter', options.displayed_id)" width="auto" />
<span class="message-type">({{ options.type }})</span>
@@ -50,8 +51,8 @@ export default {
<div class="section weather" v-if="options.weather_icon && options.weather_icon!='unknown'" :title="options.weather_cond==''?'':lang.get('weather.'+options.weather_icon)">
<spotIcon :icon="options.weather_icon" fixed-width size="lg" :text="options.weather_temp+'°C'" />
</div>
<div v-if="medias.length > 0" class="section medias">
<spotIcon v-if="type=='message'" icon="media" fixed-width size="lg" :text="lang.get('media.nearby')" />
<div v-if="medias" class="section medias">
<spotIcon v-if="options.type=='message'" icon="media" fixed-width size="lg" :text="lang.get('media.nearby')" />
<div class="medias-list">
<projectMediaLink v-for="media in medias" :options="media" :type="'marker'" />
</div>