Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
// This file is part of Moodle - http://moodle.org/
2
//
3
// Moodle is free software: you can redistribute it and/or modify
4
// it under the terms of the GNU General Public License as published by
5
// the Free Software Foundation, either version 3 of the License, or
6
// (at your option) any later version.
7
//
8
// Moodle is distributed in the hope that it will be useful,
9
// but WITHOUT ANY WARRANTY; without even the implied warranty of
10
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
11
// GNU General Public License for more details.
12
//
13
// You should have received a copy of the GNU General Public License
14
// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
15
 
16
/**
17
 * Controls the conversation page in the message drawer.
18
 *
19
 * This function handles all of the user actions that the user can take
20
 * when interacting with the conversation page.
21
 *
22
 * It maintains a view state which is a data representation of the view
23
 * and only operates on that data.
24
 *
25
 * The view state is immutable and should never be modified directly. Instead
26
 * all changes to the view state should be done using the StateManager which
27
 * will generate a new version of the view state with the requested changes.
28
 *
29
 * After any changes to the view state the module will call the render function
30
 * to ask the renderer to update the UI.
31
 *
32
 * General rules for this module:
33
 * 1.) Never modify viewState directly. All changes should be via the StateManager.
34
 * 2.) Call render() with the new state when you want to update the UI
35
 * 3.) Never modify the UI directly in this module. This module is only concerned
36
 *     with the data in the view state.
37
 *
38
 * The general flow for a user interaction will be something like:
39
 * User interaction: User clicks "confirm block" button to block the other user
40
 *      1.) This module is hears the click
41
 *      2.) This module sends a request to the server to block the user
42
 *      3.) The server responds with the new user profile
43
 *      4.) This module generates a new state using the StateManager with the updated
44
 *          user profile.
45
 *      5.) This module asks the Patcher to generate a patch from the current state and
46
 *          the newly generated state. This patch tells the renderer what has changed
47
 *          between the states.
48
 *      6.) This module gives the Renderer the generated patch. The renderer updates
49
 *          the UI with changes according to the patch.
50
 *
51
 * @module     core_message/message_drawer_view_conversation
52
 * @copyright  2018 Ryan Wyllie <ryan@moodle.com>
53
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
54
 */
