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"