2018-04-17 21:03:31 +00:00
|
|
|
|
/* global $: false */
|
|
|
|
|
/* global _: false */
|
|
|
|
|
/* global emojiData: false */
|
2018-04-25 19:28:56 +00:00
|
|
|
|
/* global EmojiPanel: false */
|
|
|
|
|
/* global extension: false */
|
|
|
|
|
/* global i18n: false */
|
2018-04-24 21:15:50 +00:00
|
|
|
|
/* global Signal: false */
|
2018-04-17 21:03:31 +00:00
|
|
|
|
/* global storage: false */
|
2018-04-25 19:28:56 +00:00
|
|
|
|
/* global Whisper: false */
|
2018-04-17 21:03:31 +00:00
|
|
|
|
|
|
|
|
|
// eslint-disable-next-line func-names
|
2018-04-27 21:25:04 +00:00
|
|
|
|
(function() {
|
2018-04-17 21:03:31 +00:00
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
|
|
window.Whisper = window.Whisper || {};
|
2018-07-18 16:38:42 +00:00
|
|
|
|
const { Message } = window.Signal.Types;
|
|
|
|
|
const {
|
|
|
|
|
upgradeMessageSchema,
|
|
|
|
|
getAbsoluteAttachmentPath,
|
|
|
|
|
} = window.Signal.Migrations;
|
2018-04-17 21:03:31 +00:00
|
|
|
|
|
|
|
|
|
Whisper.ExpiredToast = Whisper.ToastView.extend({
|
|
|
|
|
render_attributes() {
|
|
|
|
|
return { toastMessage: i18n('expiredWarning') };
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
Whisper.BlockedToast = Whisper.ToastView.extend({
|
|
|
|
|
render_attributes() {
|
|
|
|
|
return { toastMessage: i18n('unblockToSend') };
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
Whisper.LeftGroupToast = Whisper.ToastView.extend({
|
|
|
|
|
render_attributes() {
|
|
|
|
|
return { toastMessage: i18n('youLeftTheGroup') };
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
Whisper.ConversationLoadingScreen = Whisper.View.extend({
|
|
|
|
|
templateName: 'conversation-loading-screen',
|
|
|
|
|
className: 'conversation-loading-screen',
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
Whisper.ConversationView = Whisper.View.extend({
|
|
|
|
|
className() {
|
|
|
|
|
return ['conversation', this.model.get('type')].join(' ');
|
|
|
|
|
},
|
|
|
|
|
id() {
|
|
|
|
|
return `conversation-${this.model.cid}`;
|
|
|
|
|
},
|
|
|
|
|
template: $('#conversation').html(),
|
|
|
|
|
render_attributes() {
|
|
|
|
|
return {
|
|
|
|
|
'send-message': i18n('sendMessage'),
|
|
|
|
|
'android-length-warning': i18n('androidMessageLengthWarning'),
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
initialize(options) {
|
|
|
|
|
this.listenTo(this.model, 'destroy', this.stopListening);
|
|
|
|
|
this.listenTo(this.model, 'change:verified', this.onVerifiedChange);
|
|
|
|
|
this.listenTo(this.model, 'newmessage', this.addMessage);
|
|
|
|
|
this.listenTo(this.model, 'opened', this.onOpened);
|
|
|
|
|
this.listenTo(this.model, 'prune', this.onPrune);
|
2018-07-09 21:29:13 +00:00
|
|
|
|
this.listenTo(
|
|
|
|
|
this.model.messageCollection,
|
|
|
|
|
'show-identity',
|
|
|
|
|
this.showSafetyNumber
|
|
|
|
|
);
|
|
|
|
|
this.listenTo(this.model.messageCollection, 'force-send', this.forceSend);
|
|
|
|
|
this.listenTo(this.model.messageCollection, 'delete', this.deleteMessage);
|
2018-04-17 21:03:31 +00:00
|
|
|
|
this.listenTo(
|
|
|
|
|
this.model.messageCollection,
|
|
|
|
|
'scroll-to-message',
|
|
|
|
|
this.scrollToMessage
|
|
|
|
|
);
|
2018-04-27 21:25:04 +00:00
|
|
|
|
this.listenTo(
|
|
|
|
|
this.model.messageCollection,
|
|
|
|
|
'reply',
|
|
|
|
|
this.setQuoteMessage
|
|
|
|
|
);
|
2018-05-03 02:43:23 +00:00
|
|
|
|
this.listenTo(
|
|
|
|
|
this.model.messageCollection,
|
|
|
|
|
'show-contact-detail',
|
|
|
|
|
this.showContactDetail
|
|
|
|
|
);
|
2018-07-09 21:29:13 +00:00
|
|
|
|
this.listenTo(
|
|
|
|
|
this.model.messageCollection,
|
|
|
|
|
'show-lightbox',
|
|
|
|
|
this.showLightbox
|
|
|
|
|
);
|
|
|
|
|
this.listenTo(
|
|
|
|
|
this.model.messageCollection,
|
|
|
|
|
'download',
|
|
|
|
|
this.downloadAttachment
|
|
|
|
|
);
|
2018-05-03 02:43:23 +00:00
|
|
|
|
this.listenTo(
|
|
|
|
|
this.model.messageCollection,
|
|
|
|
|
'open-conversation',
|
|
|
|
|
this.openConversation
|
|
|
|
|
);
|
2018-07-09 21:29:13 +00:00
|
|
|
|
this.listenTo(
|
|
|
|
|
this.model.messageCollection,
|
|
|
|
|
'show-message-detail',
|
|
|
|
|
this.showMessageDetail
|
|
|
|
|
);
|
2018-04-17 21:03:31 +00:00
|
|
|
|
|
|
|
|
|
this.lazyUpdateVerified = _.debounce(
|
|
|
|
|
this.model.updateVerified.bind(this.model),
|
|
|
|
|
1000 // one second
|
|
|
|
|
);
|
|
|
|
|
this.throttledGetProfiles = _.throttle(
|
|
|
|
|
this.model.getProfiles.bind(this.model),
|
|
|
|
|
1000 * 60 * 5 // five minutes
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
this.render();
|
|
|
|
|
|
|
|
|
|
this.loadingScreen = new Whisper.ConversationLoadingScreen();
|
|
|
|
|
this.loadingScreen.render();
|
2018-07-09 21:29:13 +00:00
|
|
|
|
this.loadingScreen.$el.prependTo(this.$('.discussion-container'));
|
2018-04-17 21:03:31 +00:00
|
|
|
|
|
|
|
|
|
this.window = options.window;
|
|
|
|
|
this.fileInput = new Whisper.FileInputView({
|
|
|
|
|
el: this.$('form.send'),
|
|
|
|
|
window: this.window,
|
|
|
|
|
});
|
|
|
|
|
|
2018-07-09 21:29:13 +00:00
|
|
|
|
const getHeaderProps = () => {
|
|
|
|
|
const avatar = this.model.getAvatar();
|
|
|
|
|
const avatarPath = avatar ? avatar.url : null;
|
|
|
|
|
const expireTimer = this.model.get('expireTimer');
|
|
|
|
|
const expirationSettingName = expireTimer
|
|
|
|
|
? Whisper.ExpirationTimerOptions.getName(expireTimer || 0)
|
|
|
|
|
: null;
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
id: this.model.id,
|
|
|
|
|
name: this.model.getName(),
|
|
|
|
|
phoneNumber: this.model.getNumber(),
|
|
|
|
|
profileName: this.model.getProfileName(),
|
|
|
|
|
color: this.model.getColor(),
|
|
|
|
|
avatarPath,
|
|
|
|
|
isVerified: this.model.isVerified(),
|
|
|
|
|
isMe: this.model.isMe(),
|
|
|
|
|
isGroup: !this.model.isPrivate(),
|
|
|
|
|
expirationSettingName,
|
|
|
|
|
showBackButton: Boolean(this.panels && this.panels.length),
|
|
|
|
|
timerOptions: Whisper.ExpirationTimerOptions.map(item => ({
|
|
|
|
|
name: item.getName(),
|
|
|
|
|
value: item.get('seconds'),
|
|
|
|
|
})),
|
|
|
|
|
|
|
|
|
|
onSetDisappearingMessages: seconds =>
|
|
|
|
|
this.setDisappearingMessages(seconds),
|
|
|
|
|
onDeleteMessages: () => this.destroyMessages(),
|
|
|
|
|
onResetSession: () => this.endSession(),
|
|
|
|
|
|
|
|
|
|
// These are view only and done update the Conversation model, so they
|
|
|
|
|
// need a manual update call.
|
|
|
|
|
onShowSafetyNumber: () => {
|
|
|
|
|
this.showSafetyNumber();
|
|
|
|
|
},
|
|
|
|
|
onShowAllMedia: async () => {
|
|
|
|
|
await this.showAllMedia();
|
|
|
|
|
this.updateHeader();
|
|
|
|
|
},
|
|
|
|
|
onShowGroupMembers: () => {
|
|
|
|
|
this.showMembers();
|
|
|
|
|
this.updateHeader();
|
|
|
|
|
},
|
|
|
|
|
onGoBack: () => {
|
|
|
|
|
this.resetPanel();
|
|
|
|
|
this.updateHeader();
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
};
|
2018-05-18 23:57:26 +00:00
|
|
|
|
this.titleView = new Whisper.ReactWrapperView({
|
|
|
|
|
className: 'title-wrapper',
|
2018-07-09 21:29:13 +00:00
|
|
|
|
Component: window.Signal.Components.ConversationHeader,
|
|
|
|
|
props: getHeaderProps(this.model),
|
2018-05-18 23:57:26 +00:00
|
|
|
|
});
|
2018-07-09 21:29:13 +00:00
|
|
|
|
this.updateHeader = () => this.titleView.update(getHeaderProps());
|
|
|
|
|
this.listenTo(this.model, 'change', this.updateHeader);
|
|
|
|
|
this.$('.conversation-header').append(this.titleView.el);
|
2018-04-17 21:03:31 +00:00
|
|
|
|
|
|
|
|
|
this.view = new Whisper.MessageListView({
|
|
|
|
|
collection: this.model.messageCollection,
|
|
|
|
|
window: this.window,
|
|
|
|
|
});
|
|
|
|
|
this.$('.discussion-container').append(this.view.el);
|
|
|
|
|
this.view.render();
|
|
|
|
|
|
|
|
|
|
this.$messageField = this.$('.send-message');
|
|
|
|
|
|
|
|
|
|
this.onResize = this.forceUpdateMessageFieldSize.bind(this);
|
|
|
|
|
this.window.addEventListener('resize', this.onResize);
|
|
|
|
|
|
|
|
|
|
this.onFocus = () => {
|
|
|
|
|
if (this.$el.css('display') !== 'none') {
|
|
|
|
|
this.markRead();
|
2016-09-07 00:12:45 +00:00
|
|
|
|
}
|
2018-04-17 21:03:31 +00:00
|
|
|
|
};
|
|
|
|
|
this.window.addEventListener('focus', this.onFocus);
|
|
|
|
|
|
|
|
|
|
extension.windows.onClosed(() => {
|
|
|
|
|
this.unload('windows closed');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.fetchMessages();
|
|
|
|
|
|
|
|
|
|
this.$('.send-message').focus(this.focusBottomBar.bind(this));
|
|
|
|
|
this.$('.send-message').blur(this.unfocusBottomBar.bind(this));
|
|
|
|
|
|
|
|
|
|
this.$emojiPanelContainer = this.$('.emoji-panel-container');
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
events: {
|
2018-05-08 21:30:11 +00:00
|
|
|
|
keydown: 'onKeyDown',
|
2018-04-17 21:03:31 +00:00
|
|
|
|
'submit .send': 'checkUnverifiedSendMessage',
|
|
|
|
|
'input .send-message': 'updateMessageFieldSize',
|
|
|
|
|
'keydown .send-message': 'updateMessageFieldSize',
|
|
|
|
|
click: 'onClick',
|
|
|
|
|
'click .bottom-bar': 'focusMessageField',
|
|
|
|
|
'click .capture-audio .microphone': 'captureAudio',
|
2018-07-09 21:29:13 +00:00
|
|
|
|
'click .module-scroll-down': 'scrollToBottom',
|
2018-04-17 21:03:31 +00:00
|
|
|
|
'click button.emoji': 'toggleEmojiPanel',
|
|
|
|
|
'focus .send-message': 'focusBottomBar',
|
|
|
|
|
'change .file-input': 'toggleMicrophone',
|
|
|
|
|
'blur .send-message': 'unfocusBottomBar',
|
|
|
|
|
'loadMore .message-list': 'loadMoreMessages',
|
|
|
|
|
'newOffscreenMessage .message-list': 'addScrollDownButtonWithCount',
|
|
|
|
|
'atBottom .message-list': 'removeScrollDownButton',
|
|
|
|
|
'farFromBottom .message-list': 'addScrollDownButton',
|
|
|
|
|
'lazyScroll .message-list': 'onLazyScroll',
|
|
|
|
|
'force-resize': 'forceUpdateMessageFieldSize',
|
|
|
|
|
dragover: 'sendToFileInput',
|
|
|
|
|
drop: 'sendToFileInput',
|
|
|
|
|
dragleave: 'sendToFileInput',
|
|
|
|
|
},
|
|
|
|
|
sendToFileInput(e) {
|
|
|
|
|
if (e.originalEvent.dataTransfer.types[0] !== 'Files') {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
this.fileInput.$el.trigger(e);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onPrune() {
|
|
|
|
|
if (!this.model.messageCollection.length || !this.lastActivity) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2018-04-27 21:25:04 +00:00
|
|
|
|
const oneHourAgo = Date.now() - 60 * 60 * 1000;
|
2018-04-17 21:03:31 +00:00
|
|
|
|
if (this.isHidden() && this.lastActivity < oneHourAgo) {
|
|
|
|
|
this.unload('inactivity');
|
|
|
|
|
} else if (this.view.atBottom()) {
|
|
|
|
|
this.trim();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
unload(reason) {
|
2018-07-21 19:00:08 +00:00
|
|
|
|
window.log.info(
|
2018-04-17 21:03:31 +00:00
|
|
|
|
'unloading conversation',
|
|
|
|
|
this.model.idForLogging(),
|
|
|
|
|
'due to:',
|
|
|
|
|
reason
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
this.fileInput.remove();
|
|
|
|
|
this.titleView.remove();
|
|
|
|
|
|
|
|
|
|
if (this.captureAudioView) {
|
|
|
|
|
this.captureAudioView.remove();
|
|
|
|
|
}
|
|
|
|
|
if (this.banner) {
|
|
|
|
|
this.banner.remove();
|
|
|
|
|
}
|
|
|
|
|
if (this.lastSeenIndicator) {
|
|
|
|
|
this.lastSeenIndicator.remove();
|
|
|
|
|
}
|
|
|
|
|
if (this.scrollDownButton) {
|
|
|
|
|
this.scrollDownButton.remove();
|
|
|
|
|
}
|
2018-04-18 20:06:33 +00:00
|
|
|
|
if (this.quoteView) {
|
|
|
|
|
this.quoteView.remove();
|
|
|
|
|
}
|
2018-07-09 21:29:13 +00:00
|
|
|
|
if (this.lightBoxView) {
|
|
|
|
|
this.lightBoxView.remove();
|
|
|
|
|
}
|
2018-04-26 20:48:08 +00:00
|
|
|
|
if (this.lightboxGalleryView) {
|
|
|
|
|
this.lightboxGalleryView.remove();
|
2018-04-26 20:49:10 +00:00
|
|
|
|
}
|
2018-04-17 21:03:31 +00:00
|
|
|
|
if (this.panels && this.panels.length) {
|
|
|
|
|
for (let i = 0, max = this.panels.length; i < max; i += 1) {
|
|
|
|
|
const panel = this.panels[i];
|
|
|
|
|
panel.remove();
|
2017-05-12 22:16:02 +00:00
|
|
|
|
}
|
2018-04-17 21:03:31 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.window.removeEventListener('resize', this.onResize);
|
|
|
|
|
this.window.removeEventListener('focus', this.onFocus);
|
|
|
|
|
|
|
|
|
|
window.autosize.destroy(this.$messageField);
|
|
|
|
|
|
|
|
|
|
this.view.remove();
|
|
|
|
|
|
|
|
|
|
this.remove();
|
|
|
|
|
|
2018-04-27 21:25:04 +00:00
|
|
|
|
this.model.messageCollection.forEach(model => {
|
2018-04-17 21:03:31 +00:00
|
|
|
|
model.trigger('unload');
|
|
|
|
|
});
|
|
|
|
|
this.model.messageCollection.reset([]);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
trim() {
|
|
|
|
|
const MAX = 100;
|
|
|
|
|
const toRemove = this.model.messageCollection.length - MAX;
|
|
|
|
|
if (toRemove <= 0) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const models = [];
|
|
|
|
|
for (let i = 0; i < toRemove; i += 1) {
|
|
|
|
|
const model = this.model.messageCollection.at(i);
|
|
|
|
|
models.push(model);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (!models.length) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2018-07-21 19:00:08 +00:00
|
|
|
|
window.log.info(
|
2018-04-17 21:03:31 +00:00
|
|
|
|
'trimming conversation',
|
|
|
|
|
this.model.idForLogging(),
|
|
|
|
|
'of',
|
|
|
|
|
models.length,
|
|
|
|
|
'old messages'
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
this.model.messageCollection.remove(models);
|
2018-04-27 21:25:04 +00:00
|
|
|
|
_.forEach(models, model => {
|
2018-04-17 21:03:31 +00:00
|
|
|
|
model.trigger('unload');
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
markAllAsVerifiedDefault(unverified) {
|
2018-04-27 21:25:04 +00:00
|
|
|
|
return Promise.all(
|
|
|
|
|
unverified.map(contact => {
|
|
|
|
|
if (contact.isUnverified()) {
|
|
|
|
|
return contact.setVerifiedDefault();
|
|
|
|
|
}
|
2017-07-26 21:55:59 +00:00
|
|
|
|
|
2018-04-27 21:25:04 +00:00
|
|
|
|
return null;
|
|
|
|
|
})
|
|
|
|
|
);
|
2018-04-17 21:03:31 +00:00
|
|
|
|
},
|
2018-01-05 00:51:00 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
markAllAsApproved(untrusted) {
|
|
|
|
|
return Promise.all(untrusted.map(contact => contact.setApproved()));
|
|
|
|
|
},
|
2016-03-21 06:15:21 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
openSafetyNumberScreens(unverified) {
|
|
|
|
|
if (unverified.length === 1) {
|
2018-07-09 21:29:13 +00:00
|
|
|
|
this.showSafetyNumber(unverified.at(0));
|
2018-04-17 21:03:31 +00:00
|
|
|
|
return;
|
|
|
|
|
}
|
2015-11-11 04:39:36 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
this.showMembers(null, unverified, { needVerify: true });
|
|
|
|
|
},
|
2017-05-19 01:33:35 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
onVerifiedChange() {
|
|
|
|
|
if (this.model.isUnverified()) {
|
|
|
|
|
const unverified = this.model.getUnverified();
|
|
|
|
|
let message;
|
|
|
|
|
if (!unverified.length) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (unverified.length > 1) {
|
|
|
|
|
message = i18n('multipleNoLongerVerified');
|
|
|
|
|
} else {
|
|
|
|
|
message = i18n('noLongerVerified', unverified.at(0).getTitle());
|
|
|
|
|
}
|
2015-01-26 20:37:13 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
// Need to re-add, since unverified set may have changed
|
|
|
|
|
if (this.banner) {
|
|
|
|
|
this.banner.remove();
|
|
|
|
|
this.banner = null;
|
|
|
|
|
}
|
2015-02-13 04:36:44 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
this.banner = new Whisper.BannerView({
|
|
|
|
|
message,
|
|
|
|
|
onDismiss: () => {
|
|
|
|
|
this.markAllAsVerifiedDefault(unverified);
|
|
|
|
|
},
|
|
|
|
|
onClick: () => {
|
|
|
|
|
this.openSafetyNumberScreens(unverified);
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const container = this.$('.discussion-container');
|
|
|
|
|
container.append(this.banner.el);
|
|
|
|
|
} else if (this.banner) {
|
|
|
|
|
this.banner.remove();
|
|
|
|
|
this.banner = null;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
toggleMicrophone() {
|
2018-04-27 21:25:04 +00:00
|
|
|
|
if (
|
|
|
|
|
this.$('.send-message').val().length > 0 ||
|
|
|
|
|
this.fileInput.hasFiles()
|
|
|
|
|
) {
|
2018-04-17 21:03:31 +00:00
|
|
|
|
this.$('.capture-audio').hide();
|
|
|
|
|
} else {
|
|
|
|
|
this.$('.capture-audio').show();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
toggleLengthWarning() {
|
|
|
|
|
if (this.$('.send-message').val().length > 2000) {
|
|
|
|
|
this.$('.android-length-warning').show();
|
|
|
|
|
} else {
|
|
|
|
|
this.$('.android-length-warning').hide();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
captureAudio(e) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
|
|
|
|
|
// Note - clicking anywhere will close the audio capture panel, due to
|
|
|
|
|
// the onClick handler in InboxView, which calls its closeRecording method.
|
|
|
|
|
|
|
|
|
|
if (this.captureAudioView) {
|
|
|
|
|
this.captureAudioView.remove();
|
|
|
|
|
this.captureAudioView = null;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.captureAudioView = new Whisper.RecorderView();
|
|
|
|
|
|
|
|
|
|
const view = this.captureAudioView;
|
|
|
|
|
view.render();
|
|
|
|
|
view.on('send', this.handleAudioCapture.bind(this));
|
|
|
|
|
view.on('closed', this.endCaptureAudio.bind(this));
|
|
|
|
|
view.$el.appendTo(this.$('.capture-audio'));
|
|
|
|
|
|
|
|
|
|
this.$('.send-message').attr('disabled', true);
|
|
|
|
|
this.$('.microphone').hide();
|
|
|
|
|
},
|
|
|
|
|
handleAudioCapture(blob) {
|
|
|
|
|
this.fileInput.file = blob;
|
|
|
|
|
this.fileInput.isVoiceNote = true;
|
|
|
|
|
this.fileInput.previewImages();
|
|
|
|
|
this.$('.bottom-bar form').submit();
|
|
|
|
|
},
|
|
|
|
|
endCaptureAudio() {
|
|
|
|
|
this.$('.send-message').removeAttr('disabled');
|
|
|
|
|
this.$('.microphone').show();
|
|
|
|
|
this.captureAudioView = null;
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
unfocusBottomBar() {
|
|
|
|
|
this.$('.bottom-bar form').removeClass('active');
|
|
|
|
|
},
|
|
|
|
|
focusBottomBar() {
|
|
|
|
|
this.$('.bottom-bar form').addClass('active');
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onLazyScroll() {
|
|
|
|
|
// The in-progress fetch check is important, because while that happens, lots
|
|
|
|
|
// of messages are added to the DOM, one by one, changing window size and
|
|
|
|
|
// generating scroll events.
|
|
|
|
|
if (!this.isHidden() && window.isFocused() && !this.inProgressFetch) {
|
|
|
|
|
this.lastActivity = Date.now();
|
|
|
|
|
this.markRead();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
updateUnread() {
|
|
|
|
|
this.resetLastSeenIndicator();
|
|
|
|
|
// Waiting for scrolling caused by resetLastSeenIndicator to settle down
|
|
|
|
|
setTimeout(this.markRead.bind(this), 1);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onLoaded() {
|
|
|
|
|
const view = this.loadingScreen;
|
|
|
|
|
if (view) {
|
|
|
|
|
const openDelta = Date.now() - this.openStart;
|
2018-07-21 19:00:08 +00:00
|
|
|
|
window.log.info(
|
2018-04-17 21:03:31 +00:00
|
|
|
|
'Conversation',
|
|
|
|
|
this.model.idForLogging(),
|
|
|
|
|
'took',
|
|
|
|
|
openDelta,
|
|
|
|
|
'milliseconds to load'
|
|
|
|
|
);
|
|
|
|
|
this.loadingScreen = null;
|
|
|
|
|
view.remove();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onOpened() {
|
|
|
|
|
this.openStart = Date.now();
|
|
|
|
|
this.lastActivity = Date.now();
|
|
|
|
|
|
2018-07-12 18:33:59 +00:00
|
|
|
|
this.model.updateLastMessage();
|
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
const statusPromise = this.throttledGetProfiles();
|
|
|
|
|
// eslint-disable-next-line more/no-then
|
2018-04-27 21:25:04 +00:00
|
|
|
|
this.statusFetch = statusPromise.then(() =>
|
2018-04-27 21:27:32 +00:00
|
|
|
|
// eslint-disable-next-line more/no-then
|
2018-04-27 21:25:04 +00:00
|
|
|
|
this.model.updateVerified().then(() => {
|
|
|
|
|
this.onVerifiedChange();
|
|
|
|
|
this.statusFetch = null;
|
2018-07-21 19:00:08 +00:00
|
|
|
|
window.log.info('done with status fetch');
|
2018-04-27 21:25:04 +00:00
|
|
|
|
})
|
|
|
|
|
);
|
2018-04-17 21:03:31 +00:00
|
|
|
|
|
|
|
|
|
// We schedule our catch-up decrypt right after any in-progress fetch of
|
|
|
|
|
// messages from the database, then ensure that the loading screen is only
|
|
|
|
|
// dismissed when that is complete.
|
|
|
|
|
const messagesLoaded = this.inProgressFetch || Promise.resolve();
|
|
|
|
|
|
|
|
|
|
// eslint-disable-next-line more/no-then
|
|
|
|
|
messagesLoaded
|
|
|
|
|
.then(this.model.decryptOldIncomingKeyErrors.bind(this))
|
|
|
|
|
.then(this.onLoaded.bind(this), this.onLoaded.bind(this));
|
|
|
|
|
|
|
|
|
|
this.view.resetScrollPosition();
|
|
|
|
|
this.$el.trigger('force-resize');
|
|
|
|
|
this.focusMessageField();
|
|
|
|
|
|
|
|
|
|
if (this.inProgressFetch) {
|
|
|
|
|
// eslint-disable-next-line more/no-then
|
|
|
|
|
this.inProgressFetch.then(this.updateUnread.bind(this));
|
|
|
|
|
} else {
|
|
|
|
|
this.updateUnread();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
addScrollDownButtonWithCount() {
|
|
|
|
|
this.updateScrollDownButton(1);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
addScrollDownButton() {
|
|
|
|
|
if (!this.scrollDownButton) {
|
|
|
|
|
this.updateScrollDownButton();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
updateScrollDownButton(count) {
|
|
|
|
|
if (this.scrollDownButton) {
|
|
|
|
|
this.scrollDownButton.increment(count);
|
|
|
|
|
} else {
|
|
|
|
|
this.scrollDownButton = new Whisper.ScrollDownButtonView({ count });
|
|
|
|
|
this.scrollDownButton.render();
|
|
|
|
|
const container = this.$('.discussion-container');
|
|
|
|
|
container.append(this.scrollDownButton.el);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
removeScrollDownButton() {
|
|
|
|
|
if (this.scrollDownButton) {
|
|
|
|
|
const button = this.scrollDownButton;
|
|
|
|
|
this.scrollDownButton = null;
|
|
|
|
|
button.remove();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
removeLastSeenIndicator() {
|
|
|
|
|
if (this.lastSeenIndicator) {
|
|
|
|
|
const indicator = this.lastSeenIndicator;
|
|
|
|
|
this.lastSeenIndicator = null;
|
|
|
|
|
indicator.remove();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
scrollToMessage(options = {}) {
|
|
|
|
|
const { id } = options;
|
|
|
|
|
|
|
|
|
|
if (!id) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const el = this.$(`#${id}`);
|
|
|
|
|
if (!el || el.length === 0) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
el[0].scrollIntoView();
|
|
|
|
|
},
|
|
|
|
|
|
2018-07-09 21:29:13 +00:00
|
|
|
|
async showAllMedia() {
|
2018-04-25 22:15:24 +00:00
|
|
|
|
// We fetch more documents than media as they don’t require to be loaded
|
|
|
|
|
// into memory right away. Revisit this once we have infinite scrolling:
|
|
|
|
|
const DEFAULT_MEDIA_FETCH_COUNT = 50;
|
|
|
|
|
const DEFAULT_DOCUMENTS_FETCH_COUNT = 150;
|
|
|
|
|
|
2018-04-25 15:16:16 +00:00
|
|
|
|
const conversationId = this.model.get('id');
|
2018-07-25 22:02:27 +00:00
|
|
|
|
const rawMedia = await Signal.Data.getMessagesWithVisualMediaAttachments(
|
|
|
|
|
conversationId,
|
2018-04-27 21:25:04 +00:00
|
|
|
|
{
|
2018-07-25 22:02:27 +00:00
|
|
|
|
limit: DEFAULT_MEDIA_FETCH_COUNT,
|
|
|
|
|
MessageCollection: Whisper.MessageCollection,
|
2018-04-27 21:25:04 +00:00
|
|
|
|
}
|
|
|
|
|
);
|
2018-07-25 22:02:27 +00:00
|
|
|
|
const documents = await Signal.Data.getMessagesWithFileAttachments(
|
|
|
|
|
conversationId,
|
2018-04-27 21:25:04 +00:00
|
|
|
|
{
|
2018-07-25 22:02:27 +00:00
|
|
|
|
limit: DEFAULT_DOCUMENTS_FETCH_COUNT,
|
|
|
|
|
MessageCollection: Whisper.MessageCollection,
|
2018-04-27 21:25:04 +00:00
|
|
|
|
}
|
|
|
|
|
);
|
2018-04-25 15:16:16 +00:00
|
|
|
|
|
2018-07-18 16:38:42 +00:00
|
|
|
|
// First we upgrade these messages to ensure that they have thumbnails
|
|
|
|
|
for (let max = rawMedia.length, i = 0; i < max; i += 1) {
|
|
|
|
|
const message = rawMedia[i];
|
|
|
|
|
const { schemaVersion } = message;
|
|
|
|
|
|
|
|
|
|
if (schemaVersion < Message.CURRENT_SCHEMA_VERSION) {
|
|
|
|
|
// Yep, we really do want to wait for each of these
|
|
|
|
|
// eslint-disable-next-line no-await-in-loop
|
|
|
|
|
rawMedia[i] = await upgradeMessageSchema(message);
|
|
|
|
|
// eslint-disable-next-line no-await-in-loop
|
2018-07-25 22:02:27 +00:00
|
|
|
|
await window.Signal.Data.saveMessage(rawMedia[i], {
|
|
|
|
|
Message: Whisper.Message,
|
|
|
|
|
});
|
2018-07-18 16:38:42 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2018-07-18 23:00:51 +00:00
|
|
|
|
const media = rawMedia.map(mediaMessage => {
|
|
|
|
|
const { attachments } = mediaMessage;
|
|
|
|
|
const first = attachments && attachments[0];
|
|
|
|
|
const { thumbnail } = first;
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
...mediaMessage,
|
|
|
|
|
thumbnailObjectUrl: thumbnail
|
|
|
|
|
? getAbsoluteAttachmentPath(thumbnail.path)
|
|
|
|
|
: null,
|
2018-07-18 16:38:42 +00:00
|
|
|
|
objectURL: getAbsoluteAttachmentPath(
|
|
|
|
|
mediaMessage.attachments[0].path
|
|
|
|
|
),
|
2018-07-18 23:00:51 +00:00
|
|
|
|
};
|
|
|
|
|
});
|
2018-04-14 02:16:57 +00:00
|
|
|
|
|
2018-04-25 20:45:02 +00:00
|
|
|
|
const saveAttachment = async ({ message } = {}) => {
|
2018-04-25 22:15:57 +00:00
|
|
|
|
const attachment = message.attachments[0];
|
|
|
|
|
const timestamp = message.received_at;
|
2018-04-27 00:20:19 +00:00
|
|
|
|
Signal.Types.Attachment.save({
|
2018-04-26 20:48:08 +00:00
|
|
|
|
attachment,
|
|
|
|
|
document,
|
2018-04-30 15:59:26 +00:00
|
|
|
|
getAbsolutePath: getAbsoluteAttachmentPath,
|
2018-04-26 20:48:08 +00:00
|
|
|
|
timestamp,
|
|
|
|
|
});
|
2018-04-25 20:45:02 +00:00
|
|
|
|
};
|
|
|
|
|
|
2018-04-25 20:42:08 +00:00
|
|
|
|
const onItemClick = async ({ message, type }) => {
|
|
|
|
|
switch (type) {
|
|
|
|
|
case 'documents': {
|
2018-04-26 20:48:08 +00:00
|
|
|
|
saveAttachment({ message });
|
2018-04-25 20:42:08 +00:00
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
case 'media': {
|
2018-04-27 21:25:04 +00:00
|
|
|
|
const selectedIndex = media.findIndex(
|
|
|
|
|
mediaMessage => mediaMessage.id === message.id
|
|
|
|
|
);
|
2018-04-26 20:48:08 +00:00
|
|
|
|
this.lightboxGalleryView = new Whisper.ReactWrapperView({
|
2018-07-09 21:29:13 +00:00
|
|
|
|
className: 'lightbox-wrapper',
|
2018-04-26 20:48:08 +00:00
|
|
|
|
Component: Signal.Components.LightboxGallery,
|
2018-04-25 20:42:08 +00:00
|
|
|
|
props: {
|
2018-07-18 16:38:42 +00:00
|
|
|
|
messages: media,
|
2018-07-18 19:05:38 +00:00
|
|
|
|
onSave: saveAttachment,
|
2018-04-26 20:48:08 +00:00
|
|
|
|
selectedIndex,
|
2018-04-25 20:42:08 +00:00
|
|
|
|
},
|
|
|
|
|
onClose: () => Signal.Backbone.Views.Lightbox.hide(),
|
|
|
|
|
});
|
2018-04-26 20:48:08 +00:00
|
|
|
|
Signal.Backbone.Views.Lightbox.show(this.lightboxGalleryView.el);
|
2018-04-25 20:42:08 +00:00
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
default:
|
|
|
|
|
throw new TypeError(`Unknown attachment type: '${type}'`);
|
|
|
|
|
}
|
2018-04-14 02:16:57 +00:00
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const view = new Whisper.ReactWrapperView({
|
2018-07-09 21:29:13 +00:00
|
|
|
|
className: 'panel-wrapper',
|
2018-04-15 06:52:33 +00:00
|
|
|
|
Component: Signal.Components.MediaGallery,
|
2018-04-25 20:42:08 +00:00
|
|
|
|
props: {
|
|
|
|
|
documents,
|
|
|
|
|
media,
|
|
|
|
|
onItemClick,
|
|
|
|
|
},
|
2018-04-14 02:16:57 +00:00
|
|
|
|
onClose: () => this.resetPanel(),
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.listenBack(view);
|
2018-04-11 15:41:38 +00:00
|
|
|
|
},
|
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
scrollToBottom() {
|
|
|
|
|
// If we're above the last seen indicator, we should scroll there instead
|
|
|
|
|
// Note: if we don't end up at the bottom of the conversation, button won't go away!
|
|
|
|
|
if (this.lastSeenIndicator) {
|
|
|
|
|
const location = this.lastSeenIndicator.$el.position().top;
|
|
|
|
|
if (location > 0) {
|
|
|
|
|
this.lastSeenIndicator.el.scrollIntoView();
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
this.removeLastSeenIndicator();
|
|
|
|
|
}
|
|
|
|
|
this.view.scrollToBottom();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
resetLastSeenIndicator(options = {}) {
|
|
|
|
|
_.defaults(options, { scroll: true });
|
|
|
|
|
|
|
|
|
|
let unreadCount = 0;
|
|
|
|
|
let oldestUnread = null;
|
|
|
|
|
|
|
|
|
|
// We need to iterate here because unseen non-messages do not contribute to
|
|
|
|
|
// the badge number, but should be reflected in the indicator's count.
|
2018-04-27 21:25:04 +00:00
|
|
|
|
this.model.messageCollection.forEach(model => {
|
2018-04-17 21:03:31 +00:00
|
|
|
|
if (!model.get('unread')) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
2015-02-13 04:36:44 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
unreadCount += 1;
|
|
|
|
|
if (!oldestUnread) {
|
|
|
|
|
oldestUnread = model;
|
|
|
|
|
}
|
|
|
|
|
});
|
2015-01-13 23:27:18 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
this.removeLastSeenIndicator();
|
2014-10-25 01:44:30 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
if (oldestUnread) {
|
|
|
|
|
this.lastSeenIndicator = new Whisper.LastSeenIndicatorView({
|
|
|
|
|
count: unreadCount,
|
|
|
|
|
});
|
|
|
|
|
const lastSeenEl = this.lastSeenIndicator.render().$el;
|
2017-06-14 00:36:32 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
lastSeenEl.insertBefore(this.$(`#${oldestUnread.get('id')}`));
|
2017-06-14 00:36:32 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
if (this.view.atBottom() || options.scroll) {
|
|
|
|
|
lastSeenEl[0].scrollIntoView();
|
|
|
|
|
}
|
2017-06-14 00:36:32 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
// scrollIntoView is an async operation, but we have no way to listen for
|
|
|
|
|
// completion of the resultant scroll.
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
if (!this.view.atBottom()) {
|
|
|
|
|
this.addScrollDownButtonWithCount(unreadCount);
|
|
|
|
|
}
|
|
|
|
|
}, 1);
|
2018-07-27 02:36:21 +00:00
|
|
|
|
} else if (this.view.atBottom()) {
|
|
|
|
|
// If we already thought we were at the bottom, then ensure that's the case.
|
|
|
|
|
// Attempting to account for unpredictable completion of message rendering.
|
|
|
|
|
setTimeout(() => this.view.scrollToBottom(), 1);
|
2018-04-17 21:03:31 +00:00
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
focusMessageField() {
|
2018-07-20 23:37:57 +00:00
|
|
|
|
if (this.panels && this.panels.length) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
this.$messageField.focus();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
focusMessageFieldAndClearDisabled() {
|
|
|
|
|
this.$messageField.removeAttr('disabled');
|
|
|
|
|
this.$messageField.focus();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async loadMoreMessages() {
|
|
|
|
|
if (this.inProgressFetch) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.view.measureScrollPosition();
|
|
|
|
|
const startingHeight = this.view.scrollHeight;
|
|
|
|
|
|
|
|
|
|
await this.fetchMessages();
|
|
|
|
|
// We delay this work to let scrolling/layout settle down first
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.view.measureScrollPosition();
|
|
|
|
|
const endingHeight = this.view.scrollHeight;
|
|
|
|
|
const delta = endingHeight - startingHeight;
|
|
|
|
|
const height = this.view.outerHeight;
|
|
|
|
|
|
2018-04-27 21:25:04 +00:00
|
|
|
|
const newScrollPosition = this.view.scrollPosition + delta - height;
|
2018-04-17 21:03:31 +00:00
|
|
|
|
this.view.$el.scrollTop(newScrollPosition);
|
|
|
|
|
}, 1);
|
|
|
|
|
},
|
|
|
|
|
fetchMessages() {
|
2018-07-21 19:00:08 +00:00
|
|
|
|
window.log.info('fetchMessages');
|
2018-04-17 21:03:31 +00:00
|
|
|
|
this.$('.bar-container').show();
|
|
|
|
|
if (this.inProgressFetch) {
|
2018-07-21 19:00:08 +00:00
|
|
|
|
window.log.warn('Multiple fetchMessage calls!');
|
2018-04-17 21:03:31 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Avoiding await, since we want to capture the promise and make it available via
|
|
|
|
|
// this.inProgressFetch
|
|
|
|
|
// eslint-disable-next-line more/no-then
|
2018-04-27 21:25:04 +00:00
|
|
|
|
this.inProgressFetch = this.model
|
|
|
|
|
.fetchContacts()
|
2018-04-17 21:03:31 +00:00
|
|
|
|
.then(() => this.model.fetchMessages())
|
|
|
|
|
.then(() => {
|
|
|
|
|
this.$('.bar-container').hide();
|
2018-04-27 21:25:04 +00:00
|
|
|
|
this.model.messageCollection.where({ unread: 1 }).forEach(m => {
|
2018-04-17 21:03:31 +00:00
|
|
|
|
m.fetch();
|
|
|
|
|
});
|
|
|
|
|
this.inProgressFetch = null;
|
2018-04-27 21:25:04 +00:00
|
|
|
|
})
|
|
|
|
|
.catch(error => {
|
2018-07-21 19:00:08 +00:00
|
|
|
|
window.log.error(
|
2018-04-17 21:03:31 +00:00
|
|
|
|
'fetchMessages error:',
|
|
|
|
|
error && error.stack ? error.stack : error
|
|
|
|
|
);
|
|
|
|
|
this.inProgressFetch = null;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
return this.inProgressFetch;
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
addMessage(message) {
|
|
|
|
|
// This is debounced, so it won't hit the database too often.
|
|
|
|
|
this.lazyUpdateVerified();
|
|
|
|
|
|
2018-07-25 22:02:27 +00:00
|
|
|
|
// We do this here because we don't want convo.messageCollection to have
|
|
|
|
|
// anything in it unless it has an associated view. This is so, when we
|
|
|
|
|
// fetch on open, it's clean.
|
|
|
|
|
this.model.addSingleMessage(message);
|
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
if (message.isOutgoing()) {
|
|
|
|
|
this.removeLastSeenIndicator();
|
|
|
|
|
}
|
|
|
|
|
if (this.lastSeenIndicator) {
|
|
|
|
|
this.lastSeenIndicator.increment(1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (!this.isHidden() && !window.isFocused()) {
|
|
|
|
|
// The conversation is visible, but window is not focused
|
|
|
|
|
if (!this.lastSeenIndicator) {
|
|
|
|
|
this.resetLastSeenIndicator({ scroll: false });
|
2018-04-27 21:25:04 +00:00
|
|
|
|
} else if (
|
|
|
|
|
this.view.atBottom() &&
|
|
|
|
|
this.model.get('unreadCount') === this.lastSeenIndicator.getCount()
|
|
|
|
|
) {
|
2018-04-17 21:03:31 +00:00
|
|
|
|
// The count check ensures that the last seen indicator is still in
|
|
|
|
|
// sync with the real number of unread, so we can scroll to it.
|
|
|
|
|
// We only do this if we're at the bottom, because that signals that
|
|
|
|
|
// the user is okay with us changing scroll around so they see the
|
|
|
|
|
// right unseen message first.
|
|
|
|
|
this.resetLastSeenIndicator({ scroll: true });
|
|
|
|
|
}
|
|
|
|
|
} else if (!this.isHidden() && window.isFocused()) {
|
|
|
|
|
// The conversation is visible and in focus
|
|
|
|
|
this.markRead();
|
|
|
|
|
|
|
|
|
|
// When we're scrolled up and we don't already have a last seen indicator
|
|
|
|
|
// we add a new one.
|
|
|
|
|
if (!this.view.atBottom() && !this.lastSeenIndicator) {
|
|
|
|
|
this.resetLastSeenIndicator({ scroll: false });
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
2018-07-09 21:29:13 +00:00
|
|
|
|
onClick() {
|
2018-04-17 21:03:31 +00:00
|
|
|
|
// If there are sub-panels open, we don't want to respond to clicks
|
|
|
|
|
if (!this.panels || !this.panels.length) {
|
|
|
|
|
this.markRead();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
findNewestVisibleUnread() {
|
|
|
|
|
const collection = this.model.messageCollection;
|
|
|
|
|
const { length } = collection;
|
|
|
|
|
const viewportBottom = this.view.outerHeight;
|
|
|
|
|
const unreadCount = this.model.get('unreadCount') || 0;
|
|
|
|
|
|
|
|
|
|
// Start with the most recent message, search backwards in time
|
|
|
|
|
let foundUnread = 0;
|
|
|
|
|
for (let i = length - 1; i >= 0; i -= 1) {
|
|
|
|
|
// Search the latest 30, then stop if we believe we've covered all known
|
|
|
|
|
// unread messages. The unread should be relatively recent.
|
|
|
|
|
// Why? local notifications can be unread but won't be reflected the
|
|
|
|
|
// conversation's unread count.
|
|
|
|
|
if (i > 30 && foundUnread >= unreadCount) {
|
|
|
|
|
return null;
|
|
|
|
|
}
|
2015-06-16 20:43:40 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
const message = collection.at(i);
|
|
|
|
|
if (!message.get('unread')) {
|
|
|
|
|
// eslint-disable-next-line no-continue
|
|
|
|
|
continue;
|
|
|
|
|
}
|
2015-06-04 00:23:55 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
foundUnread += 1;
|
2015-11-12 20:08:29 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
const el = this.$(`#${message.id}`);
|
|
|
|
|
const position = el.position();
|
|
|
|
|
const { top } = position;
|
2017-09-11 16:50:35 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
// We're fully below the viewport, continue searching up.
|
|
|
|
|
if (top > viewportBottom) {
|
|
|
|
|
// eslint-disable-next-line no-continue
|
|
|
|
|
continue;
|
|
|
|
|
}
|
2015-06-16 20:43:40 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
// If the bottom fits on screen, we'll call it visible. Even if the
|
|
|
|
|
// message is really tall.
|
|
|
|
|
const height = el.height();
|
|
|
|
|
const bottom = top + height;
|
|
|
|
|
if (bottom <= viewportBottom) {
|
|
|
|
|
return message;
|
|
|
|
|
}
|
2015-06-16 20:43:40 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
// Continue searching up.
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return null;
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
markRead() {
|
|
|
|
|
let unread;
|
|
|
|
|
|
|
|
|
|
if (this.view.atBottom()) {
|
|
|
|
|
unread = this.model.messageCollection.last();
|
|
|
|
|
} else {
|
|
|
|
|
unread = this.findNewestVisibleUnread();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (unread) {
|
|
|
|
|
this.model.markRead(unread.get('received_at'));
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
showMembers(e, providedMembers, options = {}) {
|
|
|
|
|
_.defaults(options, { needVerify: false });
|
|
|
|
|
|
|
|
|
|
const members = providedMembers || this.model.contactCollection;
|
|
|
|
|
|
|
|
|
|
const view = new Whisper.GroupMemberList({
|
|
|
|
|
model: members,
|
|
|
|
|
// we pass this in to allow nested panels
|
|
|
|
|
listenBack: this.listenBack.bind(this),
|
|
|
|
|
needVerify: options.needVerify,
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.listenBack(view);
|
|
|
|
|
},
|
|
|
|
|
|
2018-07-09 21:29:13 +00:00
|
|
|
|
forceSend({ contact, message }) {
|
|
|
|
|
const dialog = new Whisper.ConfirmationDialogView({
|
|
|
|
|
message: i18n('identityKeyErrorOnSend'),
|
|
|
|
|
okText: i18n('sendAnyway'),
|
|
|
|
|
resolve: async () => {
|
|
|
|
|
await contact.updateVerified();
|
|
|
|
|
|
|
|
|
|
if (contact.isUnverified()) {
|
|
|
|
|
await contact.setVerifiedDefault();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const untrusted = await contact.isUntrusted();
|
|
|
|
|
if (untrusted) {
|
|
|
|
|
await contact.setApproved();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
message.resend(contact.id);
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.$el.prepend(dialog.el);
|
|
|
|
|
dialog.focusCancel();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
showSafetyNumber(providedModel) {
|
2018-04-17 21:03:31 +00:00
|
|
|
|
let model = providedModel;
|
|
|
|
|
|
|
|
|
|
if (!model && this.model.isPrivate()) {
|
|
|
|
|
// eslint-disable-next-line prefer-destructuring
|
|
|
|
|
model = this.model;
|
|
|
|
|
}
|
|
|
|
|
if (model) {
|
|
|
|
|
const view = new Whisper.KeyVerificationPanelView({
|
|
|
|
|
model,
|
|
|
|
|
});
|
|
|
|
|
this.listenBack(view);
|
2018-07-27 18:07:23 +00:00
|
|
|
|
this.updateHeader();
|
2018-04-17 21:03:31 +00:00
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
2018-07-09 21:29:13 +00:00
|
|
|
|
downloadAttachment({ attachment, message }) {
|
|
|
|
|
Signal.Types.Attachment.save({
|
|
|
|
|
attachment,
|
|
|
|
|
document,
|
|
|
|
|
getAbsolutePath: getAbsoluteAttachmentPath,
|
|
|
|
|
timestamp: message.get('sent_at'),
|
2018-04-17 21:03:31 +00:00
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
2018-07-09 21:29:13 +00:00
|
|
|
|
deleteMessage(message) {
|
|
|
|
|
const dialog = new Whisper.ConfirmationDialogView({
|
|
|
|
|
message: i18n('deleteWarning'),
|
|
|
|
|
okText: i18n('delete'),
|
|
|
|
|
resolve: () => {
|
2018-07-25 22:02:27 +00:00
|
|
|
|
window.Signal.Data.removeMessage(message.id, {
|
|
|
|
|
Message: Whisper.Message,
|
|
|
|
|
});
|
|
|
|
|
message.trigger('unload');
|
2018-07-09 21:29:13 +00:00
|
|
|
|
this.resetPanel();
|
|
|
|
|
this.updateHeader();
|
|
|
|
|
},
|
2018-04-17 21:03:31 +00:00
|
|
|
|
});
|
2018-07-09 21:29:13 +00:00
|
|
|
|
|
|
|
|
|
this.$el.prepend(dialog.el);
|
|
|
|
|
dialog.focusCancel();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
showLightbox({ attachment, message }) {
|
|
|
|
|
const { contentType, path } = attachment;
|
|
|
|
|
|
|
|
|
|
if (
|
|
|
|
|
!Signal.Util.GoogleChrome.isImageTypeSupported(contentType) &&
|
|
|
|
|
!Signal.Util.GoogleChrome.isVideoTypeSupported(contentType)
|
|
|
|
|
) {
|
|
|
|
|
this.downloadAttachment({ attachment, message });
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const props = {
|
|
|
|
|
objectURL: getAbsoluteAttachmentPath(path),
|
|
|
|
|
contentType,
|
|
|
|
|
onSave: () => this.downloadAttachment({ attachment, message }),
|
|
|
|
|
};
|
|
|
|
|
this.lightboxView = new Whisper.ReactWrapperView({
|
|
|
|
|
className: 'lightbox-wrapper',
|
|
|
|
|
Component: Signal.Components.Lightbox,
|
|
|
|
|
props,
|
|
|
|
|
onClose: () => Signal.Backbone.Views.Lightbox.hide(),
|
|
|
|
|
});
|
|
|
|
|
Signal.Backbone.Views.Lightbox.show(this.lightboxView.el);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
showMessageDetail(message) {
|
|
|
|
|
const props = message.getPropsForMessageDetail();
|
|
|
|
|
const view = new Whisper.ReactWrapperView({
|
|
|
|
|
className: 'message-detail-wrapper',
|
|
|
|
|
Component: Signal.Components.MessageDetail,
|
|
|
|
|
props,
|
|
|
|
|
onClose: () => {
|
|
|
|
|
this.stopListening(message, 'change', update);
|
|
|
|
|
this.resetPanel();
|
|
|
|
|
this.updateHeader();
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const update = () => view.update(message.getPropsForMessageDetail());
|
|
|
|
|
this.listenTo(message, 'change', update);
|
|
|
|
|
// We could listen to all involved contacts, but we'll call that overkill
|
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
this.listenBack(view);
|
2018-07-09 21:29:13 +00:00
|
|
|
|
this.updateHeader();
|
|
|
|
|
view.render();
|
2018-04-17 21:03:31 +00:00
|
|
|
|
},
|
|
|
|
|
|
2018-05-23 19:15:46 +00:00
|
|
|
|
showContactDetail({ contact, hasSignalAccount }) {
|
2018-05-05 01:19:54 +00:00
|
|
|
|
const regionCode = storage.get('regionCode');
|
|
|
|
|
const { contactSelector } = Signal.Types.Contact;
|
2018-05-03 02:43:23 +00:00
|
|
|
|
|
|
|
|
|
const view = new Whisper.ReactWrapperView({
|
2018-05-05 01:19:54 +00:00
|
|
|
|
Component: Signal.Components.ContactDetail,
|
2018-05-23 19:15:46 +00:00
|
|
|
|
className: 'contact-detail-pane panel',
|
2018-05-03 02:43:23 +00:00
|
|
|
|
props: {
|
2018-05-05 01:19:54 +00:00
|
|
|
|
contact: contactSelector(contact, {
|
|
|
|
|
regionCode,
|
|
|
|
|
getAbsoluteAttachmentPath,
|
|
|
|
|
}),
|
2018-05-23 19:15:46 +00:00
|
|
|
|
hasSignalAccount,
|
2018-05-03 02:43:23 +00:00
|
|
|
|
onSendMessage: () => {
|
|
|
|
|
const number =
|
|
|
|
|
contact.number && contact.number[0] && contact.number[0].value;
|
|
|
|
|
if (number) {
|
|
|
|
|
this.openConversation(number);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
2018-07-09 21:29:13 +00:00
|
|
|
|
onClose: () => {
|
|
|
|
|
this.resetPanel();
|
|
|
|
|
this.updateHeader();
|
|
|
|
|
},
|
2018-05-03 02:43:23 +00:00
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.listenBack(view);
|
2018-07-18 16:38:42 +00:00
|
|
|
|
this.updateHeader();
|
2018-05-03 02:43:23 +00:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async openConversation(number) {
|
|
|
|
|
const conversation = await window.ConversationController.getOrCreateAndWait(
|
|
|
|
|
number,
|
|
|
|
|
'private'
|
|
|
|
|
);
|
2018-05-05 01:19:54 +00:00
|
|
|
|
window.Whisper.events.trigger('showConversation', conversation);
|
2018-05-03 02:43:23 +00:00
|
|
|
|
},
|
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
listenBack(view) {
|
|
|
|
|
this.panels = this.panels || [];
|
|
|
|
|
if (this.panels.length > 0) {
|
|
|
|
|
this.panels[0].$el.hide();
|
|
|
|
|
}
|
|
|
|
|
this.panels.unshift(view);
|
|
|
|
|
view.$el.insertBefore(this.$('.panel').first());
|
|
|
|
|
},
|
|
|
|
|
resetPanel() {
|
2018-07-09 21:29:13 +00:00
|
|
|
|
if (!this.panels || !this.panels.length) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
const view = this.panels.shift();
|
2018-07-09 21:29:13 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
if (this.panels.length > 0) {
|
|
|
|
|
this.panels[0].$el.show();
|
|
|
|
|
}
|
|
|
|
|
view.remove();
|
|
|
|
|
|
|
|
|
|
if (this.panels.length === 0) {
|
|
|
|
|
this.$el.trigger('force-resize');
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
endSession() {
|
|
|
|
|
this.model.endSession();
|
|
|
|
|
},
|
|
|
|
|
|
2018-07-09 21:29:13 +00:00
|
|
|
|
setDisappearingMessages(seconds) {
|
|
|
|
|
if (seconds > 0) {
|
|
|
|
|
this.model.updateExpirationTimer(seconds);
|
|
|
|
|
} else {
|
|
|
|
|
this.model.updateExpirationTimer(null);
|
|
|
|
|
}
|
2018-04-17 21:03:31 +00:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async destroyMessages() {
|
2018-07-09 21:29:13 +00:00
|
|
|
|
try {
|
|
|
|
|
await this.confirm(i18n('deleteConversationConfirmation'));
|
|
|
|
|
await this.model.destroyMessages();
|
|
|
|
|
this.remove();
|
|
|
|
|
} catch (error) {
|
|
|
|
|
// nothing to see here
|
|
|
|
|
}
|
2018-04-17 21:03:31 +00:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
showSendConfirmationDialog(e, contacts) {
|
|
|
|
|
let message;
|
|
|
|
|
const isUnverified = this.model.isUnverified();
|
|
|
|
|
|
|
|
|
|
if (contacts.length > 1) {
|
|
|
|
|
if (isUnverified) {
|
|
|
|
|
message = i18n('changedSinceVerifiedMultiple');
|
|
|
|
|
} else {
|
|
|
|
|
message = i18n('changedRecentlyMultiple');
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
const contactName = contacts.at(0).getTitle();
|
|
|
|
|
if (isUnverified) {
|
|
|
|
|
message = i18n('changedSinceVerified', [contactName, contactName]);
|
|
|
|
|
} else {
|
|
|
|
|
message = i18n('changedRecently', [contactName, contactName]);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const dialog = new Whisper.ConfirmationDialogView({
|
|
|
|
|
message,
|
|
|
|
|
okText: i18n('sendAnyway'),
|
|
|
|
|
resolve: () => {
|
|
|
|
|
this.checkUnverifiedSendMessage(e, { force: true });
|
|
|
|
|
},
|
|
|
|
|
reject: () => {
|
|
|
|
|
this.focusMessageFieldAndClearDisabled();
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.$el.prepend(dialog.el);
|
|
|
|
|
dialog.focusCancel();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async checkUnverifiedSendMessage(e, options = {}) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
this.sendStart = Date.now();
|
|
|
|
|
this.$messageField.attr('disabled', true);
|
|
|
|
|
|
|
|
|
|
_.defaults(options, { force: false });
|
|
|
|
|
|
|
|
|
|
// This will go to the trust store for the latest identity key information,
|
|
|
|
|
// and may result in the display of a new banner for this conversation.
|
|
|
|
|
try {
|
|
|
|
|
await this.model.updateVerified();
|
|
|
|
|
const contacts = this.model.getUnverified();
|
|
|
|
|
if (!contacts.length) {
|
|
|
|
|
this.checkUntrustedSendMessage(e, options);
|
|
|
|
|
return;
|
|
|
|
|
}
|
2015-07-08 19:45:40 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
if (options.force) {
|
|
|
|
|
await this.markAllAsVerifiedDefault(contacts);
|
|
|
|
|
this.checkUnverifiedSendMessage(e, options);
|
|
|
|
|
return;
|
|
|
|
|
}
|
2016-04-16 02:17:16 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
this.showSendConfirmationDialog(e, contacts);
|
|
|
|
|
} catch (error) {
|
|
|
|
|
this.focusMessageFieldAndClearDisabled();
|
2018-07-21 19:00:08 +00:00
|
|
|
|
window.log.error(
|
2018-04-17 21:03:31 +00:00
|
|
|
|
'checkUnverifiedSendMessage error:',
|
|
|
|
|
error && error.stack ? error.stack : error
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async checkUntrustedSendMessage(e, options = {}) {
|
|
|
|
|
_.defaults(options, { force: false });
|
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
const contacts = await this.model.getUntrusted();
|
|
|
|
|
if (!contacts.length) {
|
|
|
|
|
this.sendMessage(e);
|
|
|
|
|
return;
|
|
|
|
|
}
|
2016-04-16 02:17:16 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
if (options.force) {
|
|
|
|
|
await this.markAllAsApproved(contacts);
|
|
|
|
|
this.sendMessage(e);
|
|
|
|
|
return;
|
|
|
|
|
}
|
2015-06-19 20:43:24 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
this.showSendConfirmationDialog(e, contacts);
|
|
|
|
|
} catch (error) {
|
|
|
|
|
this.focusMessageFieldAndClearDisabled();
|
2018-07-21 19:00:08 +00:00
|
|
|
|
window.log.error(
|
2018-04-17 21:03:31 +00:00
|
|
|
|
'checkUntrustedSendMessage error:',
|
|
|
|
|
error && error.stack ? error.stack : error
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
toggleEmojiPanel(e) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
if (!this.emojiPanel) {
|
|
|
|
|
this.openEmojiPanel();
|
|
|
|
|
} else {
|
|
|
|
|
this.closeEmojiPanel();
|
|
|
|
|
}
|
|
|
|
|
},
|
2018-05-08 21:30:11 +00:00
|
|
|
|
onKeyDown(event) {
|
|
|
|
|
if (event.key !== 'Escape') {
|
|
|
|
|
return;
|
2018-05-08 05:47:33 +00:00
|
|
|
|
}
|
2018-05-08 21:30:11 +00:00
|
|
|
|
|
|
|
|
|
this.closeEmojiPanel();
|
2018-05-08 05:47:33 +00:00
|
|
|
|
},
|
2018-04-17 21:03:31 +00:00
|
|
|
|
openEmojiPanel() {
|
|
|
|
|
this.$emojiPanelContainer.outerHeight(200);
|
|
|
|
|
this.emojiPanel = new EmojiPanel(this.$emojiPanelContainer[0], {
|
|
|
|
|
onClick: this.insertEmoji.bind(this),
|
|
|
|
|
});
|
|
|
|
|
this.updateMessageFieldSize({});
|
|
|
|
|
},
|
|
|
|
|
closeEmojiPanel() {
|
2018-05-08 21:30:11 +00:00
|
|
|
|
if (this.emojiPanel === null) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
this.$emojiPanelContainer.empty().outerHeight(0);
|
|
|
|
|
this.emojiPanel = null;
|
|
|
|
|
this.updateMessageFieldSize({});
|
|
|
|
|
},
|
|
|
|
|
insertEmoji(e) {
|
|
|
|
|
const colons = `:${emojiData[e.index].short_name}:`;
|
|
|
|
|
|
|
|
|
|
const textarea = this.$messageField[0];
|
|
|
|
|
if (textarea.selectionStart || textarea.selectionStart === '0') {
|
|
|
|
|
const startPos = textarea.selectionStart;
|
|
|
|
|
const endPos = textarea.selectionEnd;
|
|
|
|
|
|
|
|
|
|
textarea.value =
|
|
|
|
|
textarea.value.substring(0, startPos) +
|
|
|
|
|
colons +
|
|
|
|
|
textarea.value.substring(endPos, textarea.value.length);
|
|
|
|
|
textarea.selectionStart = startPos + colons.length;
|
|
|
|
|
textarea.selectionEnd = startPos + colons.length;
|
|
|
|
|
} else {
|
|
|
|
|
textarea.value += colons;
|
|
|
|
|
}
|
|
|
|
|
this.focusMessageField();
|
|
|
|
|
},
|
2018-04-17 21:31:16 +00:00
|
|
|
|
|
2018-04-19 01:25:55 +00:00
|
|
|
|
async setQuoteMessage(message) {
|
|
|
|
|
this.quote = null;
|
2018-04-17 21:31:16 +00:00
|
|
|
|
this.quotedMessage = message;
|
2018-04-18 20:06:33 +00:00
|
|
|
|
|
2018-04-19 01:25:55 +00:00
|
|
|
|
if (this.quoteHolder) {
|
|
|
|
|
this.quoteHolder.unload();
|
|
|
|
|
this.quoteHolder = null;
|
|
|
|
|
}
|
2018-04-18 20:06:33 +00:00
|
|
|
|
|
2018-04-19 01:25:55 +00:00
|
|
|
|
if (message) {
|
|
|
|
|
const quote = await this.model.makeQuote(this.quotedMessage);
|
|
|
|
|
this.quote = quote;
|
2018-04-20 19:04:48 +00:00
|
|
|
|
|
|
|
|
|
this.focusMessageFieldAndClearDisabled();
|
2018-04-19 01:25:55 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.renderQuotedMessage();
|
2018-04-18 20:06:33 +00:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
renderQuotedMessage() {
|
|
|
|
|
if (this.quoteView) {
|
|
|
|
|
this.quoteView.remove();
|
|
|
|
|
this.quoteView = null;
|
|
|
|
|
}
|
|
|
|
|
if (!this.quotedMessage) {
|
|
|
|
|
this.updateMessageFieldSize({});
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const message = new Whisper.Message({
|
2018-04-19 01:25:55 +00:00
|
|
|
|
quote: this.quote,
|
2018-04-18 20:06:33 +00:00
|
|
|
|
});
|
|
|
|
|
message.quotedMessage = this.quotedMessage;
|
2018-04-19 01:25:55 +00:00
|
|
|
|
this.quoteHolder = message;
|
|
|
|
|
|
2018-04-20 22:17:08 +00:00
|
|
|
|
const props = message.getPropsForQuote();
|
2018-04-18 20:06:33 +00:00
|
|
|
|
|
|
|
|
|
this.listenTo(message, 'scroll-to-message', this.scrollToMessage);
|
|
|
|
|
|
|
|
|
|
const contact = this.quotedMessage.getContact();
|
|
|
|
|
if (contact) {
|
2018-07-09 21:29:13 +00:00
|
|
|
|
this.listenTo(contact, 'change', this.renderQuotedMesage);
|
2018-04-18 20:06:33 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.quoteView = new Whisper.ReactWrapperView({
|
|
|
|
|
className: 'quote-wrapper',
|
|
|
|
|
Component: window.Signal.Components.Quote,
|
2018-04-20 22:17:08 +00:00
|
|
|
|
props: Object.assign({}, props, {
|
2018-07-09 21:29:13 +00:00
|
|
|
|
withContentAbove: true,
|
2018-04-20 22:17:08 +00:00
|
|
|
|
onClose: () => {
|
|
|
|
|
this.setQuoteMessage(null);
|
|
|
|
|
},
|
|
|
|
|
}),
|
2018-04-18 20:06:33 +00:00
|
|
|
|
});
|
2018-04-18 21:48:57 +00:00
|
|
|
|
|
2018-07-09 21:29:13 +00:00
|
|
|
|
this.$('.send').prepend(this.quoteView.el);
|
2018-04-18 20:06:33 +00:00
|
|
|
|
this.updateMessageFieldSize({});
|
2018-04-17 21:31:16 +00:00
|
|
|
|
},
|
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
async sendMessage(e) {
|
|
|
|
|
this.removeLastSeenIndicator();
|
|
|
|
|
this.closeEmojiPanel();
|
|
|
|
|
|
|
|
|
|
let toast;
|
|
|
|
|
if (extension.expired()) {
|
|
|
|
|
toast = new Whisper.ExpiredToast();
|
|
|
|
|
}
|
|
|
|
|
if (this.model.isPrivate() && storage.isBlocked(this.model.id)) {
|
|
|
|
|
toast = new Whisper.BlockedToast();
|
|
|
|
|
}
|
|
|
|
|
if (!this.model.isPrivate() && this.model.get('left')) {
|
|
|
|
|
toast = new Whisper.LeftGroupToast();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (toast) {
|
|
|
|
|
toast.$el.insertAfter(this.$el);
|
|
|
|
|
toast.render();
|
|
|
|
|
this.focusMessageFieldAndClearDisabled();
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const input = this.$messageField;
|
2018-05-18 19:00:46 +00:00
|
|
|
|
const message = window.Signal.Emoji.replaceColons(input.val()).trim();
|
2018-04-17 21:03:31 +00:00
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
if (!message.length && !this.fileInput.hasFiles()) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
2015-09-16 03:50:00 +00:00
|
|
|
|
|
2018-04-17 21:03:31 +00:00
|
|
|
|
const attachments = await this.fileInput.getFiles();
|
|
|
|
|
const sendDelta = Date.now() - this.sendStart;
|
2018-07-21 19:00:08 +00:00
|
|
|
|
window.log.info('Send pre-checks took', sendDelta, 'milliseconds');
|
2018-04-17 21:03:31 +00:00
|
|
|
|
|
2018-04-19 18:19:23 +00:00
|
|
|
|
this.model.sendMessage(message, attachments, this.quote);
|
2018-04-17 21:03:31 +00:00
|
|
|
|
|
|
|
|
|
input.val('');
|
2018-04-19 18:19:23 +00:00
|
|
|
|
this.setQuoteMessage(null);
|
2018-04-17 21:03:31 +00:00
|
|
|
|
this.focusMessageFieldAndClearDisabled();
|
|
|
|
|
this.forceUpdateMessageFieldSize(e);
|
|
|
|
|
this.fileInput.deleteFiles();
|
|
|
|
|
} catch (error) {
|
2018-07-21 19:00:08 +00:00
|
|
|
|
window.log.error(
|
2018-04-17 21:03:31 +00:00
|
|
|
|
'Error pulling attached files before send',
|
|
|
|
|
error && error.stack ? error.stack : error
|
|
|
|
|
);
|
|
|
|
|
} finally {
|
|
|
|
|
this.focusMessageFieldAndClearDisabled();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
updateMessageFieldSize(event) {
|
|
|
|
|
const keyCode = event.which || event.keyCode;
|
|
|
|
|
|
2018-04-27 21:25:04 +00:00
|
|
|
|
if (
|
|
|
|
|
keyCode === 13 &&
|
|
|
|
|
!event.altKey &&
|
|
|
|
|
!event.shiftKey &&
|
|
|
|
|
!event.ctrlKey
|
|
|
|
|
) {
|
2018-04-17 21:03:31 +00:00
|
|
|
|
// enter pressed - submit the form now
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
this.$('.bottom-bar form').submit();
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
this.toggleMicrophone();
|
|
|
|
|
this.toggleLengthWarning();
|
|
|
|
|
|
|
|
|
|
this.view.measureScrollPosition();
|
|
|
|
|
window.autosize(this.$messageField);
|
|
|
|
|
|
|
|
|
|
const $attachmentPreviews = this.$('.attachment-previews');
|
|
|
|
|
const $bottomBar = this.$('.bottom-bar');
|
2018-04-18 20:06:33 +00:00
|
|
|
|
const includeMargin = true;
|
|
|
|
|
const quoteHeight = this.quoteView
|
|
|
|
|
? this.quoteView.$el.outerHeight(includeMargin)
|
|
|
|
|
: 0;
|
|
|
|
|
|
2018-04-27 21:25:04 +00:00
|
|
|
|
const height =
|
|
|
|
|
this.$messageField.outerHeight() +
|
2018-04-17 21:03:31 +00:00
|
|
|
|
$attachmentPreviews.outerHeight() +
|
|
|
|
|
this.$emojiPanelContainer.outerHeight() +
|
2018-04-18 20:06:33 +00:00
|
|
|
|
quoteHeight +
|
2018-04-17 21:03:31 +00:00
|
|
|
|
parseInt($bottomBar.css('min-height'), 10);
|
|
|
|
|
|
|
|
|
|
$bottomBar.outerHeight(height);
|
|
|
|
|
|
|
|
|
|
this.view.scrollToBottomIfNeeded();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
forceUpdateMessageFieldSize(event) {
|
|
|
|
|
if (this.isHidden()) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
this.view.scrollToBottomIfNeeded();
|
|
|
|
|
window.autosize.update(this.$messageField);
|
|
|
|
|
this.updateMessageFieldSize(event);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
isHidden() {
|
2018-04-27 21:25:04 +00:00
|
|
|
|
return (
|
|
|
|
|
this.$el.css('display') === 'none' ||
|
|
|
|
|
this.$('.panel').css('display') === 'none'
|
|
|
|
|
);
|
2018-04-17 21:03:31 +00:00
|
|
|
|
},
|
|
|
|
|
});
|
2018-04-27 21:25:04 +00:00
|
|
|
|
})();
|