mirror of https://github.com/zulip/zulip.git
211 lines
7.4 KiB
JavaScript
211 lines
7.4 KiB
JavaScript
const SimpleBar = require("simplebar/dist/simplebar.js");
|
||
|
||
// What, if anything, obscures the home tab?
|
||
|
||
exports.replace_emoji_with_text = function (element) {
|
||
element.find(".emoji").replaceWith(function () {
|
||
if ($(this).is("img")) {
|
||
return $(this).attr("alt");
|
||
}
|
||
return $(this).text();
|
||
});
|
||
};
|
||
|
||
exports.get_content_element = function (element_selector) {
|
||
const element = element_selector.expectOne()[0];
|
||
const sb = SimpleBar.instances.get(element);
|
||
if (sb) {
|
||
return $(sb.getContentElement());
|
||
}
|
||
return element_selector;
|
||
};
|
||
|
||
exports.get_scroll_element = function (element_selector) {
|
||
const element = element_selector.expectOne()[0];
|
||
const sb = SimpleBar.instances.get(element);
|
||
if (sb) {
|
||
return $(sb.getScrollElement());
|
||
} else if ('simplebar' in element.dataset) {
|
||
// The SimpleBar mutation observer hasn’t processed this element yet.
|
||
// Create the SimpleBar early in case we need to add event listeners.
|
||
return $(new SimpleBar(element).getScrollElement());
|
||
}
|
||
return element_selector;
|
||
};
|
||
|
||
exports.reset_scrollbar = function (element_selector) {
|
||
const element = element_selector.expectOne()[0];
|
||
const sb = SimpleBar.instances.get(element);
|
||
if (sb) {
|
||
sb.getScrollElement().scrollTop = 0;
|
||
} else {
|
||
element.scrollTop = 0;
|
||
}
|
||
};
|
||
|
||
function update_message_in_all_views(message_id, callback) {
|
||
for (const list of [message_list.all, home_msg_list, message_list.narrowed]) {
|
||
if (list === undefined) {
|
||
continue;
|
||
}
|
||
const row = list.get_row(message_id);
|
||
if (row === undefined) {
|
||
// The row may not exist, e.g. if you do an action on a message in
|
||
// a narrowed view
|
||
continue;
|
||
}
|
||
callback(row);
|
||
}
|
||
}
|
||
|
||
exports.show_error_for_unsupported_platform = function () {
|
||
// Check if the user is using old desktop app
|
||
if (typeof bridge !== 'undefined') {
|
||
// We don't internationalize this string because it is long,
|
||
// and few users will have both the old desktop app and an
|
||
// internationalized version of Zulip anyway.
|
||
const error = "Hello! You're using the unsupported old Zulip desktop app," +
|
||
" which is no longer developed. We recommend switching to the new, " +
|
||
"modern desktop app, which you can download at " +
|
||
"<a href='https://zulip.com/apps'>zulip.com/apps</a>.";
|
||
|
||
ui_report.generic_embed_error(error);
|
||
}
|
||
};
|
||
|
||
exports.find_message = function (message_id) {
|
||
// Try to find the message object. It might be in the narrow list
|
||
// (if it was loaded when narrowed), or only in the message_list.all
|
||
// (if received from the server while in a different narrow)
|
||
let message;
|
||
|
||
for (const msg_list of [message_list.all, home_msg_list, message_list.narrowed]) {
|
||
if (msg_list !== undefined && message === undefined) {
|
||
message = msg_list.get(message_id);
|
||
}
|
||
}
|
||
|
||
return message;
|
||
};
|
||
|
||
exports.update_starred_view = function (message_id, new_value) {
|
||
const starred = new_value;
|
||
|
||
// Avoid a full re-render, but update the star in each message
|
||
// table in which it is visible.
|
||
update_message_in_all_views(message_id, function update_row(row) {
|
||
const elt = row.find(".star");
|
||
if (starred) {
|
||
elt.addClass("fa-star").removeClass("fa-star-o").removeClass("empty-star");
|
||
} else {
|
||
elt.removeClass("fa-star").addClass("fa-star-o").addClass("empty-star");
|
||
}
|
||
const title_state = starred ? i18n.t("Unstar") : i18n.t("Star");
|
||
elt.attr("title", i18n.t("__starred_status__ this message", {starred_status: title_state}));
|
||
});
|
||
};
|
||
|
||
exports.show_message_failed = function (message_id, failed_msg) {
|
||
// Failed to send message, so display inline retry/cancel
|
||
update_message_in_all_views(message_id, function update_row(row) {
|
||
const failed_div = row.find('.message_failed');
|
||
failed_div.toggleClass('notvisible', false);
|
||
failed_div.find('.failed_text').attr('title', failed_msg);
|
||
});
|
||
};
|
||
|
||
exports.remove_messages = function (message_ids) {
|
||
const msg_ids_to_rerender = [];
|
||
for (const list of [message_list.all, home_msg_list, message_list.narrowed]) {
|
||
if (list === undefined) {
|
||
continue;
|
||
}
|
||
for (const message_id of message_ids) {
|
||
const row = list.get_row(message_id);
|
||
if (row !== undefined) {
|
||
msg_ids_to_rerender.push({id: message_id});
|
||
}
|
||
}
|
||
list.remove_and_rerender(msg_ids_to_rerender);
|
||
}
|
||
};
|
||
|
||
exports.show_failed_message_success = function (message_id) {
|
||
// Previously failed message succeeded
|
||
update_message_in_all_views(message_id, function update_row(row) {
|
||
row.find('.message_failed').toggleClass('notvisible', true);
|
||
});
|
||
};
|
||
|
||
exports.get_hotkey_deprecation_notice = function (originalHotkey, replacementHotkey) {
|
||
return i18n.t(
|
||
'We\'ve replaced the "__originalHotkey__" hotkey with "__replacementHotkey__" '
|
||
+ 'to make this common shortcut easier to trigger.',
|
||
{ originalHotkey: originalHotkey, replacementHotkey: replacementHotkey }
|
||
);
|
||
};
|
||
|
||
let shown_deprecation_notices = [];
|
||
exports.maybe_show_deprecation_notice = function (key) {
|
||
let message;
|
||
const isCmdOrCtrl = common.has_mac_keyboard() ? "Cmd" : "Ctrl";
|
||
if (key === 'C') {
|
||
message = exports.get_hotkey_deprecation_notice('C', 'x');
|
||
} else if (key === '*') {
|
||
message = exports.get_hotkey_deprecation_notice("*", isCmdOrCtrl + " + s");
|
||
} else {
|
||
blueslip.error("Unexpected deprecation notice for hotkey:", key);
|
||
return;
|
||
}
|
||
|
||
// Here we handle the tracking for showing deprecation notices,
|
||
// whether or not local storage is available.
|
||
if (localstorage.supported()) {
|
||
const notices_from_storage = JSON.parse(localStorage.getItem('shown_deprecation_notices'));
|
||
if (notices_from_storage !== null) {
|
||
shown_deprecation_notices = notices_from_storage;
|
||
} else {
|
||
shown_deprecation_notices = [];
|
||
}
|
||
}
|
||
|
||
if (!shown_deprecation_notices.includes(key)) {
|
||
$('#deprecation-notice-modal').modal('show');
|
||
$('#deprecation-notice-message').text(message);
|
||
$('#close-deprecation-notice').focus();
|
||
shown_deprecation_notices.push(key);
|
||
if (localstorage.supported()) {
|
||
localStorage.setItem('shown_deprecation_notices', JSON.stringify(shown_deprecation_notices));
|
||
}
|
||
}
|
||
};
|
||
|
||
// Save the compose content cursor position and restore when we
|
||
// shift-tab back in (see hotkey.js).
|
||
let saved_compose_cursor = 0;
|
||
|
||
exports.set_compose_textarea_handlers = function () {
|
||
$('#compose-textarea').blur(function () {
|
||
saved_compose_cursor = $(this).caret();
|
||
});
|
||
|
||
// on the end of the modified-message fade in, remove the fade-in-message class.
|
||
const animationEnd = "webkitAnimationEnd oanimationend msAnimationEnd animationend";
|
||
$("body").on(animationEnd, ".fade-in-message", function () {
|
||
$(this).removeClass("fade-in-message");
|
||
});
|
||
};
|
||
|
||
exports.restore_compose_cursor = function () {
|
||
$('#compose-textarea')
|
||
.focus()
|
||
.caret(saved_compose_cursor);
|
||
};
|
||
|
||
exports.initialize = function () {
|
||
exports.set_compose_textarea_handlers();
|
||
exports.show_error_for_unsupported_platform();
|
||
};
|
||
|
||
window.ui = exports;
|