mirror of
https://github.com/ether/etherpad-lite.git
synced 2025-04-23 08:56:17 -04:00
168 lines
4 KiB
JavaScript
168 lines
4 KiB
JavaScript
'use strict';
|
|
|
|
/**
|
|
* the contentWindow is either the normal pad or timeslider
|
|
*
|
|
* @returns {HTMLElement} contentWindow
|
|
*/
|
|
helper.contentWindow = () => $('#iframe-container iframe')[0].contentWindow;
|
|
|
|
/**
|
|
* Opens the chat unless it is already open via an
|
|
* icon on the bottom right of the page
|
|
*
|
|
* @returns {Promise}
|
|
*/
|
|
helper.showChat = () => {
|
|
const chaticon = helper.chatIcon();
|
|
if (!chaticon.hasClass('visible')) return;
|
|
chaticon.click();
|
|
return helper.waitForPromise(() => !chaticon.hasClass('visible'), 2000);
|
|
};
|
|
|
|
/**
|
|
* Closes the chat window if it is shown and not sticky
|
|
*
|
|
* @returns {Promise}
|
|
*/
|
|
helper.hideChat = () => {
|
|
if (!helper.isChatboxShown() || helper.isChatboxSticky()) return;
|
|
helper.titlecross().click();
|
|
return helper.waitForPromise(() => !helper.isChatboxShown(), 2000);
|
|
};
|
|
|
|
/**
|
|
* Gets the chat icon from the bottom right of the page
|
|
*
|
|
* @returns {HTMLElement} the chat icon
|
|
*/
|
|
helper.chatIcon = () => helper.padChrome$('#chaticon');
|
|
|
|
/**
|
|
* The chat messages from the UI
|
|
*
|
|
* @returns {Array.<HTMLElement>}
|
|
*/
|
|
helper.chatTextParagraphs = () => helper.padChrome$('#chattext').children('p');
|
|
|
|
/**
|
|
* Returns true if the chat box is sticky
|
|
*
|
|
* @returns {boolean} stickyness of the chat box
|
|
*/
|
|
helper.isChatboxSticky = () => helper.padChrome$('#chatbox').hasClass('stickyChat');
|
|
|
|
/**
|
|
* Returns true if the chat box is shown
|
|
*
|
|
* @returns {boolean} visibility of the chat box
|
|
*/
|
|
helper.isChatboxShown = () => helper.padChrome$('#chatbox').hasClass('visible');
|
|
|
|
/**
|
|
* Gets the settings menu
|
|
*
|
|
* @returns {HTMLElement} the settings menu
|
|
*/
|
|
helper.settingsMenu = () => helper.padChrome$('#settings');
|
|
|
|
/**
|
|
* Gets the settings button
|
|
*
|
|
* @returns {HTMLElement} the settings button
|
|
*/
|
|
helper.settingsButton =
|
|
() => helper.padChrome$("button[data-l10n-id='pad.toolbar.settings.title']");
|
|
|
|
/**
|
|
* Toggles user list
|
|
*/
|
|
helper.toggleUserList = async () => {
|
|
const isVisible = helper.userListShown();
|
|
const button = helper.padChrome$("button[data-l10n-id='pad.toolbar.showusers.title']");
|
|
button.click();
|
|
await helper.waitForPromise(() => !isVisible);
|
|
};
|
|
|
|
/**
|
|
* Gets the user name input field
|
|
*
|
|
* @returns {HTMLElement} user name input field
|
|
*/
|
|
helper.usernameField = () => helper.padChrome$("input[data-l10n-id='pad.userlist.entername']");
|
|
|
|
/**
|
|
* Is the user list popup shown?
|
|
*
|
|
* @returns {boolean}
|
|
*/
|
|
helper.userListShown = () => helper.padChrome$('div#users').hasClass('popup-show');
|
|
|
|
/**
|
|
* Sets the user name
|
|
*
|
|
*/
|
|
helper.setUserName = async (name) => {
|
|
const userElement = helper.usernameField();
|
|
userElement.click();
|
|
userElement.val(name);
|
|
userElement.blur();
|
|
await helper.waitForPromise(() => !helper.usernameField().hasClass('editactive'));
|
|
};
|
|
|
|
/**
|
|
* Gets the titlecross icon
|
|
*
|
|
* @returns {HTMLElement} the titlecross icon
|
|
*/
|
|
helper.titlecross = () => helper.padChrome$('#titlecross');
|
|
|
|
/**
|
|
* Returns true if the settings menu is visible
|
|
*
|
|
* @returns {boolean} is the settings menu shown?
|
|
*/
|
|
helper.isSettingsShown = () => helper.padChrome$('#settings').hasClass('popup-show');
|
|
|
|
/**
|
|
* Gets the timer div of a timeslider that has the datetime of the revision
|
|
*
|
|
* @returns {HTMLElement} timer
|
|
*/
|
|
helper.timesliderTimer = () => {
|
|
if (typeof helper.contentWindow().$ !== 'function') return;
|
|
return helper.contentWindow().$('#timer');
|
|
};
|
|
|
|
/**
|
|
* Gets the time of the revision on a timeslider
|
|
*
|
|
* @returns {HTMLElement} timer
|
|
*/
|
|
helper.timesliderTimerTime = () => {
|
|
if (!helper.timesliderTimer()) return;
|
|
return helper.timesliderTimer().text();
|
|
};
|
|
|
|
/**
|
|
* The ui-slidar-bar element in the timeslider
|
|
*
|
|
* @returns {HTMLElement}
|
|
*/
|
|
helper.sliderBar = () => helper.contentWindow().$('#ui-slider-bar');
|
|
|
|
/**
|
|
* revision_date element
|
|
* like "Saved October 10, 2020"
|
|
*
|
|
* @returns {HTMLElement}
|
|
*/
|
|
helper.revisionDateElem = () => helper.contentWindow().$('#revision_date').text();
|
|
|
|
/**
|
|
* revision_label element
|
|
* like "Version 1"
|
|
*
|
|
* @returns {HTMLElement}
|
|
*/
|
|
helper.revisionLabelElem = () => helper.contentWindow().$('#revision_label');
|