var message_edit = (function () { var exports = {}; var currently_editing_messages = {}; var editability_types = { NO: 1, NO_LONGER: 2, // Note: TOPIC_ONLY does not include stream messages with no topic sent // by someone else. You can edit the topic of such a message by editing // the topic of the whole recipient_row it appears in, but you can't // directly edit the topic of such a message. // Similar story for messages whose topic you can change only because // you are an admin. TOPIC_ONLY: 3, FULL: 4 }; exports.editability_types = editability_types; function get_editability(message, edit_limit_seconds_buffer) { edit_limit_seconds_buffer = edit_limit_seconds_buffer || 0; if (!(message && message.sent_by_me)) { return editability_types.NO; } if (message.failed_request) { return editability_types.FULL; } if (message.local_id !== undefined) { return editability_types.NO; } if (!page_params.realm_allow_message_editing) { return editability_types.NO; } if (page_params.realm_message_content_edit_limit_seconds === 0) { return editability_types.FULL; } var now = new XDate(); if (page_params.realm_message_content_edit_limit_seconds + edit_limit_seconds_buffer + now.diffSeconds(message.timestamp * 1000) > 0) { return editability_types.FULL; } // time's up! if (message.type === 'stream') { return editability_types.TOPIC_ONLY; } return editability_types.NO_LONGER; } exports.get_editability = get_editability; // Returns true if the edit task should end. exports.save = function (row, from_topic_edited_only) { var msg_list = current_msg_list; var message_id; if (row.hasClass('recipient_row')) { message_id = rows.id_for_recipient_row(row); } else { message_id = rows.id(row); } var message = current_msg_list.get(message_id); var changed = false; var new_content = row.find(".message_edit_content").val(); var topic_changed = false; var new_topic; if (message.type === "stream") { if (from_topic_edited_only) { new_topic = row.find(".inline_topic_edit").val(); } else { new_topic = row.find(".message_edit_topic").val(); } topic_changed = (new_topic !== message.subject && new_topic.trim() !== ""); } // Editing a not-yet-acked message (because the original send attempt failed) // just results in the in-memory message being changed if (message.local_id !== undefined) { if (new_content !== message.raw_content || topic_changed) { echo.edit_locally(message, new_content, topic_changed ? new_topic : undefined); row = current_msg_list.get_row(message_id); } message_edit.end(row); return; } var request = {message_id: message.id}; if (topic_changed) { request.subject = new_topic; if (feature_flags.propagate_topic_edits) { var selected_topic_propagation = row.find("select.message_edit_topic_propagate").val() || "change_later"; request.propagate_mode = selected_topic_propagation; } changed = true; } if (new_content !== message.raw_content && !from_topic_edited_only) { request.content = new_content; message.is_me_message = new_content.lastIndexOf('/me', 0) === 0; changed = true; } if (!changed) { // If they didn't change anything, just cancel it. message_edit.end(row); return; } channel.post({ url: '/json/update_message', data: request, success: function () { if (msg_list === current_msg_list) { row.find(".edit_error").text("Message successfully edited!").removeClass("alert-error").addClass("alert-success").show(); } }, error: function (xhr) { if (msg_list === current_msg_list) { var message = channel.xhr_error_message("Error saving edit", xhr); row.find(".edit_error").text(message).show(); } } }); // The message will automatically get replaced via message_list.update_message. }; function handle_edit_keydown(from_topic_edited_only, e) { var row; var code = e.keyCode || e.which; if (e.target.id === "message_edit_content" && code === 13 && (e.metaKey || e.ctrlKey)) { row = $(".message_edit_content").filter(":focus").closest(".message_row"); } else if (e.target.id === "message_edit_topic" && code === 13) { row = $(e.target).closest(".message_row"); } else if (e.target.id === "inline_topic_edit" && code === 13) { row = $(e.target).closest(".recipient_row"); } else { return; } e.stopPropagation(); e.preventDefault(); message_edit.save(row, from_topic_edited_only); } function timer_text(seconds_left) { var minutes = Math.floor(seconds_left / 60); var seconds = seconds_left % 60; if (minutes >= 1) { return i18n.t("__minutes__ min to edit", {minutes: minutes.toString()}); } else if (seconds_left >= 10) { return i18n.t("__seconds__ sec to edit", {seconds: (seconds - seconds % 5).toString()}); } return i18n.t("__seconds__ sec to edit", {seconds: seconds.toString()}); } function edit_message(row, raw_content) { var content_top = row.find('.message_content')[0] .getBoundingClientRect().top; var message = current_msg_list.get(rows.id(row)); // We potentially got to this function by clicking a button that implied the // user would be able to edit their message. Give a little bit of buffer in // case the button has been around for a bit, e.g. we show the // edit_content_button (hovering pencil icon) as long as the user would have // been able to click it at the time the mouse entered the message_row. Also // a buffer in case their computer is slow, or stalled for a second, etc // If you change this number also change edit_limit_buffer in // zerver.views.messages.update_message_backend var seconds_left_buffer = 5; var editability = get_editability(message, seconds_left_buffer); var is_editable = (editability === message_edit.editability_types.TOPIC_ONLY || editability === message_edit.editability_types.FULL); var form = $(templates.render( 'message_edit_form', {is_stream: (message.type === 'stream'), is_editable: is_editable, has_been_editable: (editability !== editability_types.NO), topic: message.subject, empty_topic_placeholder: compose.empty_topic_placeholder(), content: raw_content, minutes_to_edit: Math.floor(page_params.realm_message_content_edit_limit_seconds / 60)})); var edit_obj = {form: form, raw_content: raw_content}; currently_editing_messages[message.id] = edit_obj; current_msg_list.show_edit_message(row, edit_obj); form.keydown(_.partial(handle_edit_keydown, false)); var message_edit_content = row.find('textarea.message_edit_content'); var message_edit_topic = row.find('input.message_edit_topic'); var message_edit_topic_propagate = row.find('select.message_edit_topic_propagate'); var message_edit_countdown_timer = row.find('.message_edit_countdown_timer'); if (editability === editability_types.NO) { message_edit_content.prop("readonly", "readonly"); message_edit_topic.prop("readonly", "readonly"); } else if (editability === editability_types.NO_LONGER) { // You can currently only reach this state in non-streams. If that // changes (e.g. if we stop allowing topics to be modified forever // in streams), then we'll need to disable // row.find('input.message_edit_topic') as well. message_edit_content.prop("readonly", "readonly"); message_edit_countdown_timer.text(i18n.t("View source")); } else if (editability === editability_types.TOPIC_ONLY) { message_edit_content.prop("readonly", "readonly"); // Hint why you can edit the topic but not the message content message_edit_countdown_timer.text(i18n.t("Topic editing only")); } else if (editability === editability_types.FULL) { composebox_typeahead.initialize_compose_typeahead("#message_edit_content", {emoji: true}); } // Add tooltip if (editability !== editability_types.NO && page_params.realm_message_content_edit_limit_seconds > 0) { row.find('.message-edit-timer-control-group').show(); row.find('#message_edit_tooltip').tooltip({ animation: false, placement: 'left', template: '