Mercurial > libervia-desktop-kivy
annotate cagou/plugins/plugin_wid_chat.kv @ 354:aa860c10acfc
chat: new chat selector:
Using the new ScreenManager feature, a widget to select a chat to display is shown when a
user opens the chat (except if an entity jid is specified, in which case it opens directly
the Chat widget), or when user presses ESC.
When on ChatSelector, pressing ESC brings to the root widget (i.e. default widget).
The ChatSelect is a first draft, it is planned to show opened chats, rooms, and a way to
create new chats.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Fri, 17 Jan 2020 18:44:35 +0100 |
| parents | d9d2b56f46db |
| 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 |