PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

make MessageComposerInput (new and old) warn on unload

Browse source 
new needs binding due to class this ref being softer
couldn't do this nicely in MessageComposer/Input as
isTyping wasn't propagated.

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2017-04-29 06:13:03 +01:00
parent 19482d751d
commit 6685cbcb25
2 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/views/rooms/MessageComposerInput.js
View file

@ -93,6 +93,7 @@ export default class MessageComposerInput extends React.Component {
this.onEscape = this.onEscape.bind(this); this.onEscape = this.onEscape.bind(this);
this.setDisplayedCompletion = this.setDisplayedCompletion.bind(this); this.setDisplayedCompletion = this.setDisplayedCompletion.bind(this);
this.onMarkdownToggleClicked = this.onMarkdownToggleClicked.bind(this); this.onMarkdownToggleClicked = this.onMarkdownToggleClicked.bind(this);
this.onPageUnload = this.onPageUnload.bind(this);
const isRichtextEnabled = UserSettingsStore.getSyncedSetting('MessageComposerInput.isRichTextEnabled', false); const isRichtextEnabled = UserSettingsStore.getSyncedSetting('MessageComposerInput.isRichTextEnabled', false);
@ -233,11 +234,13 @@ export default class MessageComposerInput extends React.Component {
this.refs.editor, this.refs.editor,
this.props.room.roomId this.props.room.roomId
); );
window.addEventListener('beforeunload', this.onPageUnload);
} }
componentWillUnmount() { componentWillUnmount() {
dis.unregister(this.dispatcherRef); dis.unregister(this.dispatcherRef);
this.sentHistory.saveLastTextEntry(); this.sentHistory.saveLastTextEntry();
window.removeEventListener('beforeunload', this.onPageUnload);
} }
componentWillUpdate(nextProps, nextState) { componentWillUpdate(nextProps, nextState) {
@ -249,6 +252,13 @@ export default class MessageComposerInput extends React.Component {
} }
} }
onPageUnload(event) {
if (this.isTyping) {
return event.returnValue =
'You seem to be typing a message, are you sure you want to quit?';
}
}
onAction(payload) { onAction(payload) {
let editor = this.refs.editor; let editor = this.refs.editor;
let contentState = this.state.editorState.getCurrentContent(); let contentState = this.state.editorState.getCurrentContent();

9
src/components/views/rooms/MessageComposerInputOld.js
View file

@ -177,11 +177,20 @@ export default React.createClass({
if (this.props.tabComplete) { if (this.props.tabComplete) {
this.props.tabComplete.setTextArea(this.refs.textarea); this.props.tabComplete.setTextArea(this.refs.textarea);
} }
window.addEventListener('beforeunload', this.onPageUnload);
}, },
componentWillUnmount: function() { componentWillUnmount: function() {
dis.unregister(this.dispatcherRef); dis.unregister(this.dispatcherRef);
this.sentHistory.saveLastTextEntry(); this.sentHistory.saveLastTextEntry();
window.removeEventListener('beforeunload', this.onPageUnload);
},
onPageUnload(event) {
if (this.isTyping) {
return event.returnValue =
'You seem to be typing a message, are you sure you want to quit?';
}
}, },
onAction: function(payload) { onAction: function(payload) {