Mercurial > libervia-desktop-kivy
annotate cagou/plugins/plugin_wid_chat.kv @ 365:9c6fe392d623
core (widgets_handler): use a StencilView + BoxLayout instead of ScrollView as wrapper:
The default wrapping when no Carousel or ScreenManager was used was a ScrollView. This was
causing bugs as the touch event is not propagated correctly when a ScrollView is in
children of ScrollView (notably causing trouble with ModernMenu on ContactList and
FileSharing widgets).
To avoid that, a simple StencilView with BoxLayout is now used instead. If a ScrollView is
needed, it can be added inside the widget (this is the case for WidgetSelector).
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Mon, 27 Jan 2020 21:17:08 +0100 |
| parents | aa860c10acfc |
| children | abb57182ebfb |
| rev | line source |
|---|---|
| 22 | 1 # Cagou: desktop/mobile frontend for Salut à Toi XMPP client |
| 282 | 2 # Copyright (C) 2016-2019 Jérôme Poisson (goffi@goffi.org) |
| 22 | 3 |
| 4 # This program is free software: you can redistribute it and/or modify | |
| 5 # it under the terms of the GNU Affero General Public License as published by | |
| 6 # the Free Software Foundation, either version 3 of the License, or | |
| 7 # (at your option) any later version. | |
| 8 | |
| 9 # This program is distributed in the hope that it will be useful, | |
| 10 # but WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 11 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
| 12 # GNU Affero General Public License for more details. | |
| 13 | |
| 14 # You should have received a copy of the GNU Affero General Public License | |
| 15 # along with this program. If not, see <http://www.gnu.org/licenses/>. | |
| 16 | |
|
104
663e44f30092
chat: added gettext call for hint_text in input
Goffi <goffi@goffi.org>
parents:
103
diff
changeset
|
17 #:import _ sat.core.i18n._ |
|
116
8576d70ff803
chat: message header is hidden for info messages
Goffi <goffi@goffi.org>
parents:
106
diff
changeset
|
18 #:import C cagou.core.constants.Const |
|
133
c3aa71daceb8
plugin chat: use bold for nicknames in messages headers
Goffi <goffi@goffi.org>
parents:
132
diff
changeset
|
19 #:import escape kivy.utils.escape_markup |
| 325 | 20 #:import SimpleXHTMLWidget cagou.core.simple_xhtml.SimpleXHTMLWidget |
| 21 #:import DelayedBoxLayout cagou.core.common_widgets.DelayedBoxLayout | |
| 326 | 22 #:import ScrollEffect kivy.effects.scroll.ScrollEffect |
|
97
5d2289127bb7
menu (upload): better menu using dedicated widget:
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
23 |
|
44
7819e9efa250
chat: avatar and nick are now displayed, need further aesthetic improvments
Goffi <goffi@goffi.org>
parents:
31
diff
changeset
|
24 |
| 354 | 25 # Chat Selector |
| 26 | |
| 27 <ChatSelector>: | |
| 28 JidSelector: | |
| 29 on_select: root.on_select(args[1]) | |
| 30 | |
| 31 | |
| 32 # Chat | |
| 33 | |
|
44
7819e9efa250
chat: avatar and nick are now displayed, need further aesthetic improvments
Goffi <goffi@goffi.org>
parents:
31
diff
changeset
|
34 <MessAvatar>: |
|
7819e9efa250
chat: avatar and nick are now displayed, need further aesthetic improvments
Goffi <goffi@goffi.org>
parents:
31
diff
changeset
|
35 size_hint: None, None |
|
7819e9efa250
chat: avatar and nick are now displayed, need further aesthetic improvments
Goffi <goffi@goffi.org>
parents:
31
diff
changeset
|
36 size: dp(30), dp(30) |
|
132
7ad965999d47
plugin chat: draw a background for avatars
Goffi <goffi@goffi.org>
parents:
131
diff
changeset
|
37 canvas.before: |
|
7ad965999d47
plugin chat: draw a background for avatars
Goffi <goffi@goffi.org>
parents:
131
diff
changeset
|
38 Color: |
|
7ad965999d47
plugin chat: draw a background for avatars
Goffi <goffi@goffi.org>
parents:
131
diff
changeset
|
39 rgba: (0.87,0.87,0.87,1) |
|
7ad965999d47
plugin chat: draw a background for avatars
Goffi <goffi@goffi.org>
parents:
131
diff
changeset
|
40 RoundedRectangle: |
|
7ad965999d47
plugin chat: draw a background for avatars
Goffi <goffi@goffi.org>
parents:
131
diff
changeset
|
41 radius: [dp(5)] |
|
7ad965999d47
plugin chat: draw a background for avatars
Goffi <goffi@goffi.org>
parents:
131
diff
changeset
|
42 pos: self.pos |
|
7ad965999d47
plugin chat: draw a background for avatars
Goffi <goffi@goffi.org>
parents:
131
diff
changeset
|
43 size: self.size |
|
44
7819e9efa250
chat: avatar and nick are now displayed, need further aesthetic improvments
Goffi <goffi@goffi.org>
parents:
31
diff
changeset
|
44 |
| 22 | 45 |
| 46 <MessageWidget>: | |
|
24
bc15b55a4114
chat: better bubble and time resizing
Goffi <goffi@goffi.org>
parents:
23
diff
changeset
|
47 size_hint: 1, None |
|
47
abb81efef3bb
chat: update avatar following quick frontend improvments
Goffi <goffi@goffi.org>
parents:
45
diff
changeset
|
48 avatar: avatar |
|
103
c601e3d40342
chat: display delivery receipt (with a green check mark)
Goffi <goffi@goffi.org>
parents:
97
diff
changeset
|
49 delivery: delivery |
| 138 | 50 mess_xhtml: mess_xhtml |
| 325 | 51 right_part: right_part |
| 52 header_box: header_box | |
| 53 height: self.minimum_height | |
| 45 | 54 BoxLayout: |
| 138 | 55 orientation: 'vertical' |
| 56 width: avatar.width | |
| 57 size_hint: None, 1 | |
| 45 | 58 MessAvatar: |
| 59 id: avatar | |
| 325 | 60 source: (root.mess_data.avatar or '') if root.mess_data else '' |
| 138 | 61 Widget: |
| 62 # use to push the avatar on the top | |
| 63 size_hint: 1, 1 | |
| 22 | 64 BoxLayout: |
| 325 | 65 size_hint: 1, None |
| 138 | 66 orientation: 'vertical' |
| 67 id: right_part | |
| 325 | 68 height: header_box.height + mess_xhtml.height |
| 138 | 69 BoxLayout: |
| 70 id: header_box | |
| 71 size_hint: 1, None | |
| 325 | 72 height: time_label.height if root.mess_type != C.MESS_TYPE_INFO else 0 |
| 73 opacity: 1 if root.mess_type != C.MESS_TYPE_INFO else 0 | |
| 138 | 74 Label: |
| 75 id: time_label | |
| 325 | 76 color: (0, 0, 0, 1) if root.own_mess else (0.55,0.55,0.55,1) |
|
185
ab3f5173ef5c
chat, simple XHTML: font size adjustement
Goffi <goffi@goffi.org>
parents:
167
diff
changeset
|
77 font_size: root.font_size |
| 138 | 78 text_size: None, None |
| 79 size_hint: None, None | |
| 80 size: self.texture_size | |
| 81 padding: dp(5), 0 | |
| 82 markup: True | |
| 83 valign: 'middle' | |
| 325 | 84 text: u"[b]{}[/b], {}".format(escape(root.nick), root.time_text) |
| 138 | 85 Label: |
| 86 id: delivery | |
| 274 | 87 color: C.COLOR_BTN_LIGHT |
|
185
ab3f5173ef5c
chat, simple XHTML: font size adjustement
Goffi <goffi@goffi.org>
parents:
167
diff
changeset
|
88 font_size: root.font_size |
| 138 | 89 text_size: None, None |
| 90 size_hint: None, None | |
| 91 size: self.texture_size | |
| 92 padding: dp(5), 0 | |
| 93 # XXX: DejaVuSans font is needed as check mark is not in Roboto | |
| 94 # this can be removed when Kivy will be able to handle fallback mechanism | |
| 95 # which will allow us to use fonts with more unicode characters | |
| 96 font_name: "DejaVuSans" | |
| 97 text: u'' | |
| 57 | 98 SimpleXHTMLWidget: |
| 99 id: mess_xhtml | |
| 138 | 100 size_hint: 1, None |
|
58
7aa2ffff9067
chat: <img/> tag handling first draft:
Goffi <goffi@goffi.org>
parents:
57
diff
changeset
|
101 height: self.minimum_height |
| 57 | 102 xhtml: root.message_xhtml or self.escape(root.message or u' ') |
| 325 | 103 color: (0.74,0.74,0.24,1) if root.mess_type == "info" else (0, 0, 0, 1) |
| 45 | 104 padding: root.mess_padding |
| 325 | 105 bold: True if root.mess_type == "info" else False |
| 106 | |
| 45 | 107 |
| 86 | 108 <Chat>: |
| 325 | 109 message_input: message_input |
| 86 | 110 messages_widget: messages_widget |
| 326 | 111 history_scroll: history_scroll |
| 86 | 112 ScrollView: |
| 326 | 113 id: history_scroll |
| 86 | 114 scroll_y: 0 |
| 326 | 115 on_scroll_y: root.onScroll(*args) |
| 86 | 116 do_scroll_x: False |
|
167
ffef21fd97a2
chat: allow to scroll using side bar + increased bar size
Goffi <goffi@goffi.org>
parents:
153
diff
changeset
|
117 scroll_type: ['bars', 'content'] |
| 326 | 118 bar_width: dp(10) |
| 119 effect_cls: ScrollEffect | |
| 325 | 120 DelayedBoxLayout: |
| 86 | 121 id: messages_widget |
| 325 | 122 size_hint_y: None |
| 123 padding: [app.MARGIN_LEFT, 0, app.MARGIN_RIGHT, dp(10)] | |
| 124 spacing: dp(10) | |
| 125 height: self.minimum_height | |
| 126 orientation: 'vertical' | |
| 86 | 127 MessageInputBox: |
| 78 | 128 size_hint: 1, None |
| 276 | 129 height: self.minimum_height |
|
252
fdda914a298b
chat: added some padding in MessageInputBox
Goffi <goffi@goffi.org>
parents:
244
diff
changeset
|
130 spacing: dp(10) |
| 274 | 131 padding: [app.MARGIN_LEFT, 0, app.MARGIN_RIGHT, dp(10)] |
| 86 | 132 message_input: message_input |
| 133 MessageInputWidget: | |
| 134 id: message_input | |
| 276 | 135 size_hint: 1, None |
| 136 height: min(self.minimum_height, dp(250)) | |
| 137 multiline: True | |
|
104
663e44f30092
chat: added gettext call for hint_text in input
Goffi <goffi@goffi.org>
parents:
103
diff
changeset
|
138 hint_text: _(u"Enter your message here") |
| 86 | 139 on_text_validate: root.onSend(args[0]) |
| 117 | 140 |
| 276 | 141 |
| 142 <SendButton>: | |
| 143 # SendButton is only shown on touch devices | |
| 144 symbol: "forward" | |
| 145 size_hint: None, 1 | |
| 146 width: dp(30) | |
| 147 font_size: dp(25) | |
| 148 on_release: self.message_input_box.send_text() | |
| 149 | |
|
278
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
150 # Buttons added in header |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
151 |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
152 <TransferButton>: |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
153 size_hint: None, 1 |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
154 symbol: "plus-circled" |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
155 width: dp(30) |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
156 font_size: dp(25) |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
157 color: 0.4, 0.4, 0.4, 1 |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
158 |
|
287
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
159 <MenuButton@Button> |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
160 size_hint_y: None |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
161 height: dp(30) |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
162 on_texture_size: self.parent.parent.width = max(self.parent.parent.width, self.texture_size[0] + dp(10)) |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
163 |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
164 <ExtraMenu>: |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
165 auto_width: False |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
166 MenuButton: |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
167 text: _("Bookmarks") |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
168 on_release: root.select("bookmark") |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
169 |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
170 <ExtraButton>: |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
171 size_hint: None, 1 |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
172 symbol: "dot-3-vert" |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
173 width: dp(30) |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
174 font_size: dp(25) |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
175 color: 0.4, 0.4, 0.4, 1 |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
176 on_release: self.chat.extra_menu.open(self) |
| 276 | 177 |
|
233
ba8f3a4a5ac7
plugin chat: e2e encryption improvments:
Goffi <goffi@goffi.org>
parents:
185
diff
changeset
|
178 <EncryptionMainButton>: |
| 117 | 179 size_hint: None, 1 |
| 180 width: dp(30) | |
|
135
091e288838e1
plugin chat: use new Symbol widget to display encryption button
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
181 color: self.getColor() |
|
091e288838e1
plugin chat: use new Symbol widget to display encryption button
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
182 symbol: self.getSymbol() |
| 117 | 183 |
|
242
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
184 <TrustManagementButton>: |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
185 symbol: "shield" |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
186 padding: dp(5), dp(10) |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
187 bg_color: app.c_prim_dark |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
188 size_hint: None, 1 |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
189 width: dp(30) |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
190 on_release: self.parent.dispatch("on_trust_release") |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
191 |
|
233
ba8f3a4a5ac7
plugin chat: e2e encryption improvments:
Goffi <goffi@goffi.org>
parents:
185
diff
changeset
|
192 <EncryptionButton>: |
| 117 | 193 size_hint: None, None |
|
242
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
194 width: self.parent.parent.best_width if self.parent is not None else 30 |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
195 height: dp(30) |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
196 on_best_width: self.parent.parent.best_width = max(self.parent.parent.best_width, args[1]) |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
197 Button: |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
198 text: root.text |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
199 size_hint: 1, 1 |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
200 padding: dp(5), dp(10) |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
201 color: 0, 0, 0, 1 |
| 312 | 202 bold: root.bold |
|
242
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
203 background_normal: app.expand('{media}/misc/borders/border_filled_black.png') |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
204 background_color: app.c_sec if root.selected else app.c_prim_dark |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
205 on_release: root.dispatch("on_release") |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
206 on_texture_size: root.best_width = self.texture_size[0] + (dp(30) if root.trust_button else 0) |
| 117 | 207 |
|
233
ba8f3a4a5ac7
plugin chat: e2e encryption improvments:
Goffi <goffi@goffi.org>
parents:
185
diff
changeset
|
208 <EncryptionMenu>: |
| 117 | 209 size_hint_x: None |
|
233
ba8f3a4a5ac7
plugin chat: e2e encryption improvments:
Goffi <goffi@goffi.org>
parents:
185
diff
changeset
|
210 width: self.container.minimum_width |
| 117 | 211 auto_width: False |
| 212 canvas.before: | |
| 213 Color: | |
| 214 rgba: 0, 0, 0, 1 | |
| 215 Rectangle: | |
| 216 pos: self.pos | |
| 217 size: self.size |