55
define(
56
[
57
    'jquery',
58
    'core/auto_rows',
59
    'core/backoff_timer',
60
    'core/custom_interaction_events',
61
    'core/notification',
62
    'core/pending',
63
    'core/pubsub',
64
    'core/str',
65
    'core_message/message_repository',
66
    'core_message/message_drawer_events',
67
    'core_message/message_drawer_view_conversation_constants',
68
    'core_message/message_drawer_view_conversation_patcher',
69
    'core_message/message_drawer_view_conversation_renderer',
70
    'core_message/message_drawer_view_conversation_state_manager',
71
    'core_message/message_drawer_router',
72
    'core_message/message_drawer_routes',
73
    'core/emoji/auto_complete',
74
    'core/emoji/picker'
75
],
76
function(
77
    $,
78
    AutoRows,
79
    BackOffTimer,
80
    CustomEvents,
81
    Notification,
82
    Pending,
83
    PubSub,
84
    Str,
85
    Repository,
86
    MessageDrawerEvents,
87
    Constants,
88
    Patcher,
89
    Renderer,
90
    StateManager,
91
    MessageDrawerRouter,
92
    MessageDrawerRoutes,
93
    initialiseEmojiAutoComplete,
94
    initialiseEmojiPicker
95
) {
96
 
97
    // Contains a cache of all view states that have been loaded so far
98
    // which saves us having to reload stuff with network requests when
99
    // switching between conversations.
100
    var stateCache = {};
101
    // The current data representation of the view.
102
    var viewState = null;
103
    var loadedAllMessages = false;
104
    var messagesOffset = 0;
105
    var newMessagesPollTimer = null;
106
    var isRendering = false;
107
    var renderBuffer = [];
108
    // If the UI is currently resetting.
109
    var isResetting = true;
110
    // If the UI is currently sending a message.
111
    var isSendingMessage = false;
112
    // If the UI is currently deleting a conversation.
113
    var isDeletingConversationContent = false;
114
    // A buffer of messages to send.
115
    var sendMessageBuffer = [];
116
    // These functions which will be generated when this module is
117
    // first called. See generateRenderFunction for details.
118
    var render = null;
119
    // The list of renderers that have been registered to render
120
    // this conversation. See generateRenderFunction for details.
121
    var renderers = [];
122
 
123
    var NEWEST_FIRST = Constants.NEWEST_MESSAGES_FIRST;
124
    var LOAD_MESSAGE_LIMIT = Constants.LOAD_MESSAGE_LIMIT;
125
    var MILLISECONDS_IN_SEC = Constants.MILLISECONDS_IN_SEC;
126
    var SELECTORS = Constants.SELECTORS;
127
    var CONVERSATION_TYPES = Constants.CONVERSATION_TYPES;
128
 
129
    /**
130
     * Get the other user userid.
131
     *
132
     * @return {Number} Userid.
133
     */
134
    var getOtherUserId = function() {
135
        if (!viewState || viewState.type == CONVERSATION_TYPES.PUBLIC) {
136
            return null;
137
        }
138
 
139
        var loggedInUserId = viewState.loggedInUserId;
140
        if (viewState.type == CONVERSATION_TYPES.SELF) {
141
            // It's a self-conversation, so the other user is the one logged in.
142
            return loggedInUserId;
143
        }
144
 
145
        var otherUserIds = Object.keys(viewState.members).filter(function(userId) {
146
            return loggedInUserId != userId;
147
        });
148
 
149
        return otherUserIds.length ? otherUserIds[0] : null;
150
    };
151
 
152
    /**
153
     * Search the cache to see if we've already loaded a private conversation
154
     * with the given user id.
155
     *
156
     * @param {Number} userId The id of the other user.
157
     * @return {Number|null} Conversation id.
158
     */
159
    var getCachedPrivateConversationIdFromUserId = function(userId) {
160
        return Object.keys(stateCache).reduce(function(carry, id) {
161
            if (!carry) {
162
                var state = stateCache[id].state;
163
 
164
                if (state.type != CONVERSATION_TYPES.PUBLIC) {
165
                    if (userId in state.members) {
166
                        // We've found a cached conversation for this user!
167
                        carry = state.id;
168
                    }
169
                }
170
            }
171
 
172
            return carry;
173
        }, null);
174
    };
175
 
176
    /**
177
     * Get profile info for logged in user.
178
     *
179
     * @param {Object} body Conversation body container element.
180
     * @return {Object}
181
     */
182
    var getLoggedInUserProfile = function(body) {
183
        return {
184
            id: parseInt(body.attr('data-user-id'), 10),
185
            fullname: null,
186
            profileimageurl: null,
187
            profileimageurlsmall: null,
188
            isonline:  null,
189
            showonlinestatus: null,
190
            isblocked: null,
191
            iscontact: null,
192
            isdeleted: null,
193
            canmessage: null,
194
            canmessageevenifblocked: null,
195
            requirescontact: null,
1441 ariadna 196
            contactrequests: [],
197
            cancreatecontact: null,
1 efrain 198
        };
199
    };
200
 
201
    /**
202
     * Get the messages offset value to load more messages.
203
     *
204
     * @return {Number}
205
     */
206
    var getMessagesOffset = function() {
207
        return messagesOffset;
208
    };
209
 
210
    /**
211
     * Set the messages offset value for loading more messages.
212
     *
213
     * @param {Number} value The offset value
214
     */
215
    var setMessagesOffset = function(value) {
216
        messagesOffset = value;
217
        stateCache[viewState.id].messagesOffset = value;
218
    };
219
 
220
    /**
221
     * Check if all messages have been loaded.
222
     *
223
     * @return {Bool}
224
     */
225
    var hasLoadedAllMessages = function() {
226
        return loadedAllMessages;
227
    };
228
 
229
    /**
230
     * Set whether all messages have been loaded or not.
231
     *
232
     * @param {Bool} value If all messages have been loaded.
233
     */
234
    var setLoadedAllMessages = function(value) {
235
        loadedAllMessages = value;
236
        stateCache[viewState.id].loadedAllMessages = value;
237
    };
238
 
239
    /**
240
     * Get the messages container element.
241
     *
242
     * @param  {Object} body Conversation body container element.
243
     * @return {Object} The messages container element.
244
     */
245
    var getMessagesContainer = function(body) {
246
        return body.find(SELECTORS.MESSAGES_CONTAINER);
247
    };
248
 
249
    /**
250
     * Reformat the conversation for an event payload.
251
     *
252
     * @param  {Object} state The view state.
253
     * @return {Object} New formatted conversation.
254
     */
255
    var formatConversationForEvent = function(state) {
256
        return {
257
            id: state.id,
258
            name: state.name,
259
            subname: state.subname,
260
            imageUrl: state.imageUrl,
261
            isFavourite: state.isFavourite,
262
            isMuted: state.isMuted,
263
            type: state.type,
264
            totalMemberCount: state.totalMemberCount,
265
            loggedInUserId: state.loggedInUserId,
266
            messages: state.messages.map(function(message) {
267
                return $.extend({}, message);
268
            }),
269
            members: Object.keys(state.members).map(function(id) {
270
                var formattedMember = $.extend({}, state.members[id]);
271
                formattedMember.contactrequests = state.members[id].contactrequests.map(function(request) {
272
                    return $.extend({}, request);
273
                });
274
                return formattedMember;
275
            })
276
        };
277
    };
278
 
279
    /**
280
     * Load up an empty private conversation between the logged in user and the
281
     * other user. Sets all of the conversation details based on the other user.
282
     *
283
     * A conversation isn't created until the user sends the first message.
284
     *
285
     * @param  {Object} loggedInUserProfile The logged in user profile.
286
     * @param  {Number} otherUserId The other user id.
287
     * @return {Object} Profile returned from repository.
288
     */
289
    var loadEmptyPrivateConversation = function(loggedInUserProfile, otherUserId) {
290
        var loggedInUserId = loggedInUserProfile.id;
291
        // If the other user id is the same as the logged in user then this is a self
292
        // conversation.
293
        var conversationType = loggedInUserId == otherUserId ? CONVERSATION_TYPES.SELF : CONVERSATION_TYPES.PRIVATE;
294
        var newState = StateManager.setLoadingMembers(viewState, true);
295
        newState = StateManager.setLoadingMessages(newState, true);
296
        render(newState);
297
 
298
        return Repository.getMemberInfo(loggedInUserId, [otherUserId], true, true)
299
            .then(function(profiles) {
300
                if (profiles.length) {
301
                    return profiles[0];
302
                } else {
303
                    throw new Error('Unable to load other user profile');
304
                }
305
            })
306
            .then(function(profile) {
307
                // If the conversation is a self conversation then the profile loaded is the
308
                // logged in user so only add that to the members array.
309
                var members = conversationType == CONVERSATION_TYPES.SELF ? [profile] : [profile, loggedInUserProfile];
310
                var newState = StateManager.addMembers(viewState, members);
311
                newState = StateManager.setLoadingMembers(newState, false);
312
                newState = StateManager.setLoadingMessages(newState, false);
313
                newState = StateManager.setName(newState, profile.fullname);
314
                newState = StateManager.setType(newState, conversationType);
315
                newState = StateManager.setImageUrl(newState, profile.profileimageurl);
316
                newState = StateManager.setTotalMemberCount(newState, members.length);
317
                render(newState);
318
                return profile;
319
            })
320
            .catch(function(error) {
321
                var newState = StateManager.setLoadingMembers(viewState, false);
322
                render(newState);
323
                Notification.exception(error);
324
            });
325
    };
326
 
327
    /**
328
     * Create a new state from a conversation object.
329
     *
330
     * @param {Object} conversation The conversation object.
331
     * @param {Number} loggedInUserId The logged in user id.
332
     * @return {Object} new state.
333
     */
334
    var updateStateFromConversation = function(conversation, loggedInUserId) {
335
        var otherUser = null;
336
        if (conversation.type == CONVERSATION_TYPES.PRIVATE) {
337
            // For private conversations, remove current logged in user from the members list to get the other user.
338
            var otherUsers = conversation.members.filter(function(member) {
339
                return member.id != loggedInUserId;
340
            });
341
            otherUser = otherUsers.length ? otherUsers[0] : null;
342
        } else if (conversation.type == CONVERSATION_TYPES.SELF) {
343
            // Self-conversations have only one member.
344
            otherUser = conversation.members[0];
345
        }
346
 
347
        var name = conversation.name;
348
        var imageUrl = conversation.imageurl;
349
 
350
        if (conversation.type != CONVERSATION_TYPES.PUBLIC) {
351
            name = name || otherUser ? otherUser.fullname : '';
352
            imageUrl = imageUrl || otherUser ? otherUser.profileimageurl : '';
353
        }
354
 
355
        var newState = StateManager.addMembers(viewState, conversation.members);
356
        newState = StateManager.setName(newState, name);
357
        newState = StateManager.setSubname(newState, conversation.subname);
358
        newState = StateManager.setType(newState, conversation.type);
359
        newState = StateManager.setImageUrl(newState, imageUrl);
360
        newState = StateManager.setTotalMemberCount(newState, conversation.membercount);
361
        newState = StateManager.setIsFavourite(newState, conversation.isfavourite);
362
        newState = StateManager.setIsMuted(newState, conversation.ismuted);
363
        newState = StateManager.addMessages(newState, conversation.messages);
364
        newState = StateManager.setCanDeleteMessagesForAllUsers(newState, conversation.candeletemessagesforallusers);
365
        return newState;
366
    };
367
 
368
    /**
369
     * Get the details for a conversation from the conversation id.
370
     *
371
     * @param  {Number} conversationId The conversation id.
372
     * @param  {Object} loggedInUserProfile The logged in user profile.
373
     * @param  {Number} messageLimit The number of messages to include.
374
     * @param  {Number} messageOffset The number of messages to skip.
375
     * @param  {Bool} newestFirst Order messages newest first.
376
     * @return {Object} Promise resolved when loaded.
377
     */
378
    var loadNewConversation = function(
379
        conversationId,
380
        loggedInUserProfile,
381
        messageLimit,
382
        messageOffset,
383
        newestFirst
384
    ) {
385
        var loggedInUserId = loggedInUserProfile.id;
386
        var newState = StateManager.setLoadingMembers(viewState, true);
387
        newState = StateManager.setLoadingMessages(newState, true);
388
        render(newState);
389
 
390
        return Repository.getConversation(
391
            loggedInUserId,
392
            conversationId,
393
            true,
394
            true,
395
            0,
396
            0,
397
            messageLimit + 1,
398
            messageOffset,
399
            newestFirst
400
        )
401
            .then(function(conversation) {
402
                if (conversation.messages.length > messageLimit) {
403
                    conversation.messages = conversation.messages.slice(1);
404
                } else {
405
                    setLoadedAllMessages(true);
406
                }
407
 
408
                setMessagesOffset(messageOffset + messageLimit);
409
 
410
                return conversation;
411
            })
412
            .then(function(conversation) {
413
                var hasLoggedInUser = conversation.members.filter(function(member) {
414
                    return member.id == loggedInUserProfile.id;
415
                });
416
 
417
                if (hasLoggedInUser.length < 1) {
418
                    conversation.members = conversation.members.concat([loggedInUserProfile]);
419
                }
420
 
421
                var newState = updateStateFromConversation(conversation, loggedInUserProfile.id);
422
                newState = StateManager.setLoadingMembers(newState, false);
423
                newState = StateManager.setLoadingMessages(newState, false);
424
                return render(newState)
425
                    .then(function() {
426
                        return conversation;
427
                    });
428
            })
429
            .then(function() {
430
                return markConversationAsRead(conversationId);
431
            })
432
            .catch(function(error) {
433
                var newState = StateManager.setLoadingMembers(viewState, false);
434
                newState = StateManager.setLoadingMessages(newState, false);
435
                render(newState);
436
                Notification.exception(error);
437
            });
438
    };
439
 
440
    /**
441
     * Get the details for a conversation from and existing conversation object.
442
     *
443
     * @param  {Object} conversation The conversation object.
444
     * @param  {Object} loggedInUserProfile The logged in user profile.
445
     * @param  {Number} messageLimit The number of messages to include.
446
     * @param  {Bool} newestFirst Order messages newest first.
447
     * @return {Object} Promise resolved when loaded.
448
     */
449
    var loadExistingConversation = function(
450
        conversation,
451
        loggedInUserProfile,
452
        messageLimit,
453
        newestFirst
454
    ) {
455
        var hasLoggedInUser = conversation.members.filter(function(member) {
456
            return member.id == loggedInUserProfile.id;
457
        });
458
 
459
        if (hasLoggedInUser.length < 1) {
460
            conversation.members = conversation.members.concat([loggedInUserProfile]);
461
        }
462
 
463
        var messageCount = conversation.messages.length;
464
        var hasLoadedEnoughMessages = messageCount >= messageLimit;
465
        var newState = updateStateFromConversation(conversation, loggedInUserProfile.id);
466
        newState = StateManager.setLoadingMembers(newState, false);
467
        newState = StateManager.setLoadingMessages(newState, !hasLoadedEnoughMessages);
468
        var renderPromise = render(newState);
469
 
470
        return renderPromise.then(function() {
471
                if (!hasLoadedEnoughMessages) {
472
                    // We haven't got enough messages so let's load some more.
473
                    return loadMessages(conversation.id, messageLimit, messageCount, newestFirst, []);
474
                } else {
475
                    // We've got enough messages. No need to load any more for now.
476
                    return {messages: conversation.messages};
477
                }
478
            })
479
            .then(function() {
480
                var messages = viewState.messages;
481
                // Update the offset to reflect the number of messages we've loaded.
482
                setMessagesOffset(messages.length);
483
                markConversationAsRead(viewState.id);
484
 
485
                return messages;
486
            })
487
            .catch(Notification.exception);
488
    };
489
 
490
    /**
491
     * Load messages for this conversation and pass them to the renderer.
492
     *
493
     * @param  {Number} conversationId Conversation id.
494
     * @param  {Number} limit Number of messages to load.
495
     * @param  {Number} offset Get messages from offset.
496
     * @param  {Bool} newestFirst Get newest messages first.
497
     * @param  {Array} ignoreList Ignore any messages with ids in this list.
498
     * @param  {Number|null} timeFrom Only get messages from this time onwards.
499
     * @return {Promise} renderer promise.
500
     */
501
    var loadMessages = function(conversationId, limit, offset, newestFirst, ignoreList, timeFrom) {
502
        return Repository.getMessages(
503
                viewState.loggedInUserId,
504
                conversationId,
505
                limit ? limit + 1 : limit,
506
                offset,
507
                newestFirst,
508
                timeFrom
509
            )
510
            .then(function(result) {
511
                // Prevent older requests from contaminating the current view.
512
                if (result.id != viewState.id) {
513
                    result.messages = [];
514
                    // Purge old conversation cache to prevent messages lose.
515
                    if (result.id in stateCache) {
516
                        delete stateCache[result.id];
517
                    }
518
                }
519
 
520
                return result;
521
            })
522
            .then(function(result) {
523
                if (result.messages.length && ignoreList.length) {
524
                    result.messages = result.messages.filter(function(message) {
525
                        // Skip any messages in our ignore list.
526
                        return ignoreList.indexOf(parseInt(message.id, 10)) < 0;
527
                    });
528
                }
529
 
530
                return result;
531
            })
532
            .then(function(result) {
533
                if (!limit) {
534
                    return result;
535
                } else if (result.messages.length > limit) {
536
                    // Ignore the last result which was just to test if there are more
537
                    // to load.
538
                    result.messages = result.messages.slice(0, -1);
539
                } else {
540
                    setLoadedAllMessages(true);
541
                }
542
 
543
                return result;
544
            })
545
            .then(function(result) {
546
                var membersToAdd = result.members.filter(function(member) {
547
                    return !(member.id in viewState.members);
548
                });
549
                var newState = StateManager.addMembers(viewState, membersToAdd);
550
                newState = StateManager.addMessages(newState, result.messages);
551
                newState = StateManager.setLoadingMessages(newState, false);
552
                return render(newState)
553
                    .then(function() {
554
                        return result;
555
                    });
556
            })
557
            .catch(function(error) {
558
                var newState = StateManager.setLoadingMessages(viewState, false);
559
                render(newState);
560
                // Re-throw the error for other error handlers.
561
                throw error;
562
            });
563
    };
564
 
565
    /**
566
     * Create a callback function for getting new messages for this conversation.
567
     *
568
     * @param  {Number} conversationId Conversation id.
569
     * @param  {Bool} newestFirst Show newest messages first
570
     * @return {Function} Callback function that returns a renderer promise.
571
     */
572
    var getLoadNewMessagesCallback = function(conversationId, newestFirst) {
573
        return function() {
574
            var messages = viewState.messages;
575
            var mostRecentMessage = messages.length ? messages[messages.length - 1] : null;
576
            var lastTimeCreated = mostRecentMessage ? mostRecentMessage.timeCreated : null;
577
 
578
            if (lastTimeCreated && !isResetting && !isSendingMessage && !isDeletingConversationContent) {
579
                // There may be multiple messages with the same time created value since
580
                // the accuracy is only down to the second. The server will include these
581
                // messages in the result (since it does a >= comparison on time from) so
582
                // we need to filter them back out of the result so that we're left only
583
                // with the new messages.
584
                var ignoreMessageIds = [];
585
                for (var i = messages.length - 1; i >= 0; i--) {
586
                    var message = messages[i];
587
                    if (message.timeCreated === lastTimeCreated) {
588
                        ignoreMessageIds.push(message.id);
589
                    } else {
590
                        // Since the messages are ordered in ascending order of time created
591
                        // we can break as soon as we hit a message with a different time created
592
                        // because we know all other messages will have lower values.
593
                        break;
594
                    }
595
                }
596
 
597
                return loadMessages(
598
                        conversationId,
599
                        0,
600
                        0,
601
                        newestFirst,
602
                        ignoreMessageIds,
603
                        lastTimeCreated
604
                    )
605
                    .then(function(result) {
606
                        if (result.messages.length) {
607
                            // If we found some results then restart the polling timer
608
                            // because the other user might be sending messages.
609
                            newMessagesPollTimer.restart();
610
                            // We've also got a new last message so publish that for other
611
                            // components to update.
612
                            var conversation = formatConversationForEvent(viewState);
613
                            PubSub.publish(MessageDrawerEvents.CONVERSATION_NEW_LAST_MESSAGE, conversation);
614
                            return markConversationAsRead(conversationId);
615
                        } else {
616
                            return result;
617
                        }
618
                    });
619
            }
620
 
621
            return $.Deferred().resolve().promise();
622
        };
623
    };
624
 
625
    /**
626
     * Mark a conversation as read.
627
     *
628
     * @param  {Number} conversationId The conversation id.
629
     * @return {Promise} The renderer promise.
630
     */
631
    var markConversationAsRead = function(conversationId) {
632
        var loggedInUserId = viewState.loggedInUserId;
633
        var pendingPromise = new Pending('core_message/message_drawer_view_conversation:markConversationAsRead');
634
 
635
        return Repository.markAllConversationMessagesAsRead(loggedInUserId, conversationId)
636
            .then(function() {
637
                var newState = StateManager.markMessagesAsRead(viewState, viewState.messages);
638
                PubSub.publish(MessageDrawerEvents.CONVERSATION_READ, conversationId);
639
                return render(newState);
640
            })
641
            .then(function(result) {
642
                pendingPromise.resolve();
643
 
644
                return result;
645
            });
646
    };
647
 
648
    /**
649
     * Tell the statemanager there is request to block a user and run the renderer
650
     * to show the block user dialogue.
651
     *
652
     * @param {Number} userId User id.
653
     */
654
    var requestBlockUser = function(userId) {
655
        cancelRequest(userId);
656
        var newState = StateManager.addPendingBlockUsersById(viewState, [userId]);
657
        render(newState);
658
    };
659
 
660
    /**
661
     * Send the repository a request to block a user, update the statemanager and publish
662
     * a contact has been blocked.
663
     *
664
     * @param  {Number} userId User id of user to block.
665
     * @return {Promise} Renderer promise.
666
     */
667
    var blockUser = function(userId) {
668
        var newState = StateManager.setLoadingConfirmAction(viewState, true);
669
        var pendingPromise = new Pending('core_message/message_drawer_view_conversation:blockUser');
670
 
671
        render(newState);
672
 
673
        return Repository.blockUser(viewState.loggedInUserId, userId)
674
            .then(function(profile) {
675
                var newState = StateManager.addMembers(viewState, [profile]);
676
                newState = StateManager.removePendingBlockUsersById(newState, [userId]);
677
                newState = StateManager.setLoadingConfirmAction(newState, false);
678
                PubSub.publish(MessageDrawerEvents.CONTACT_BLOCKED, userId);
679
                return render(newState);
680
            })
681
            .then(function(result) {
682
                pendingPromise.resolve();
683
 
684
                return result;
685
            });
686
    };
687
 
688
    /**
689
     * Tell the statemanager there is a request to unblock a user and run the renderer
690
     * to show the unblock user dialogue.
691
     *
692
     * @param {Number} userId User id of user to unblock.
693
     */
694
    var requestUnblockUser = function(userId) {
695
        cancelRequest(userId);
696
        var newState = StateManager.addPendingUnblockUsersById(viewState, [userId]);
697
        render(newState);
698
    };
699
 
700
    /**
701
     * Send the repository a request to unblock a user, update the statemanager and publish
702
     * a contact has been unblocked.
703
     *
704
     * @param  {Number} userId User id of user to unblock.
705
     * @return {Promise} Renderer promise.
706
     */
707
    var unblockUser = function(userId) {
708
        var newState = StateManager.setLoadingConfirmAction(viewState, true);
709
        var pendingPromise = new Pending('core_message/message_drawer_view_conversation:unblockUser');
710
        render(newState);
711
 
712
        return Repository.unblockUser(viewState.loggedInUserId, userId)
713
            .then(function(profile) {
714
                var newState = StateManager.addMembers(viewState, [profile]);
715
                newState = StateManager.removePendingUnblockUsersById(newState, [userId]);
716
                newState = StateManager.setLoadingConfirmAction(newState, false);
717
                PubSub.publish(MessageDrawerEvents.CONTACT_UNBLOCKED, userId);
718
                return render(newState);
719
            })
720
            .then(function(result) {
721
                pendingPromise.resolve();
722
 
723
                return result;
724
            });
725
    };
726
 
727
    /**
728
     * Tell the statemanager there is a request to remove a user from the contact list
729
     * and run the renderer to show the remove user from contacts dialogue.
730
     *
731
     * @param {Number} userId User id of user to remove from contacts.
732
     */
733
    var requestRemoveContact = function(userId) {
734
        cancelRequest(userId);
735
        var newState = StateManager.addPendingRemoveContactsById(viewState, [userId]);
736
        render(newState);
737
    };
738
 
739
    /**
740
     * Send the repository a request to remove a user from the contacts list. update the statemanager
741
     * and publish a contact has been removed.
742
     *
743
     * @param  {Number} userId User id of user to remove from contacts.
744
     * @return {Promise} Renderer promise.
745
     */
746
    var removeContact = function(userId) {
747
        var newState = StateManager.setLoadingConfirmAction(viewState, true);
748
        var pendingPromise = new Pending('core_message/message_drawer_view_conversation:removeContact');
749
        render(newState);
750
 
751
        return Repository.deleteContacts(viewState.loggedInUserId, [userId])
752
            .then(function(profiles) {
753
                var newState = StateManager.addMembers(viewState, profiles);
754
                newState = StateManager.removePendingRemoveContactsById(newState, [userId]);
755
                newState = StateManager.setLoadingConfirmAction(newState, false);
756
                PubSub.publish(MessageDrawerEvents.CONTACT_REMOVED, userId);
757
                return render(newState);
758
            })
759
            .then(function(result) {
760
                pendingPromise.resolve();
761
 
762
                return result;
763
            });
764
    };
765
 
766
    /**
767
     * Tell the statemanager there is a request to add a user to the contact list
768
     * and run the renderer to show the add user to contacts dialogue.
769
     *
770
     * @param {Number} userId User id of user to add to contacts.
771
     */
772
    var requestAddContact = function(userId) {
773
        cancelRequest(userId);
774
        var newState = StateManager.addPendingAddContactsById(viewState, [userId]);
775
        render(newState);
776
    };
777
 
778
    /**
779
     * Send the repository a request to add a user to the contacts list. update the statemanager
780
     * and publish a contact has been added.
781
     *
782
     * @param  {Number} userId User id of user to add to contacts.
783
     * @return {Promise} Renderer promise.
784
     */
785
    var addContact = function(userId) {
786
        var newState = StateManager.setLoadingConfirmAction(viewState, true);
787
        var pendingPromise = new Pending('core_message/message_drawer_view_conversation:addContactRequests');
788
        render(newState);
789
 
790
        return Repository.createContactRequest(viewState.loggedInUserId, userId)
791
            .then(function(response) {
792
                if (!response.request) {
793
                    throw new Error(response.warnings[0].message);
794
                }
795
 
796
                return response.request;
797
            })
798
            .then(function(request) {
799
                var newState = StateManager.removePendingAddContactsById(viewState, [userId]);
800
                newState = StateManager.addContactRequests(newState, [request]);
801
                newState = StateManager.setLoadingConfirmAction(newState, false);
802
                return render(newState);
803
            })
804
            .then(function(result) {
805
                pendingPromise.resolve();
806
 
807
                return result;
808
            });
809
    };
810
 
811
    /**
812
     * Set the current conversation as a favourite conversation.
813
     *
814
     * @return {Promise} Renderer promise.
815
     */
816
    var setFavourite = function() {
817
        var userId = viewState.loggedInUserId;
818
        var conversationId = viewState.id;
819
        var pendingPromise = new Pending('core_message/message_drawer_view_conversation:setFavourite');
820
 
821
        return Repository.setFavouriteConversations(userId, [conversationId])
822
            .then(function() {
823
                var newState = StateManager.setIsFavourite(viewState, true);
824
                return render(newState);
825
            })
826
            .then(function() {
827
                return PubSub.publish(
828
                    MessageDrawerEvents.CONVERSATION_SET_FAVOURITE,
829
                    formatConversationForEvent(viewState)
830
                );
831
            })
832
            .then(function(result) {
833
                pendingPromise.resolve();
834
 
835
                return result;
836
            });
837
    };
838
 
839
    /**
840
     * Unset the current conversation as a favourite conversation.
841
     *
842
     * @return {Promise} Renderer promise.
843
     */
844
    var unsetFavourite = function() {
845
        var userId = viewState.loggedInUserId;
846
        var conversationId = viewState.id;
847
        var pendingPromise = new Pending('core_message/message_drawer_view_conversation:unsetFavourite');
848
 
849
        return Repository.unsetFavouriteConversations(userId, [conversationId])
850
            .then(function() {
851
                var newState = StateManager.setIsFavourite(viewState, false);
852
                return render(newState);
853
            })
854
            .then(function() {
855
                return PubSub.publish(
856
                    MessageDrawerEvents.CONVERSATION_UNSET_FAVOURITE,
857
                    formatConversationForEvent(viewState)
858
                );
859
            })
860
            .then(function(result) {
861
                pendingPromise.resolve();
862
 
863
                return result;
864
            });
865
    };
866
 
867
    /**
868
     * Set the current conversation as a muted conversation.
869
     *
870
     * @return {Promise} Renderer promise.
871
     */
872
    var setMuted = function() {
873
        var userId = viewState.loggedInUserId;
874
        var conversationId = viewState.id;
875
        var pendingPromise = new Pending('core_message/message_drawer_view_conversation:markConversationAsRead');
876
 
877
        return Repository.setMutedConversations(userId, [conversationId])
878
            .then(function() {
879
                var newState = StateManager.setIsMuted(viewState, true);
880
                return render(newState);
881
            })
882
            .then(function() {
883
                return PubSub.publish(
884
                    MessageDrawerEvents.CONVERSATION_SET_MUTED,
885
                    formatConversationForEvent(viewState)
886
                );
887
            })
888
            .then(function(result) {
889
                pendingPromise.resolve();
890
 
891
                return result;
892
            });
893
    };
894
 
895
    /**
896
     * Unset the current conversation as a muted conversation.
897
     *
898
     * @return {Promise} Renderer promise.
899
     */
900
    var unsetMuted = function() {
901
        var userId = viewState.loggedInUserId;
902
        var conversationId = viewState.id;
903
 
904
        return Repository.unsetMutedConversations(userId, [conversationId])
905
            .then(function() {
906
                var newState = StateManager.setIsMuted(viewState, false);
907
                return render(newState);
908
            })
909
            .then(function() {
910
                return PubSub.publish(
911
                    MessageDrawerEvents.CONVERSATION_UNSET_MUTED,
912
                    formatConversationForEvent(viewState)
913
                );
914
            });
915
    };
916
 
917
    /**
918
     * Tell the statemanager there is a request to delete the selected messages
919
     * and run the renderer to show confirm delete messages dialogue.
920
     *
921
     * @param {Number} userId User id.
922
     */
923
    var requestDeleteSelectedMessages = function(userId) {
924
        var selectedMessageIds = viewState.selectedMessageIds;
925
        cancelRequest(userId);
926
        var newState = StateManager.addPendingDeleteMessagesById(viewState, selectedMessageIds);
927
        render(newState);
928
    };
929
 
930
    /**
931
     * Send the repository a request to delete the messages pending deletion. Update the statemanager
932
     * and publish a message deletion event.
933
     *
934
     * @return {Promise} Renderer promise.
935
     */
936
    var deleteSelectedMessages = function() {
937
        var pendingPromise = new Pending('core_message/message_drawer_view_conversation:deleteSelectedMessages');
938
        var messageIds = viewState.pendingDeleteMessageIds;
939
        var sentMessages = viewState.messages.filter(function(message) {
940
            // If a message sendState is null then it means it was loaded from the server or if it's
941
            // set to sent then it means the user has successfully sent it in this page load.
942
            return messageIds.indexOf(message.id) >= 0 && (message.sendState == 'sent' || message.sendState === null);
943
        });
944
        var newState = StateManager.setLoadingConfirmAction(viewState, true);
945
 
946
        render(newState);
947
 
948
        var deleteMessagesPromise = $.Deferred().resolve().promise();
949
 
950
 
951
        if (sentMessages.length) {
952
            // We only need to send a request to the server if we're trying to delete messages that
953
            // have successfully been sent.
954
            var sentMessageIds = sentMessages.map(function(message) {
955
                return message.id;
956
            });
957
            if (newState.deleteMessagesForAllUsers) {
958
                deleteMessagesPromise = Repository.deleteMessagesForAllUsers(viewState.loggedInUserId, sentMessageIds);
959
            } else {
960
                deleteMessagesPromise = Repository.deleteMessages(viewState.loggedInUserId, sentMessageIds);
961
            }
962
        }
963
 
964
        // Mark that we are deleting content from the  conversation to prevent updates of it.
965
        isDeletingConversationContent = true;
966
 
967
        // Stop polling for new messages to the open conversation.
968
        if (newMessagesPollTimer) {
969
            newMessagesPollTimer.stop();
970
        }
971
 
972
        return deleteMessagesPromise.then(function() {
973
                var newState = StateManager.removeMessagesById(viewState, messageIds);
974
                newState = StateManager.removePendingDeleteMessagesById(newState, messageIds);
975
                newState = StateManager.removeSelectedMessagesById(newState, messageIds);
976
                newState = StateManager.setLoadingConfirmAction(newState, false);
977
                newState = StateManager.setDeleteMessagesForAllUsers(newState, false);
978
 
979
                var prevLastMessage = viewState.messages[viewState.messages.length - 1];
980
                var newLastMessage = newState.messages.length ? newState.messages[newState.messages.length - 1] : null;
981
 
982
                if (newLastMessage && newLastMessage.id != prevLastMessage.id) {
983
                    var conversation = formatConversationForEvent(newState);
984
                    PubSub.publish(MessageDrawerEvents.CONVERSATION_NEW_LAST_MESSAGE, conversation);
985
                } else if (!newState.messages.length) {
986
                    PubSub.publish(MessageDrawerEvents.CONVERSATION_DELETED, newState.id);
987
                }
988
 
989
                isDeletingConversationContent = false;
990
                return render(newState);
991
            })
992
            .then(function(result) {
993
                pendingPromise.resolve();
994
 
995
                return result;
996
            })
997
            .catch(Notification.exception);
998
    };
999
 
1000
    /**
1001
     * Tell the statemanager there is a request to delete a conversation
1002
     * and run the renderer to show confirm delete conversation dialogue.
1003
     *
1004
     * @param {Number} userId User id of other user.
1005
     */
1006
    var requestDeleteConversation = function(userId) {
1007
        cancelRequest(userId);
1008
        var newState = StateManager.setPendingDeleteConversation(viewState, true);
1009
        render(newState);
1010
    };
1011
 
1012
    /**
1013
     * Send the repository a request to delete a conversation. Update the statemanager
1014
     * and publish a conversation deleted event.
1015
     *
1016
     * @return {Promise} Renderer promise.
1017
     */
1018
    var deleteConversation = function() {
1019
        var pendingPromise = new Pending('core_message/message_drawer_view_conversation:markConversationAsRead');
1020
        var newState = StateManager.setLoadingConfirmAction(viewState, true);
1021
        render(newState);
1022
 
1023
        // Mark that we are deleting the conversation to prevent updates of it.
1024
        isDeletingConversationContent = true;
1025
 
1026
        // Stop polling for new messages to the open conversation.
1027
        if (newMessagesPollTimer) {
1028
            newMessagesPollTimer.stop();
1029
        }
1030
 
1031
        return Repository.deleteConversation(viewState.loggedInUserId, viewState.id)
1032
            .then(function() {
1033
                var newState = StateManager.removeMessages(viewState, viewState.messages);
1034
                newState = StateManager.removeSelectedMessagesById(newState, viewState.selectedMessageIds);
1035
                newState = StateManager.setPendingDeleteConversation(newState, false);
1036
                newState = StateManager.setLoadingConfirmAction(newState, false);
1037
                PubSub.publish(MessageDrawerEvents.CONVERSATION_DELETED, newState.id);
1038
 
1039
                isDeletingConversationContent = false;
1040
 
1041
                return render(newState);
1042
            })
1043
            .then(function(result) {
1044
                pendingPromise.resolve();
1045
 
1046
                return result;
1047
            });
1048
    };
1049
 
1050
    /**
1051
     * Tell the statemanager to cancel all pending actions.
1052
     *
1053
     * @param  {Number} userId User id.
1054
     */
1055
    var cancelRequest = function(userId) {
1056
        var pendingDeleteMessageIds = viewState.pendingDeleteMessageIds;
1057
        var newState = StateManager.removePendingAddContactsById(viewState, [userId]);
1058
        newState = StateManager.removePendingRemoveContactsById(newState, [userId]);
1059
        newState = StateManager.removePendingUnblockUsersById(newState, [userId]);
1060
        newState = StateManager.removePendingBlockUsersById(newState, [userId]);
1061
        newState = StateManager.removePendingDeleteMessagesById(newState, pendingDeleteMessageIds);
1062
        newState = StateManager.setPendingDeleteConversation(newState, false);
1063
        newState = StateManager.setDeleteMessagesForAllUsers(newState, false);
1064
        render(newState);
1065
    };
1066
 
1067
    /**
1068
     * Accept the contact request from the given user.
1069
     *
1070
     * @param  {Number} userId User id of other user.
1071
     * @return {Promise} Renderer promise.
1072
     */
1073
    var acceptContactRequest = function(userId) {
1074
        var pendingPromise = new Pending('core_message/message_drawer_view_conversation:acceptContactRequest');
1075
 
1076
        // Search the list of the logged in user's contact requests to find the
1077
        // one from this user.
1078
        var loggedInUserId = viewState.loggedInUserId;
1079
        var requests = viewState.members[userId].contactrequests.filter(function(request) {
1080
            return request.requesteduserid == loggedInUserId;
1081
        });
1082
        var request = requests[0];
1083
        var newState = StateManager.setLoadingConfirmAction(viewState, true);
1084
        render(newState);
1085
 
1086
        return Repository.acceptContactRequest(userId, loggedInUserId)
1087
            .then(function(profile) {
1088
                var newState = StateManager.removeContactRequests(viewState, [request]);
1089
                newState = StateManager.addMembers(viewState, [profile]);
1090
                newState = StateManager.setLoadingConfirmAction(newState, false);
1091
                return render(newState);
1092
            })
1093
            .then(function() {
1094
                PubSub.publish(MessageDrawerEvents.CONTACT_ADDED, viewState.members[userId]);
1095
                PubSub.publish(MessageDrawerEvents.CONTACT_REQUEST_ACCEPTED, request);
1096
                return;
1097
            })
1098
            .then(function(result) {
1099
                pendingPromise.resolve();
1100
 
1101
                return result;
1102
            });
1103
    };
1104
 
1105
    /**
1106
     * Decline the contact request from the given user.
1107
     *
1108
     * @param  {Number} userId User id of other user.
1109
     * @return {Promise} Renderer promise.
1110
     */
1111
    var declineContactRequest = function(userId) {
1112
        var pendingPromise = new Pending('core_message/message_drawer_view_conversation:declineContactRequest');
1113
 
1114
        // Search the list of the logged in user's contact requests to find the
1115
        // one from this user.
1116
        var loggedInUserId = viewState.loggedInUserId;
1117
        var requests = viewState.members[userId].contactrequests.filter(function(request) {
1118
            return request.requesteduserid == loggedInUserId;
1119
        });
1120
        var request = requests[0];
1121
        var newState = StateManager.setLoadingConfirmAction(viewState, true);
1122
        render(newState);
1123
 
1124
        return Repository.declineContactRequest(userId, loggedInUserId)
1125
            .then(function(profile) {
1126
                var newState = StateManager.removeContactRequests(viewState, [request]);
1127
                newState = StateManager.addMembers(viewState, [profile]);
1128
                newState = StateManager.setLoadingConfirmAction(newState, false);
1129
                return render(newState);
1130
            })
1131
            .then(function() {
1132
                PubSub.publish(MessageDrawerEvents.CONTACT_REQUEST_DECLINED, request);
1133
                return;
1134
            })
1135
            .then(function(result) {
1136
                pendingPromise.resolve();
1137
 
1138
                return result;
1139
            });
1140
    };
1141
 
1142
    /**
1143
     * Send all of the messages in the buffer to the server to be created. Update the
1144
     * UI with the newly created message information.
1145
     *
1146
     * This function will recursively call itself in order to make sure the buffer is
1147
     * always being processed.
1148
     */
1149
    var processSendMessageBuffer = function() {
1150
        if (isSendingMessage) {
1151
            // We're already sending messages so nothing to do.
1152
            return;
1153
        }
1154
        if (!sendMessageBuffer.length) {
1155
            // No messages waiting to send. Nothing to do.
1156
            return;
1157
        }
1158
 
1159
        var pendingPromise = new Pending('core_message/message_drawer_view_conversation:processSendMessageBuffer');
1160
 
1161
        // Flag that we're processing the queue.
1162
        isSendingMessage = true;
1163
        // Grab all of the messages in the buffer.
1164
        var messagesToSend = sendMessageBuffer.slice();
1165
        // Empty the buffer since we're processing it.
1166
        sendMessageBuffer = [];
1167
        var conversationId = viewState.id;
1168
        var newConversationId = null;
1169
        var messagesText = messagesToSend.map(function(message) {
1170
            return message.text;
1171
        });
1172
        var messageIds = messagesToSend.map(function(message) {
1173
            return message.id;
1174
        });
1175
        var sendMessagePromise = null;
1176
        var newCanDeleteMessagesForAllUsers = null;
1177
        if (!conversationId && (viewState.type != CONVERSATION_TYPES.PUBLIC)) {
1178
            // If it's a new private conversation then we need to use the old
1179
            // web service function to create the conversation.
1180
            var otherUserId = getOtherUserId();
1181
            sendMessagePromise = Repository.sendMessagesToUser(otherUserId, messagesText)
1182
                .then(function(messages) {
1183
                    if (messages.length) {
1184
                        newConversationId = parseInt(messages[0].conversationid, 10);
1185
                        newCanDeleteMessagesForAllUsers = messages[0].candeletemessagesforallusers;
1186
                    }
1187
                    return messages;
1188
                });
1189
        } else {
1190
            sendMessagePromise = Repository.sendMessagesToConversation(conversationId, messagesText);
1191
        }
1192
 
1193
        sendMessagePromise
1194
            .then(function(messages) {
1195
                var newMessageIds = messages.map(function(message) {
1196
                    return message.id;
1197
                });
1198
                var data = [];
1199
                var selectedToRemove = [];
1200
                var selectedToAdd = [];
1201
 
1202
                messagesToSend.forEach(function(oldMessage, index) {
1203
                    var newMessage = messages[index];
1204
                    // Update messages expects and array of arrays where the first value
1205
                    // is the old message to update and the second value is the new values
1206
                    // to set.
1207
                    data.push([oldMessage, newMessage]);
1208
 
1209
                    if (viewState.selectedMessageIds.indexOf(oldMessage.id) >= 0) {
1210
                        // If the message was added to the "selected messages" list while it was still
1211
                        // being sent then we should update it's id in that list now to make sure future
1212
                        // actions work.
1213
                        selectedToRemove.push(oldMessage.id);
1214
                        selectedToAdd.push(newMessage.id);
1215
                    }
1216
                });
1217
                var newState = StateManager.updateMessages(viewState, data);
1218
                newState = StateManager.setMessagesSendSuccessById(newState, newMessageIds);
1219
 
1220
                if (selectedToRemove.length) {
1221
                    newState = StateManager.removeSelectedMessagesById(newState, selectedToRemove);
1222
                }
1223
 
1224
                if (selectedToAdd.length) {
1225
                    newState = StateManager.addSelectedMessagesById(newState, selectedToAdd);
1226
                }
1227
 
1228
                var conversation = formatConversationForEvent(newState);
1229
 
1230
                if (!newState.id) {
1231
                    // If this message created the conversation then save the conversation
1232
                    // id.
1233
                    newState = StateManager.setId(newState, newConversationId);
1234
                    conversation.id = newConversationId;
1235
                    resetMessagePollTimer(newConversationId);
1236
                    PubSub.publish(MessageDrawerEvents.CONVERSATION_CREATED, conversation);
1237
                    newState = StateManager.setCanDeleteMessagesForAllUsers(newState, newCanDeleteMessagesForAllUsers);
1238
                }
1239
 
1240
                // Update the UI with the new message values from the server.
1241
                render(newState);
1242
                // Recurse just in case there has been more messages added to the buffer.
1243
                isSendingMessage = false;
1244
                processSendMessageBuffer();
1245
                PubSub.publish(MessageDrawerEvents.CONVERSATION_NEW_LAST_MESSAGE, conversation);
1246
                return;
1247
            })
1248
            .then(function(result) {
1249
                pendingPromise.resolve();
1250
 
1251
                return result;
1252
            })
1253
            .catch(function(e) {
1254
                var errorMessage;
1255
                if (e.message) {
1256
                    errorMessage = $.Deferred().resolve(e.message).promise();
1257
                } else {
1258
                    errorMessage = Str.get_string('unknownerror', 'core');
1259
                }
1260
 
1261
                var handleFailedMessages = function(errorMessage) {
1262
                    // We failed to create messages so remove the old messages from the pending queue
1263
                    // and update the UI to indicate that the message failed.
1264
                    var newState = StateManager.setMessagesSendFailById(viewState, messageIds, errorMessage);
1265
                    render(newState);
1266
                    isSendingMessage = false;
1267
                    processSendMessageBuffer();
1268
                };
1269
 
1270
                errorMessage.then(handleFailedMessages)
1271
                    .then(function(result) {
1272
                        pendingPromise.resolve();
1273
 
1274
                        return result;
1275
                    })
1276
                    .catch(function(e) {
1277
                        // Hrmm, we can't even load the error messages string! We'll have to
1278
                        // hard code something in English here if we still haven't got a message
1279
                        // to show.
1280
                        var finalError = e.message || 'Something went wrong!';
1281
                        handleFailedMessages(finalError);
1282
                    });
1283
            });
1284
    };
1285
 
1286
    /**
1287
     * Create a plain version of an HTML text.
1288
     *
1289
     * This texts is used as a message preview while is sent to the server. This way
1290
     * it is possible to prevent self-xss.
1291
     *
1292
     * @param {String} text Text to send.
1293
     * @return {String} The plain text version of the text.
1294
     */
1295
    const previewText = function(text) {
1296
        // Remove all script and styles from text (we don't want it there).
1297
        let plaintext = text.replace(/<style([\s\S]*?)<\/style>/gi, '');
1298
        plaintext = plaintext.replace(/<script([\s\S]*?)<\/script>/gi, '');
1299
        // Beautify a bit the output adding some line breaks.
1300
        plaintext = plaintext.replace(/<\/div>/ig, '\n');
1301
        plaintext = plaintext.replace(/<\/li>/ig, '\n');
1302
        plaintext = plaintext.replace(/<li>/ig, '  *  ');
1303
        plaintext = plaintext.replace(/<\/ul>/ig, '\n');
1304
        plaintext = plaintext.replace(/<\/p>/ig, '\n');
1305
        plaintext = plaintext.replace(/<br[^>]*>/gi, '\n');
1306
        // Remove all remaining tags and convert line breaks into html.
1307
        plaintext = plaintext.replace(/<[^>]+>/ig, '');
1308
        plaintext = plaintext.replace(/\n+/ig, '\n');
1309
        return plaintext.replace(/\n/ig, '<br>');
1310
    };
1311
 
1312
    /**
1313
     * Buffers messages to be sent to the server. We use a buffer here to allow the
1314
     * user to freely input messages without blocking the interface for them.
1315
     *
1316
     * Instead we just queue all of their messages up and send them as fast as we can.
1317
     *
1318
     * @param {String} text Text to send.
1319
     */
1320
    var sendMessage = function(text) {
1321
        var id = 'temp' + Date.now();
1322
        // Render a preview version of the message while sending.
1323
        let loadingmessage = {
1324
            id: id,
1325
            useridfrom: viewState.loggedInUserId,
1326
            text:  previewText(text),
1327
            timecreated: null
1328
        };
1329
        var newState = StateManager.addMessages(viewState, [loadingmessage]);
1330
        render(newState);
1331
        // Send the real message.
1332
        var message = {
1333
            id: id,
1334
            useridfrom: viewState.loggedInUserId,
1335
            text: text,
1336
            timecreated: null
1337
        };
1338
        sendMessageBuffer.push(message);
1339
        processSendMessageBuffer();
1441 ariadna 1340
 
1341
        // Remove the unsent message attribute so we can be notified of new unsent messages (see storeUnsentMessage).
1342
        const textArea = document.querySelector(SELECTORS.MESSAGE_TEXT_AREA);
1343
        if (textArea) {
1344
            textArea.removeAttribute('data-unsent-message-viewed');
1345
        }
1 efrain 1346
    };
1347
 
1348
    /**
1349
     * Retry sending a message that failed.
1350
     *
1351
     * @param {Object} message The message to send.
1352
     */
1353
    var retrySendMessage = function(message) {
1354
        var newState = StateManager.setMessagesSendPendingById(viewState, [message.id]);
1355
        render(newState);
1356
        sendMessageBuffer.push(message);
1357
        processSendMessageBuffer();
1358
    };
1359
 
1360
    /**
1361
     * Toggle the selected messages update the statemanager and render the result.
1362
     *
1363
     * @param  {Number} messageId The id of the message to be toggled
1364
     */
1365
    var toggleSelectMessage = function(messageId) {
1366
        var newState = viewState;
1367
 
1368
        if (viewState.selectedMessageIds.indexOf(messageId) > -1) {
1369
            newState = StateManager.removeSelectedMessagesById(viewState, [messageId]);
1370
        } else {
1371
            newState = StateManager.addSelectedMessagesById(viewState, [messageId]);
1372
        }
1373
 
1374
        render(newState);
1375
    };
1376
 
1377
    /**
1378
     * Cancel edit mode (selecting the messages).
1379
     */
1380
    var cancelEditMode = function() {
1381
        cancelRequest(getOtherUserId());
1382
        var newState = StateManager.removeSelectedMessagesById(viewState, viewState.selectedMessageIds);
1383
        render(newState);
1384
    };
1385
 
1386
    /**
1387
     * Process the patches in the render buffer one at a time in order until the
1388
     * buffer is empty.
1389
     *
1390
     * @param {Object} header The conversation header container element.
1391
     * @param {Object} body The conversation body container element.
1392
     * @param {Object} footer The conversation footer container element.
1393
     */
1394
    var processRenderBuffer = function(header, body, footer) {
1395
        if (isRendering) {
1396
            return;
1397
        }
1398
 
1399
        if (!renderBuffer.length) {
1400
            return;
1401
        }
1402
 
1403
        isRendering = true;
1404
        var renderable = renderBuffer.shift();
1405
        var renderPromises = renderers.map(function(renderFunc) {
1406
            return renderFunc(renderable.patch);
1407
        });
1408
 
1409
        $.when.apply(null, renderPromises)
1410
            .then(function() {
1411
                isRendering = false;
1412
                renderable.deferred.resolve(true);
1413
                // Keep processing the buffer until it's empty.
1414
                processRenderBuffer(header, body, footer);
1415
 
1416
                return;
1417
            })
1418
            .catch(function(error) {
1419
                isRendering = false;
1420
                renderable.deferred.reject(error);
1421
                Notification.exception(error);
1422
            });
1423
    };
1424
 
1425
    /**
1426
     * Create a function to render the Conversation.
1427
     *
1428
     * @param  {Object} header The conversation header container element.
1429
     * @param  {Object} body The conversation body container element.
1430
     * @param  {Object} footer The conversation footer container element.
1431
     * @param  {Bool} isNewConversation Has someone else already initialised a conversation?
1432
     * @return {Promise} Renderer promise.
1433
     */
1434
    var generateRenderFunction = function(header, body, footer, isNewConversation) {
1435
        var rendererFunc = function(patch) {
1436
            return Renderer.render(header, body, footer, patch);
1437
        };
1438
 
1439
        if (!isNewConversation) {
1440
            // Looks like someone got here before us! We'd better update our
1441
            // UI to make sure it matches.
1442
            var initialState = StateManager.buildInitialState(viewState.midnight, viewState.loggedInUserId, viewState.id);
1443
            var syncPatch = Patcher.buildPatch(initialState, viewState);
1444
            rendererFunc(syncPatch);
1445
        }
1446
 
1447
        renderers.push(rendererFunc);
1448
 
1449
        return function(newState) {
1450
            var patch = Patcher.buildPatch(viewState, newState);
1451
            var deferred = $.Deferred();
1452
 
1453
            // Check if the patch has any data. Ignore empty patches.
1454
            if (Object.keys(patch).length) {
1455
                // Add the patch to the render buffer which gets processed in order.
1456
                renderBuffer.push({
1457
                    patch: patch,
1458
                    deferred: deferred
1459
                });
1460
            } else {
1461
                deferred.resolve(true);
1462
            }
1463
            // This is a great place to add in some console logging if you need
1464
            // to debug something. You can log the current state, the next state,
1465
            // and the generated patch and see exactly what will be updated.
1466
 
1467
            // Optimistically update the state. We're going to assume that the rendering
1468
            // will always succeed. The rendering is asynchronous (annoyingly) so it's buffered
1469
            // but it'll reach eventual consistency with the current state.
1470
            viewState = newState;
1471
            if (newState.id) {
1472
                // Only cache created conversations.
1473
                stateCache[newState.id] = {
1474
                    state: newState,
1475
                    messagesOffset: getMessagesOffset(),
1476
                    loadedAllMessages: hasLoadedAllMessages()
1477
                };
1478
            }
1479
 
1480
            // Start processing the buffer.
1481
            processRenderBuffer(header, body, footer);
1482
 
1483
            return deferred.promise();
1484
        };
1485
    };
1486
 
1487
    /**
1488
     * Create a confirm action function.
1489
     *
1490
     * @param {Function} actionCallback The callback function.
1491
     * @return {Function} Confirm action handler.
1492
     */
1493
    var generateConfirmActionHandler = function(actionCallback) {
1494
        return function(e, data) {
1495
            if (!viewState.loadingConfirmAction) {
1496
                actionCallback(getOtherUserId());
1497
                var newState = StateManager.setLoadingConfirmAction(viewState, false);
1498
                render(newState);
1499
            }
1500
            data.originalEvent.preventDefault();
1501
        };
1502
    };
1503
 
1504
    /**
1505
     * Send message event handler.
1506
     *
1507
     * @param {Object} e Element this event handler is called on.
1508
     * @param {Object} data Data for this event.
1509
     */
1510
    var handleSendMessage = function(e, data) {
1511
        var target = $(e.target);
1512
        var footerContainer = target.closest(SELECTORS.FOOTER_CONTAINER);
1513
        var textArea = footerContainer.find(SELECTORS.MESSAGE_TEXT_AREA);
1514
        var text = textArea.val().trim();
1515
 
1516
        if (text !== '') {
1517
            sendMessage(text);
1518
            textArea.val('');
1519
            textArea.focus();
1520
        }
1521
 
1522
        data.originalEvent.preventDefault();
1523
    };
1524
 
1525
    /**
1526
     * Select message event handler.
1527
     *
1528
     * @param {Object} e Element this event handler is called on.
1529
     * @param {Object} data Data for this event.
1530
     */
1531
    var handleSelectMessage = function(e, data) {
1532
        var selection = window.getSelection();
1533
        var target = $(e.target);
1534
 
1535
        if (selection.toString() != '') {
1536
            // Bail if we're selecting.
1537
            return;
1538
        }
1539
 
1540
        if (target.is('a')) {
1541
            // Clicking on a link in the message so ignore it.
1542
            return;
1543
        }
1544
 
1545
        var element = target.closest(SELECTORS.MESSAGE);
1546
        var messageId = element.attr('data-message-id');
1547
 
1548
        toggleSelectMessage(messageId);
1549
 
1550
        data.originalEvent.preventDefault();
1551
    };
1552
 
1553
    /**
1554
     * Handle retry sending of message.
1555
     *
1556
     * @param {Object} e Element this event handler is called on.
1557
     * @param {Object} data Data for this event.
1558
     */
1559
    var handleRetrySendMessage = function(e, data) {
1560
        var target = $(e.target);
1561
        var element = target.closest(SELECTORS.MESSAGE);
1562
        var messageId = element.attr('data-message-id');
1563
        var messages = viewState.messages.filter(function(message) {
1564
            return message.id == messageId;
1565
        });
1566
        var message = messages.length ? messages[0] : null;
1567
 
1568
        if (message) {
1569
            retrySendMessage(message);
1570
        }
1571
 
1572
        data.originalEvent.preventDefault();
1573
        data.originalEvent.stopPropagation();
1574
        e.stopPropagation();
1575
    };
1576
 
1577
    /**
1578
     * Cancel edit mode event handler.
1579
     *
1580
     * @param {Object} e Element this event handler is called on.
1581
     * @param {Object} data Data for this event.
1582
     */
1583
    var handleCancelEditMode = function(e, data) {
1584
        cancelEditMode();
1585
        data.originalEvent.preventDefault();
1586
    };
1587
 
1588
    /**
1589
     * Show the view contact page.
1590
     *
1591
     * @param {String} namespace Unique identifier for the Routes
1592
     * @return {Function} View contact handler.
1593
     */
1594
    var generateHandleViewContact = function(namespace) {
1595
        return function(e, data) {
1596
            var otherUserId = getOtherUserId();
1597
            var otherUser = viewState.members[otherUserId];
1598
            MessageDrawerRouter.go(namespace, MessageDrawerRoutes.VIEW_CONTACT, otherUser);
1599
            data.originalEvent.preventDefault();
1600
        };
1601
    };
1602
 
1603
    /**
1604
     * Set this conversation as a favourite.
1605
     *
1606
     * @param {Object} e Element this event handler is called on.
1607
     * @param {Object} data Data for this event.
1608
     */
1609
    var handleSetFavourite = function(e, data) {
1610
        setFavourite().catch(Notification.exception);
1611
        data.originalEvent.preventDefault();
1612
    };
1613
 
1614
    /**
1615
     * Unset this conversation as a favourite.
1616
     *
1617
     * @param {Object} e Element this event handler is called on.
1618
     * @param {Object} data Data for this event.
1619
     */
1620
    var handleUnsetFavourite = function(e, data) {
1621
        unsetFavourite().catch(Notification.exception);
1622
        data.originalEvent.preventDefault();
1623
    };
1624
 
1625
    /**
1626
     * Show the view group info page.
1627
     * Set this conversation as muted.
1628
     *
1629
     * @param {Object} e Element this event handler is called on.
1630
     * @param {Object} data Data for this event.
1631
     */
1632
    var handleSetMuted = function(e, data) {
1633
        setMuted().catch(Notification.exception);
1634
        data.originalEvent.preventDefault();
1635
    };
1636
 
1637
    /**
1638
     * Unset this conversation as muted.
1639
     *
1640
     * @param {Object} e Element this event handler is called on.
1641
     * @param {Object} data Data for this event.
1642
     */
1643
    var handleUnsetMuted = function(e, data) {
1644
        unsetMuted().catch(Notification.exception);
1645
        data.originalEvent.preventDefault();
1646
    };
1647
 
1648
    /**
1649
     * Handle clicking on the checkbox that toggles deleting messages for
1650
     * all users.
1651
     *
1652
     * @param {Object} e Element this event handler is called on.
1653
     */
1654
    var handleDeleteMessagesForAllUsersToggle = function(e) {
1655
        var newValue = $(e.target).prop('checked');
1656
        var newState = StateManager.setDeleteMessagesForAllUsers(viewState, newValue);
1657
        render(newState);
1658
    };
1659
 
1660
    /**
1661
     * Show the view contact page.
1662
     *
1663
     * @param {String} namespace Unique identifier for the Routes
1664
     * @return {Function} View group info handler.
1665
     */
1666
    var generateHandleViewGroupInfo = function(namespace) {
1667
        return function(e, data) {
1668
            MessageDrawerRouter.go(
1669
                namespace,
1670
                MessageDrawerRoutes.VIEW_GROUP_INFO,
1671
                {
1672
                    id: viewState.id,
1673
                    name: viewState.name,
1674
                    subname: viewState.subname,
1675
                    imageUrl: viewState.imageUrl,
1676
                    totalMemberCount: viewState.totalMemberCount
1677
                },
1678
                viewState.loggedInUserId
1679
            );
1680
            data.originalEvent.preventDefault();
1681
        };
1682
    };
1683
 
1684
    /**
1685
     * Handle clicking on the emoji toggle button.
1686
     *
1687
     * @param {Object} e The event
1688
     * @param {Object} data The custom interaction event data
1689
     */
1690
    var handleToggleEmojiPicker = function(e, data) {
1691
        var newState = StateManager.setShowEmojiPicker(viewState, !viewState.showEmojiPicker);
1692
        render(newState);
1693
        data.originalEvent.preventDefault();
1694
    };
1695
 
1696
    /**
1697
     * Handle clicking outside the emoji picker to close it.
1698
     *
1699
     * @param {Object} e The event
1700
     */
1701
    var handleCloseEmojiPicker = function(e) {
1702
        var target = $(e.target);
1703
 
1704
        if (
1705
            viewState.showEmojiPicker &&
1706
            !target.closest(SELECTORS.EMOJI_PICKER_CONTAINER).length &&
1707
            !target.closest(SELECTORS.TOGGLE_EMOJI_PICKER_BUTTON).length
1708
        ) {
1709
            var newState = StateManager.setShowEmojiPicker(viewState, false);
1710
            render(newState);
1711
        }
1712
    };
1713
 
1714
    /**
1715
     * Listen to, and handle events for conversations.
1716
     *
1717
     * @param {string} namespace The route namespace.
1718
     * @param {Object} header Conversation header container element.
1719
     * @param {Object} body Conversation body container element.
1720
     * @param {Object} footer Conversation footer container element.
1721
     */
1722
    var registerEventListeners = function(namespace, header, body, footer) {
1723
        var isLoadingMoreMessages = false;
1724
        var messagesContainer = getMessagesContainer(body);
1725
        var emojiPickerElement = footer.find(SELECTORS.EMOJI_PICKER);
1726
        var emojiAutoCompleteContainer = footer.find(SELECTORS.EMOJI_AUTO_COMPLETE_CONTAINER);
1727
        var messageTextArea = footer.find(SELECTORS.MESSAGE_TEXT_AREA);
1728
        var headerActivateHandlers = [
1729
            [SELECTORS.ACTION_REQUEST_BLOCK, generateConfirmActionHandler(requestBlockUser)],
1730
            [SELECTORS.ACTION_REQUEST_UNBLOCK, generateConfirmActionHandler(requestUnblockUser)],
1731
            [SELECTORS.ACTION_REQUEST_ADD_CONTACT, generateConfirmActionHandler(requestAddContact)],
1732
            [SELECTORS.ACTION_REQUEST_REMOVE_CONTACT, generateConfirmActionHandler(requestRemoveContact)],
1733
            [SELECTORS.ACTION_REQUEST_DELETE_CONVERSATION, generateConfirmActionHandler(requestDeleteConversation)],
1734
            [SELECTORS.ACTION_CANCEL_EDIT_MODE, handleCancelEditMode],
1735
            [SELECTORS.ACTION_VIEW_CONTACT, generateHandleViewContact(namespace)],
1736
            [SELECTORS.ACTION_VIEW_GROUP_INFO, generateHandleViewGroupInfo(namespace)],
1737
            [SELECTORS.ACTION_CONFIRM_FAVOURITE, handleSetFavourite],
1738
            [SELECTORS.ACTION_CONFIRM_MUTE, handleSetMuted],
1739
            [SELECTORS.ACTION_CONFIRM_UNFAVOURITE, handleUnsetFavourite],
1740
            [SELECTORS.ACTION_CONFIRM_UNMUTE, handleUnsetMuted]
1741
        ];
1742
        var bodyActivateHandlers = [
1743
            [SELECTORS.ACTION_CANCEL_CONFIRM, generateConfirmActionHandler(cancelRequest)],
1744
            [SELECTORS.ACTION_CONFIRM_BLOCK, generateConfirmActionHandler(blockUser)],
1745
            [SELECTORS.ACTION_CONFIRM_UNBLOCK, generateConfirmActionHandler(unblockUser)],
1746
            [SELECTORS.ACTION_CONFIRM_ADD_CONTACT, generateConfirmActionHandler(addContact)],
1747
            [SELECTORS.ACTION_CONFIRM_REMOVE_CONTACT, generateConfirmActionHandler(removeContact)],
1748
            [SELECTORS.ACTION_CONFIRM_DELETE_SELECTED_MESSAGES, generateConfirmActionHandler(deleteSelectedMessages)],
1749
            [SELECTORS.ACTION_CONFIRM_DELETE_CONVERSATION, generateConfirmActionHandler(deleteConversation)],
1750
            [SELECTORS.ACTION_OKAY_CONFIRM, generateConfirmActionHandler(cancelRequest)],
1751
            [SELECTORS.ACTION_REQUEST_ADD_CONTACT, generateConfirmActionHandler(requestAddContact)],
1752
            [SELECTORS.ACTION_ACCEPT_CONTACT_REQUEST, generateConfirmActionHandler(acceptContactRequest)],
1753
            [SELECTORS.ACTION_DECLINE_CONTACT_REQUEST, generateConfirmActionHandler(declineContactRequest)],
1754
            [SELECTORS.MESSAGE, handleSelectMessage],
1755
            [SELECTORS.DELETE_MESSAGES_FOR_ALL_USERS_TOGGLE, handleDeleteMessagesForAllUsersToggle],
1756
            [SELECTORS.RETRY_SEND, handleRetrySendMessage]
1757
        ];
1758
        var footerActivateHandlers = [
1759
            [SELECTORS.SEND_MESSAGE_BUTTON, handleSendMessage],
1760
            [SELECTORS.TOGGLE_EMOJI_PICKER_BUTTON, handleToggleEmojiPicker],
1761
            [SELECTORS.ACTION_REQUEST_DELETE_SELECTED_MESSAGES, generateConfirmActionHandler(requestDeleteSelectedMessages)],
1762
            [SELECTORS.ACTION_REQUEST_ADD_CONTACT, generateConfirmActionHandler(requestAddContact)],
1763
            [SELECTORS.ACTION_REQUEST_UNBLOCK, generateConfirmActionHandler(requestUnblockUser)],
1764
        ];
1765
 
1766
        AutoRows.init(footer);
1767
 
1768
        if (emojiAutoCompleteContainer.length) {
1769
            initialiseEmojiAutoComplete(
1770
                emojiAutoCompleteContainer[0],
1771
                messageTextArea[0],
1772
                function(hasSuggestions) {
1773
                    var newState = StateManager.setShowEmojiAutoComplete(viewState, hasSuggestions);
1774
                    render(newState);
1775
                },
1776
                function(emoji) {
1777
                    var newState = StateManager.setShowEmojiAutoComplete(viewState, false);
1778
                    render(newState);
1779
 
1780
                    messageTextArea.focus();
1781
                    var cursorPos = messageTextArea.prop('selectionStart');
1782
                    var currentText = messageTextArea.val();
1783
                    var textBefore = currentText.substring(0, cursorPos).replace(/\S*$/, '');
1784
                    var textAfter = currentText.substring(cursorPos).replace(/^\S*/, '');
1785
 
1786
                    messageTextArea.val(textBefore + emoji + textAfter);
1787
                    // Set the cursor position to after the inserted emoji.
1788
                    messageTextArea.prop('selectionStart', textBefore.length + emoji.length);
1789
                    messageTextArea.prop('selectionEnd', textBefore.length + emoji.length);
1790
                }
1791
            );
1792
        }
1793
 
1794
        if (emojiPickerElement.length) {
1795
            initialiseEmojiPicker(emojiPickerElement[0], function(emoji) {
1796
                var newState = StateManager.setShowEmojiPicker(viewState, !viewState.showEmojiPicker);
1797
                render(newState);
1798
 
1799
                messageTextArea.focus();
1800
                var cursorPos = messageTextArea.prop('selectionStart');
1801
                var currentText = messageTextArea.val();
1802
                var textBefore = currentText.substring(0, cursorPos);
1803
                var textAfter = currentText.substring(cursorPos, currentText.length);
1804
 
1805
                messageTextArea.val(textBefore + emoji + textAfter);
1806
                // Set the cursor position to after the inserted emoji.
1807
                messageTextArea.prop('selectionStart', cursorPos + emoji.length);
1808
                messageTextArea.prop('selectionEnd', cursorPos + emoji.length);
1809
            });
1810
        }
1811
 
1812
        CustomEvents.define(header, [
1813
            CustomEvents.events.activate
1814
        ]);
1815
        CustomEvents.define(body, [
1816
            CustomEvents.events.activate
1817
        ]);
1818
        CustomEvents.define(footer, [
1819
            CustomEvents.events.activate,
1820
            CustomEvents.events.enter,
1821
            CustomEvents.events.escape
1822
        ]);
1823
        CustomEvents.define(messagesContainer, [
1824
            CustomEvents.events.scrollTop,
1825
            CustomEvents.events.scrollLock
1826
        ]);
1827
 
1828
        messagesContainer.on(CustomEvents.events.scrollTop, function(e, data) {
1829
            var hasMembers = Object.keys(viewState.members).length > 1;
1830
 
1831
            if (!isResetting && !isLoadingMoreMessages && !hasLoadedAllMessages() && hasMembers) {
1832
                isLoadingMoreMessages = true;
1833
                var newState = StateManager.setLoadingMessages(viewState, true);
1834
                render(newState);
1835
 
1836
                loadMessages(viewState.id, LOAD_MESSAGE_LIMIT, getMessagesOffset(), NEWEST_FIRST, [])
1837
                    .then(function() {
1838
                        isLoadingMoreMessages = false;
1839
                        setMessagesOffset(getMessagesOffset() + LOAD_MESSAGE_LIMIT);
1840
                        return;
1841
                    })
1842
                    .catch(function(error) {
1843
                        isLoadingMoreMessages = false;
1844
                        Notification.exception(error);
1845
                    });
1846
            }
1847
 
1848
            data.originalEvent.preventDefault();
1849
        });
1850
 
1851
        headerActivateHandlers.forEach(function(handler) {
1852
            var selector = handler[0];
1853
            var handlerFunction = handler[1];
1854
            header.on(CustomEvents.events.activate, selector, handlerFunction);
1855
        });
1856
 
1857
        bodyActivateHandlers.forEach(function(handler) {
1858
            var selector = handler[0];
1859
            var handlerFunction = handler[1];
1860
            body.on(CustomEvents.events.activate, selector, handlerFunction);
1861
        });
1862
 
1863
        footerActivateHandlers.forEach(function(handler) {
1864
            var selector = handler[0];
1865
            var handlerFunction = handler[1];
1866
            footer.on(CustomEvents.events.activate, selector, handlerFunction);
1867
        });
1868
 
1869
        footer.on(CustomEvents.events.enter, SELECTORS.MESSAGE_TEXT_AREA, function(e, data) {
1870
            var enterToSend = footer.attr('data-enter-to-send');
1871
            if (enterToSend && enterToSend != 'false' && enterToSend != '0') {
1872
                handleSendMessage(e, data);
1873
            }
1874
        });
1875
 
1876
        footer.on(CustomEvents.events.escape, SELECTORS.EMOJI_PICKER_CONTAINER, handleToggleEmojiPicker);
1877
        $(document.body).on('click', handleCloseEmojiPicker);
1878
 
1879
        PubSub.subscribe(MessageDrawerEvents.ROUTE_CHANGED, function(newRouteData) {
1880
            if (newMessagesPollTimer) {
1881
                if (newRouteData.route != MessageDrawerRoutes.VIEW_CONVERSATION) {
1882
                    newMessagesPollTimer.stop();
1883
                }
1884
            }
1885
        });
1886
    };
1887
 
1888
    /**
1889
     * Reset the timer that polls for new messages.
1890
     *
1891
     * @param  {Number} conversationId The conversation id
1892
     */
1893
    var resetMessagePollTimer = function(conversationId) {
1894
        if (newMessagesPollTimer) {
1895
            newMessagesPollTimer.stop();
1896
        }
1897
 
1898
        newMessagesPollTimer = new BackOffTimer(
1899
            getLoadNewMessagesCallback(conversationId, NEWEST_FIRST),
1900
            BackOffTimer.getIncrementalCallback(
1901
                viewState.messagePollMin * MILLISECONDS_IN_SEC,
1902
                MILLISECONDS_IN_SEC,
1903
                viewState.messagePollMax * MILLISECONDS_IN_SEC,
1904
                viewState.messagePollAfterMax * MILLISECONDS_IN_SEC
1905
            )
1906
        );
1907
 
1908
        newMessagesPollTimer.start();
1909
    };
1910
 
1911
    /**
1912
     * Reset the state to the initial state and render the UI.
1913
     *
1914
     * @param  {Object} body Conversation body container element.
1915
     * @param  {Number|null} conversationId The conversation id.
1916
     * @param  {Object} loggedInUserProfile The logged in user's profile.
1917
     */
1918
    var resetState = function(body, conversationId, loggedInUserProfile) {
1919
        // Reset all of the states back to the beginning if we're loading a new
1920
        // conversation.
1921
        if (newMessagesPollTimer) {
1922
            newMessagesPollTimer.stop();
1923
        }
1924
        loadedAllMessages = false;
1925
        messagesOffset = 0;
1926
        newMessagesPollTimer = null;
1927
        isRendering = false;
1928
        renderBuffer = [];
1929
        isResetting = true;
1930
        isSendingMessage = false;
1931
        isDeletingConversationContent = false;
1932
        sendMessageBuffer = [];
1933
 
1934
        var loggedInUserId = loggedInUserProfile.id;
1935
        var midnight = parseInt(body.attr('data-midnight'), 10);
1936
        var messagePollMin = parseInt(body.attr('data-message-poll-min'), 10);
1937
        var messagePollMax = parseInt(body.attr('data-message-poll-max'), 10);
1938
        var messagePollAfterMax = parseInt(body.attr('data-message-poll-after-max'), 10);
1939
        var initialState = StateManager.buildInitialState(
1940
            midnight,
1941
            loggedInUserId,
1942
            conversationId,
1943
            messagePollMin,
1944
            messagePollMax,
1945
            messagePollAfterMax
1946
        );
1947
 
1948
        if (!viewState) {
1949
            viewState = initialState;
1950
        }
1951
 
1952
        render(initialState);
1953
    };
1954
 
1955
    /**
1956
     * Load a new empty private conversation between two users or self-conversation.
1957
     *
1958
     * @param  {Object} body Conversation body container element.
1959
     * @param  {Object} loggedInUserProfile The logged in user's profile.
1960
     * @param  {Int} otherUserId The other user's id.
1961
     * @return {Promise} Renderer promise.
1962
     */
1963
    var resetNoConversation = function(body, loggedInUserProfile, otherUserId) {
1964
        // Always reset the state back to the initial state so that the
1965
        // state manager and patcher can work correctly.
1966
        resetState(body, null, loggedInUserProfile);
1967
 
1968
        var resetNoConversationPromise = null;
1969
 
1970
        if (loggedInUserProfile.id != otherUserId) {
1971
            // Private conversation between two different users.
1972
            resetNoConversationPromise = Repository.getConversationBetweenUsers(
1973
                loggedInUserProfile.id,
1974
                otherUserId,
1975
                true,
1976
                true,
1977
                0,
1978
                0,
1979
                LOAD_MESSAGE_LIMIT,
1980
                0,
1981
                NEWEST_FIRST
1982
            );
1983
        } else {
1984
            // Self conversation.
1985
            resetNoConversationPromise = Repository.getSelfConversation(
1986
                loggedInUserProfile.id,
1987
                LOAD_MESSAGE_LIMIT,
1988
                0,
1989
                NEWEST_FIRST
1990
            );
1991
        }
1992
 
1993
        return resetNoConversationPromise.then(function(conversation) {
1994
                // Looks like we have a conversation after all! Let's use that.
1995
                return resetByConversation(body, conversation, loggedInUserProfile);
1996
            })
1997
            .catch(function() {
1998
                // Can't find a conversation. Oh well. Just load up a blank one.
1999
                return loadEmptyPrivateConversation(loggedInUserProfile, otherUserId);
2000
            });
2001
    };
2002
 
2003
    /**
2004
     * Load new messages into the conversation based on a time interval.
2005
     *
2006
     * @param  {Object} body Conversation body container element.
2007
     * @param  {Number} conversationId The conversation id.
2008
     * @param  {Object} loggedInUserProfile The logged in user's profile.
2009
     * @return {Promise} Renderer promise.
2010
     */
2011
    var resetById = function(body, conversationId, loggedInUserProfile) {
2012
        var cache = null;
2013
        if (conversationId in stateCache) {
2014
            cache = stateCache[conversationId];
2015
        }
2016
 
2017
        // Always reset the state back to the initial state so that the
2018
        // state manager and patcher can work correctly.
2019
        resetState(body, conversationId, loggedInUserProfile);
2020
 
2021
        var promise = $.Deferred().resolve({}).promise();
2022
        if (cache) {
2023
            // We've seen this conversation before so there is no need to
2024
            // send any network requests.
2025
            var newState = cache.state;
2026
            // Reset some loading states just in case they were left weirdly.
2027
            newState = StateManager.setLoadingMessages(newState, false);
2028
            newState = StateManager.setLoadingMembers(newState, false);
2029
            setMessagesOffset(cache.messagesOffset);
2030
            setLoadedAllMessages(cache.loadedAllMessages);
2031
            render(newState);
2032
        } else {
2033
            promise = loadNewConversation(
2034
                conversationId,
2035
                loggedInUserProfile,
2036
                LOAD_MESSAGE_LIMIT,
2037
                0,
2038
                NEWEST_FIRST
2039
            );
2040
        }
2041
 
2042
        return promise.then(function() {
2043
            return resetMessagePollTimer(conversationId);
2044
        });
2045
    };
2046
 
2047
    /**
2048
     * Load new messages into the conversation based on a time interval.
2049
     *
2050
     * @param  {Object} body Conversation body container element.
2051
     * @param  {Object} conversation The conversation.
2052
     * @param  {Object} loggedInUserProfile The logged in user's profile.
2053
     * @return {Promise} Renderer promise.
2054
     */
2055
    var resetByConversation = function(body, conversation, loggedInUserProfile) {
2056
        var cache = null;
2057
        if (conversation.id in stateCache) {
2058
            cache = stateCache[conversation.id];
2059
        }
2060
 
2061
        // Always reset the state back to the initial state so that the
2062
        // state manager and patcher can work correctly.
2063
        resetState(body, conversation.id, loggedInUserProfile);
2064
 
2065
        var promise = $.Deferred().resolve({}).promise();
2066
        if (cache) {
2067
            // We've seen this conversation before so there is no need to
2068
            // send any network requests.
2069
            var newState = cache.state;
2070
            // Reset some loading states just in case they were left weirdly.
2071
            newState = StateManager.setLoadingMessages(newState, false);
2072
            newState = StateManager.setLoadingMembers(newState, false);
2073
            setMessagesOffset(cache.messagesOffset);
2074
            setLoadedAllMessages(cache.loadedAllMessages);
2075
            render(newState);
2076
        } else {
2077
            promise = loadExistingConversation(
2078
                conversation,
2079
                loggedInUserProfile,
2080
                LOAD_MESSAGE_LIMIT,
2081
                NEWEST_FIRST
2082
            );
2083
        }
2084
 
2085
        return promise.then(function() {
2086
            return resetMessagePollTimer(conversation.id);
2087
        });
2088
    };
2089
 
2090
    /**
2091
     * Setup the conversation page. This is a rather complex function because there are a
2092
     * few combinations of arguments that can be provided to this function to show the
2093
     * conversation.
2094
     *
2095
     * There are:
2096
     * 1.) A conversation object with no action or other user id (e.g. from the overview page)
2097
     * 2.) A conversation id with no action or other user id (e.g. from the contacts page)
2098
     * 3.) No conversation/id with an action and other other user id. (e.g. from contact page)
2099
     *
2100
     * @param {string} namespace The route namespace.
2101
     * @param {Object} header Conversation header container element.
2102
     * @param {Object} body Conversation body container element.
2103
     * @param {Object} footer Conversation footer container element.
2104
     * @param {Object|Number|null} conversationOrId Conversation or id or null
2105
     * @param {String} action An action to take on the conversation
2106
     * @param {Number} otherUserId The other user id for a private conversation
2107
     * @return {Object} jQuery promise
2108
     */
2109
    var show = function(namespace, header, body, footer, conversationOrId, action, otherUserId) {
2110
        var conversation = null;
2111
        var conversationId = null;
2112
 
2113
        // Check what we were given to identify the conversation.
2114
        if (conversationOrId && conversationOrId !== null && typeof conversationOrId == 'object') {
2115
            conversation = conversationOrId;
2116
            conversationId = parseInt(conversation.id, 10);
2117
        } else {
2118
            conversation = null;
2119
            conversationId = parseInt(conversationOrId, 10);
2120
            conversationId = isNaN(conversationId) ? null : conversationId;
2121
        }
2122
 
2123
        if (!conversationId && action && otherUserId) {
2124
            // If we didn't get a conversation id got a user id then let's see if we've
2125
            // previously loaded a private conversation with this user.
2126
            conversationId = getCachedPrivateConversationIdFromUserId(otherUserId);
2127
        }
2128
 
1441 ariadna 2129
        // Set attributes to aid in the restoration of unsent messages.
2130
        setConversationAttributes(footer, conversationId, otherUserId);
2131
 
1 efrain 2132
        // This is a new conversation if:
2133
        // 1. We don't already have a state
2134
        // 2. The given conversation doesn't match the one currently loaded
2135
        // 3. We have a view state without a conversation id and we weren't given one
2136
        //    but we were given a different other user id. This happens when the user
2137
        //    goes from viewing a user that they haven't yet initialised a conversation
2138
        //    with to viewing a different user that they also haven't initialised a
2139
        //    conversation with.
2140
        var isNewConversation = !viewState || (viewState.id != conversationId) || (otherUserId && otherUserId != getOtherUserId());
2141
 
2142
        if (!body.attr('data-init')) {
2143
            // Generate the render function to bind the header, body, and footer
2144
            // elements to it so that we don't need to pass them around this module.
2145
            render = generateRenderFunction(header, body, footer, isNewConversation);
2146
            registerEventListeners(namespace, header, body, footer);
2147
            body.attr('data-init', true);
2148
        }
2149
 
2150
        if (isNewConversation) {
2151
            var renderPromise = null;
2152
            var loggedInUserProfile = getLoggedInUserProfile(body);
2153
 
2154
            if (conversation) {
2155
                renderPromise = resetByConversation(body, conversation, loggedInUserProfile, otherUserId);
2156
            } else if (conversationId) {
2157
                renderPromise = resetById(body, conversationId, loggedInUserProfile, otherUserId);
2158
            } else {
2159
                renderPromise = resetNoConversation(body, loggedInUserProfile, otherUserId);
2160
            }
2161
 
2162
            return renderPromise
2163
                .then(function() {
2164
                    isResetting = false;
2165
                    // Focus the first element that can receieve it in the header.
2166
                    header.find(Constants.SELECTORS.CAN_RECEIVE_FOCUS).first().focus();
2167
                    return;
2168
                })
2169
                .catch(function(error) {
2170
                    isResetting = false;
2171
                    Notification.exception(error);
2172
                });
2173
        }
2174
 
2175
        // We're not loading a new conversation so we should reset the poll timer to try to load
2176
        // new messages.
2177
        resetMessagePollTimer(conversationId);
2178
 
2179
        if (viewState.type == CONVERSATION_TYPES.PRIVATE && action) {
2180
            // There are special actions that the user can perform in a private (aka 1-to-1)
2181
            // conversation.
2182
            var currentOtherUserId = getOtherUserId();
2183
 
2184
            switch (action) {
2185
                case 'block':
2186
                    return requestBlockUser(currentOtherUserId);
2187
                case 'unblock':
2188
                    return requestUnblockUser(currentOtherUserId);
2189
                case 'add-contact':
2190
                    return requestAddContact(currentOtherUserId);
2191
                case 'remove-contact':
2192
                    return requestRemoveContact(currentOtherUserId);
2193
            }
2194
        }
2195
 
2196
        // Final fallback to return a promise if we didn't need to do anything.
2197
        return $.Deferred().resolve().promise();
2198
    };
2199
 
2200
    /**
2201
     * String describing this page used for aria-labels.
2202
     *
2203
     * @return {Object} jQuery promise
2204
     */
2205
    var description = function() {
2206
        return Str.get_string('messagedrawerviewconversation', 'core_message', viewState.name);
2207
    };
2208
 
1441 ariadna 2209
    /**
2210
     * Set some attributes that will help reboot a conversation.
2211
     *
2212
     * These attributes aid in the storage and retrieval of unsent messages.
2213
     * When a conversationid is not present, otheruserid can be used to create a conversation.
2214
     *
2215
     * @param {Object} element The element to target.
2216
     * @param {Number|null} conversationId The conversationid.
2217
     * @param {Number|null} otherUserId The otheruserid.
2218
     */
2219
    const setConversationAttributes = function(element, conversationId, otherUserId) {
2220
        element.removeAttr('data-conversation-id');
2221
        element.removeAttr('data-other-user-id');
2222
        if (conversationId) {
2223
            element.attr('data-conversation-id', conversationId);
2224
        } else if (otherUserId) {
2225
            element.attr('data-other-user-id', otherUserId);
2226
        }
2227
    };
2228
 
1 efrain 2229
    return {
2230
        show: show,
2231
        description: description
2232
    };
2233
});