mirror of
https://github.com/ether/etherpad-lite.git
synced 2025-04-23 08:56:17 -04:00
d723270388
* Define utility functions above their use to silence lint warnings.
* Use `.css()` instead of `.attr('style')` to manipulate style.
* Pass an object to `.attr()` rather than call once per attribute.
* Take advantage of chaining.
* Inline unnecessary `padUrl` variable.
* Delete some unnecessary comments.
93 lines
3.1 KiB
JavaScript
93 lines
3.1 KiB
JavaScript
'use strict';
|
|
|
|
const getCookies =
|
|
() => helper.padChrome$.window.require('ep_etherpad-lite/static/js/pad_utils').Cookies;
|
|
|
|
const setToken = (token) => getCookies().set('token', token);
|
|
|
|
const getToken = () => getCookies().get('token');
|
|
|
|
const startActingLike = (user) => {
|
|
helper.padChrome$ = user.padChrome$;
|
|
helper.padOuter$ = user.padOuter$;
|
|
helper.padInner$ = user.padInner$;
|
|
if (helper.padChrome$) setToken(user.token);
|
|
};
|
|
|
|
const clearToken = () => getCookies().remove('token');
|
|
|
|
helper.multipleUsers = {
|
|
_user0: null,
|
|
_user1: null,
|
|
|
|
// open the same pad on different frames (allows concurrent editions to pad)
|
|
async init() {
|
|
this._user0 = {
|
|
$frame: $('#iframe-container iframe'),
|
|
token: getToken(),
|
|
// we'll switch between pads, need to store current values of helper.pad*
|
|
// to be able to restore those values later
|
|
padChrome$: helper.padChrome$,
|
|
padOuter$: helper.padOuter$,
|
|
padInner$: helper.padInner$,
|
|
};
|
|
this._user1 = {};
|
|
// Force generation of a new token.
|
|
clearToken();
|
|
// need to perform as the other user, otherwise we'll get the userdup error message
|
|
await this.performAsOtherUser(this._createUser1Frame.bind(this));
|
|
},
|
|
|
|
async performAsOtherUser(action) {
|
|
startActingLike(this._user1);
|
|
await action();
|
|
startActingLike(this._user0);
|
|
},
|
|
|
|
close() {
|
|
this._user0.$frame.attr('style', ''); // make the default ocopy the full height
|
|
this._user1.$frame.remove();
|
|
},
|
|
|
|
async _loadJQueryForUser1Frame() {
|
|
this._user1.padChrome$ = await helper.getFrameJQuery(this._user1.$frame, true);
|
|
this._user1.padOuter$ =
|
|
await helper.getFrameJQuery(this._user1.padChrome$('iframe[name="ace_outer"]'), false);
|
|
this._user1.padInner$ =
|
|
await helper.getFrameJQuery(this._user1.padOuter$('iframe[name="ace_inner"]'), true);
|
|
|
|
// update helper vars now that they are available
|
|
helper.padChrome$ = this._user1.padChrome$;
|
|
helper.padOuter$ = this._user1.padOuter$;
|
|
helper.padInner$ = this._user1.padInner$;
|
|
},
|
|
|
|
async _createUser1Frame() {
|
|
this._user0.$frame.css({height: '50%'});
|
|
this._user1.$frame = $('<iframe>')
|
|
.attr({id: 'user1_pad', src: this._user0.$frame.attr('src')})
|
|
.css({height: '50%', top: '50%'})
|
|
.insertAfter(this._user0.$frame);
|
|
|
|
// wait for user1 pad to load
|
|
await new Promise((resolve) => this._user1.$frame.one('load', resolve));
|
|
|
|
const $editorLoadingMessage = this._user1.$frame.contents().find('#editorloadingbox');
|
|
const $errorMessageModal = this._user0.$frame.contents().find('#connectivity .userdup');
|
|
|
|
await helper.waitForPromise(() => {
|
|
const loaded = !$editorLoadingMessage.is(':visible');
|
|
// make sure we don't get the userdup by mistake
|
|
const didNotDetectUserDup = !$errorMessageModal.is(':visible');
|
|
return loaded && didNotDetectUserDup;
|
|
}, 50000);
|
|
|
|
// need to get values for this._user1.pad* vars
|
|
await this._loadJQueryForUser1Frame();
|
|
|
|
this._user1.token = getToken();
|
|
if (this._user0.token === this._user1.token) {
|
|
throw new Error('expected different token for user1');
|
|
}
|
|
},
|
|
};
|