OpenHAB
/
openhab-webui
mirror of https://github.com/openhab/openhab-webui.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Thing view: Add support for HTML-formatting of channel descriptions (#2614) 

Closes #2613.

This adds support to format channel (type) descriptions using `html` tags similar to thing-type descriptions.

Signed-off-by: Florian Hotze <florianh_dev@icloud.com>
pull/2615/head
Florian Hotze 2024-06-16 21:39:36 +02:00 committed by GitHub
parent 418def2eb4
commit cd40c72e43
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
bundles/org.openhab.ui/web/src/components/thing/channel-group.vue
View File

@ -14,16 +14,18 @@
:checked="isSelected(c.channel)" :checked="isSelected(c.channel)"
name="channel-picker" name="channel-picker"
media-item class="channel-item" media-item class="channel-item"
:footer="c.channel.description || c.channelType.description"
:subtitle="c.channel.id + ' (' + getItemType(c.channelType) + ')'" :subtitle="c.channel.id + ' (' + getItemType(c.channelType) + ')'"
:badge="getLinkedItems(c.channel).length || ''" badge-color="blue" :badge="getLinkedItems(c.channel).length || ''" badge-color="blue"
@change="$emit('selected', c.channel, c.channelType)" @change="$emit('selected', c.channel, c.channelType)"
@accordion:beforeopen="openedChannel = c.channelType.id" @accordion:beforeopen="openedChannel = c.channelType.id"
@accordion:close="openedChannel = ''" @accordion:close="openedChannel = ''"
@accordion:open="opened(c.channel)"> @accordion:open="opened(c.channel)">
<div slot="footer" v-html="c.channel.description || c.channelType.description" />
<!-- Icon or initial letter -->
<oh-icon v-if="!c.extensible && c.channelType.category" slot="media" :icon="c.channelType.category" height="32" width="32" /> <oh-icon v-if="!c.extensible && c.channelType.category" slot="media" :icon="c.channelType.category" height="32" width="32" />
<span v-else-if="c.extensible && c.channel.label" slot="media" class="item-initial">{{ c.channel.label[0] }}</span> <span v-else-if="c.extensible && c.channel.label" slot="media" class="item-initial">{{ c.channel.label[0] }}</span>
<span v-else-if="!c.extensible && c.channelType.label" slot="media" class="item-initial">{{ c.channelType.label[0] }}</span> <span v-else-if="!c.extensible && c.channelType.label" slot="media" class="item-initial">{{ c.channelType.label[0] }}</span>
<!-- Channel links -->
<f7-accordion-content v-if="!pickerMode" class="searchbar-ignore"> <f7-accordion-content v-if="!pickerMode" class="searchbar-ignore">
<slot :channelType="c.channelType" :channelId="c.channel.id" :channel="c.channel" :extensible="c.extensible" /> <slot :channelType="c.channelType" :channelId="c.channel.id" :channel="c.channel" :extensible="c.extensible" />
</f7-accordion-content> </f7-accordion-content>