Mercurial > libervia-desktop-kivy
view src/cagou/plugins/plugin_wid_chat.kv @ 58:7aa2ffff9067
chat: <img/> tag handling first draft:
We need to have several widgets to handle <img/> (label(s) + image(s)), which make sizing and positioning complicated.
To make things simpler, we use a simple trick when several widgets are present: we split the labels in as many labels as there are words, so we can take profit of the StackLayout.
The split is done after the XHTML is parsed, so after all the widgets are present, and is done only once. This means that label need to be reparsed to be splitted.
This is not perfect, but should be a reasonable solutions until we implement a real XHTML engine (probably CEF widget and Webview).
image sizing and alignment is not handled correcly now, should be fixed soon.
author | Goffi <goffi@goffi.org> |
---|---|
date | Wed, 28 Sep 2016 22:02:36 +0200 |
parents | a51ea7874e43 |
children | 2aa44a82d0e7 |
line wrap: on
line source
# Cagou: desktop/mobile frontend for Salut à Toi XMPP client # Copyright (C) 2016 Jérôme Poisson (goffi@goffi.org) # This program is free software: you can redistribute it and/or modify # it under the terms of the GNU Affero General Public License as published by # the Free Software Foundation, either version 3 of the License, or # (at your option) any later version. # This program is distributed in the hope that it will be useful, # but WITHOUT ANY WARRANTY; without even the implied warranty of # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the # GNU Affero General Public License for more details. # You should have received a copy of the GNU Affero General Public License # along with this program. If not, see <http://www.gnu.org/licenses/>. <SimpleXHTMLWidgetEscapedText>: size_hint: None, None size: self.texture_size <SimpleXHTMLWidgetText>: size_hint: None, None size: self.texture_size <SimpleXHTMLWidgetImage>: size_hint: 1, None <MessAvatar>: size_hint: None, None size: dp(30), dp(30) <MessagesWidget>: cols: 1 padding: dp(10) spacing: dp(5) size_hint: 1, None height: self.minimum_height <MessageWidget>: cols: 1 mess_xhtml: mess_xhtml padding: dp(10) spacing: dp(5) size_hint: 1, None height: self.minimum_height on_width: self.widthAdjust() avatar: avatar BoxLayout: id: header_box size_hint: 1, None height: avatar.height MessAvatar: id: avatar source: root.mess_data.avatar Label: id: time_label text_size: None, None size_hint: None, None size: self.texture_size padding: dp(5), 0 text: u"{}, {}".format(root.mess_data.nick, root.mess_data.time_text) BoxLayout: # BoxLayout is needed here, else GridLayout won't let the Label choose its width size_hint: 1, None height: mess_xhtml.height on_size: root.widthAdjust() SimpleXHTMLWidget: canvas.before: Color: rgba: 1, 1, 1, 1 BorderImage: source: app.expand("{media}/misc/black.png") if root.mess_data.type == "info" else app.expand("{media}/misc/borders/{}.jpg", "blue" if root.mess_data.own_mess else "gray") pos: self.pos size: self.content_width, self.height id: mess_xhtml size_hint: 0.8, None height: self.minimum_height xhtml: root.message_xhtml or self.escape(root.message or u' ') color: (0.74,0.74,0.24,1) if root.mess_data.type == "info" else (0, 0, 0, 1) padding: root.mess_padding bold: True if root.mess_data.type == "info" else False <MessageInputWidget>: size_hint: 1, None height: dp(40) hint_text: "Enter your message here"