Mercurial > libervia-desktop
annotate cagou/plugins/plugin_wid_chat.kv @ 326:d9d2b56f46db
plugin chat: infinite scroll:
each when use scroll on top of current history, 30 new messages are prepended.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Fri, 06 Dec 2019 13:25:33 +0100 |
| parents | 5868a5575e01 |
| children | aa860c10acfc |
| 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 |
|
7819e9efa250
chat: avatar and nick are now displayed, need further aesthetic improvments
Goffi <goffi@goffi.org>
parents:
31
diff
changeset
|
25 <MessAvatar>: |
|
7819e9efa250
chat: avatar and nick are now displayed, need further aesthetic improvments
Goffi <goffi@goffi.org>
parents:
31
diff
changeset
|
26 size_hint: None, None |
|
7819e9efa250
chat: avatar and nick are now displayed, need further aesthetic improvments
Goffi <goffi@goffi.org>
parents:
31
diff
changeset
|
27 size: dp(30), dp(30) |
|
132
7ad965999d47
plugin chat: draw a background for avatars
Goffi <goffi@goffi.org>
parents:
131
diff
changeset
|
28 canvas.before: |
|
7ad965999d47
plugin chat: draw a background for avatars
Goffi <goffi@goffi.org>
parents:
131
diff
changeset
|
29 Color: |
|
7ad965999d47
plugin chat: draw a background for avatars
Goffi <goffi@goffi.org>
parents:
131
diff
changeset
|
30 rgba: (0.87,0.87,0.87,1) |
|
7ad965999d47
plugin chat: draw a background for avatars
Goffi <goffi@goffi.org>
parents:
131
diff
changeset
|
31 RoundedRectangle: |
|
7ad965999d47
plugin chat: draw a background for avatars
Goffi <goffi@goffi.org>
parents:
131
diff
changeset
|
32 radius: [dp(5)] |
|
7ad965999d47
plugin chat: draw a background for avatars
Goffi <goffi@goffi.org>
parents:
131
diff
changeset
|
33 pos: self.pos |
|
7ad965999d47
plugin chat: draw a background for avatars
Goffi <goffi@goffi.org>
parents:
131
diff
changeset
|
34 size: self.size |
|
44
7819e9efa250
chat: avatar and nick are now displayed, need further aesthetic improvments
Goffi <goffi@goffi.org>
parents:
31
diff
changeset
|
35 |
| 22 | 36 |
| 37 <MessageWidget>: | |
|
24
bc15b55a4114
chat: better bubble and time resizing
Goffi <goffi@goffi.org>
parents:
23
diff
changeset
|
38 size_hint: 1, None |
|
47
abb81efef3bb
chat: update avatar following quick frontend improvments
Goffi <goffi@goffi.org>
parents:
45
diff
changeset
|
39 avatar: avatar |
|
103
c601e3d40342
chat: display delivery receipt (with a green check mark)
Goffi <goffi@goffi.org>
parents:
97
diff
changeset
|
40 delivery: delivery |
| 138 | 41 mess_xhtml: mess_xhtml |
| 325 | 42 right_part: right_part |
| 43 header_box: header_box | |
| 44 height: self.minimum_height | |
| 45 | 45 BoxLayout: |
| 138 | 46 orientation: 'vertical' |
| 47 width: avatar.width | |
| 48 size_hint: None, 1 | |
| 45 | 49 MessAvatar: |
| 50 id: avatar | |
| 325 | 51 source: (root.mess_data.avatar or '') if root.mess_data else '' |
| 138 | 52 Widget: |
| 53 # use to push the avatar on the top | |
| 54 size_hint: 1, 1 | |
| 22 | 55 BoxLayout: |
| 325 | 56 size_hint: 1, None |
| 138 | 57 orientation: 'vertical' |
| 58 id: right_part | |
| 325 | 59 height: header_box.height + mess_xhtml.height |
| 138 | 60 BoxLayout: |
| 61 id: header_box | |
| 62 size_hint: 1, None | |
| 325 | 63 height: time_label.height if root.mess_type != C.MESS_TYPE_INFO else 0 |
| 64 opacity: 1 if root.mess_type != C.MESS_TYPE_INFO else 0 | |
| 138 | 65 Label: |
| 66 id: time_label | |
| 325 | 67 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
|
68 font_size: root.font_size |
| 138 | 69 text_size: None, None |
| 70 size_hint: None, None | |
| 71 size: self.texture_size | |
| 72 padding: dp(5), 0 | |
| 73 markup: True | |
| 74 valign: 'middle' | |
| 325 | 75 text: u"[b]{}[/b], {}".format(escape(root.nick), root.time_text) |
| 138 | 76 Label: |
| 77 id: delivery | |
| 274 | 78 color: C.COLOR_BTN_LIGHT |
|
185
ab3f5173ef5c
chat, simple XHTML: font size adjustement
Goffi <goffi@goffi.org>
parents:
167
diff
changeset
|
79 font_size: root.font_size |
| 138 | 80 text_size: None, None |
| 81 size_hint: None, None | |
| 82 size: self.texture_size | |
| 83 padding: dp(5), 0 | |
| 84 # XXX: DejaVuSans font is needed as check mark is not in Roboto | |
| 85 # this can be removed when Kivy will be able to handle fallback mechanism | |
| 86 # which will allow us to use fonts with more unicode characters | |
| 87 font_name: "DejaVuSans" | |
| 88 text: u'' | |
| 57 | 89 SimpleXHTMLWidget: |
| 90 id: mess_xhtml | |
| 138 | 91 size_hint: 1, None |
|
58
7aa2ffff9067
chat: <img/> tag handling first draft:
Goffi <goffi@goffi.org>
parents:
57
diff
changeset
|
92 height: self.minimum_height |
| 57 | 93 xhtml: root.message_xhtml or self.escape(root.message or u' ') |
| 325 | 94 color: (0.74,0.74,0.24,1) if root.mess_type == "info" else (0, 0, 0, 1) |
| 45 | 95 padding: root.mess_padding |
| 325 | 96 bold: True if root.mess_type == "info" else False |
| 97 | |
| 45 | 98 |
| 86 | 99 <Chat>: |
| 325 | 100 message_input: message_input |
| 86 | 101 messages_widget: messages_widget |
| 326 | 102 history_scroll: history_scroll |
| 86 | 103 ScrollView: |
| 326 | 104 id: history_scroll |
| 86 | 105 scroll_y: 0 |
| 326 | 106 on_scroll_y: root.onScroll(*args) |
| 86 | 107 do_scroll_x: False |
|
167
ffef21fd97a2
chat: allow to scroll using side bar + increased bar size
Goffi <goffi@goffi.org>
parents:
153
diff
changeset
|
108 scroll_type: ['bars', 'content'] |
| 326 | 109 bar_width: dp(10) |
| 110 effect_cls: ScrollEffect | |
| 325 | 111 DelayedBoxLayout: |
| 86 | 112 id: messages_widget |
| 325 | 113 size_hint_y: None |
| 114 padding: [app.MARGIN_LEFT, 0, app.MARGIN_RIGHT, dp(10)] | |
| 115 spacing: dp(10) | |
| 116 height: self.minimum_height | |
| 117 orientation: 'vertical' | |
| 86 | 118 MessageInputBox: |
| 78 | 119 size_hint: 1, None |
| 276 | 120 height: self.minimum_height |
|
252
fdda914a298b
chat: added some padding in MessageInputBox
Goffi <goffi@goffi.org>
parents:
244
diff
changeset
|
121 spacing: dp(10) |
| 274 | 122 padding: [app.MARGIN_LEFT, 0, app.MARGIN_RIGHT, dp(10)] |
| 86 | 123 message_input: message_input |
| 124 MessageInputWidget: | |
| 125 id: message_input | |
| 276 | 126 size_hint: 1, None |
| 127 height: min(self.minimum_height, dp(250)) | |
| 128 multiline: True | |
|
104
663e44f30092
chat: added gettext call for hint_text in input
Goffi <goffi@goffi.org>
parents:
103
diff
changeset
|
129 hint_text: _(u"Enter your message here") |
| 86 | 130 on_text_validate: root.onSend(args[0]) |
| 117 | 131 |
| 276 | 132 |
| 133 <SendButton>: | |
| 134 # SendButton is only shown on touch devices | |
| 135 symbol: "forward" | |
| 136 size_hint: None, 1 | |
| 137 width: dp(30) | |
| 138 font_size: dp(25) | |
| 139 on_release: self.message_input_box.send_text() | |
| 140 | |
|
278
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
141 # Buttons added in header |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
142 |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
143 <TransferButton>: |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
144 size_hint: None, 1 |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
145 symbol: "plus-circled" |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
146 width: dp(30) |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
147 font_size: dp(25) |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
148 color: 0.4, 0.4, 0.4, 1 |
|
444ba439530f
chat: moved transfer button to header_box
Goffi <goffi@goffi.org>
parents:
276
diff
changeset
|
149 |
|
287
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
150 <MenuButton@Button> |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
151 size_hint_y: None |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
152 height: dp(30) |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
153 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
|
154 |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
155 <ExtraMenu>: |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
156 auto_width: False |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
157 MenuButton: |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
158 text: _("Bookmarks") |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
159 on_release: root.select("bookmark") |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
160 |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
161 <ExtraButton>: |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
162 size_hint: None, 1 |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
163 symbol: "dot-3-vert" |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
164 width: dp(30) |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
165 font_size: dp(25) |
|
5d96bcd3bfec
chat: added an extra menu (3 dots menu):
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
166 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
|
167 on_release: self.chat.extra_menu.open(self) |
| 276 | 168 |
|
233
ba8f3a4a5ac7
plugin chat: e2e encryption improvments:
Goffi <goffi@goffi.org>
parents:
185
diff
changeset
|
169 <EncryptionMainButton>: |
| 117 | 170 size_hint: None, 1 |
| 171 width: dp(30) | |
|
135
091e288838e1
plugin chat: use new Symbol widget to display encryption button
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
172 color: self.getColor() |
|
091e288838e1
plugin chat: use new Symbol widget to display encryption button
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
173 symbol: self.getSymbol() |
| 117 | 174 |
|
242
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
175 <TrustManagementButton>: |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
176 symbol: "shield" |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
177 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
|
178 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
|
179 size_hint: None, 1 |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
180 width: dp(30) |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
181 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
|
182 |
|
233
ba8f3a4a5ac7
plugin chat: e2e encryption improvments:
Goffi <goffi@goffi.org>
parents:
185
diff
changeset
|
183 <EncryptionButton>: |
| 117 | 184 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
|
185 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
|
186 height: dp(30) |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
187 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
|
188 Button: |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
189 text: root.text |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
190 size_hint: 1, 1 |
|
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
191 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
|
192 color: 0, 0, 0, 1 |
| 312 | 193 bold: root.bold |
|
242
c2503168fab7
plugin chat (encryption): added a button to display trust management UI.
Goffi <goffi@goffi.org>
parents:
233
diff
changeset
|
194 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
|
195 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
|
196 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
|
197 on_texture_size: root.best_width = self.texture_size[0] + (dp(30) if root.trust_button else 0) |
| 117 | 198 |
|
233
ba8f3a4a5ac7
plugin chat: e2e encryption improvments:
Goffi <goffi@goffi.org>
parents:
185
diff
changeset
|
199 <EncryptionMenu>: |
| 117 | 200 size_hint_x: None |
|
233
ba8f3a4a5ac7
plugin chat: e2e encryption improvments:
Goffi <goffi@goffi.org>
parents:
185
diff
changeset
|
201 width: self.container.minimum_width |
| 117 | 202 auto_width: False |
| 203 canvas.before: | |
| 204 Color: | |
| 205 rgba: 0, 0, 0, 1 | |
| 206 Rectangle: | |
| 207 pos: self.pos | |
| 208 size: self.size |