zulip/static/js/message_edit.js

118 lines
3.9 KiB
JavaScript

var message_edit = (function () {
var exports = {};
var currently_editing_messages = {};
exports.save = function (row) {
var msg_list = current_msg_list;
var message = current_msg_list.get(rows.id(row));
var new_subject = row.find(".message_edit_subject").val();
var new_content = row.find(".message_edit_content").val();
var request = {message_id: message.id};
if (new_subject !== message.subject) {
request.subject = new_subject;
}
if (new_content !== message.raw_content) {
request.content = new_content;
}
if (request.subject === undefined &&
request.content === undefined) {
// If they didn't change anything, just cancel it.
return message_edit.end(row);
}
$.ajax({
type: 'POST',
url: '/json/update_message',
data: request,
dataType: 'json',
success: function (data) {
if (msg_list === current_msg_list) {
message_edit.end(row);
}
},
error: function (xhr, error_type, xhn) {
var message = util.xhr_error_message("Error saving edit", xhr);
row.find(".message_edit_error").text(message).show();
}
});
// The message will automatically get replaced when it arrives.
};
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));
var edit_row = row.find(".message_edit");
var form = $(templates.render('message_edit_form',
{is_stream: message.is_stream,
subject: message.subject,
content: raw_content}));
var edit_obj = {form: form, raw_content: raw_content};
current_msg_list.show_edit_message(row, edit_obj);
currently_editing_messages[message.id] = edit_obj;
if (message.subject === compose.empty_subject_placeholder()) {
edit_row.find(".message_edit_subject").focus();
} else {
edit_row.find(".message_edit_content").focus();
}
// Scroll to keep the message content in the same place
var edit_top = edit_row.find('.message_edit_content')[0]
.getBoundingClientRect().top;
var scroll_by = edit_top - content_top + 5 /* border and padding */;
edit_obj.scrolled_by = scroll_by;
viewport.scrollTop(viewport.scrollTop() + scroll_by);
}
exports.start = function (row) {
var message = current_msg_list.get(rows.id(row));
var msg_list = current_msg_list;
$.ajax({
type: 'POST',
url: '/json/fetch_raw_message',
data: {message_id: message.id},
dataType: 'json',
success: function (data) {
if (current_msg_list === msg_list) {
message.raw_content = data.raw_content;
edit_message(row, data.raw_content);
}
}
});
};
exports.is_editing = function (id) {
return currently_editing_messages[id] !== undefined;
};
exports.end = function (row) {
var message = current_msg_list.get(rows.id(row));
if (currently_editing_messages[message.id] !== undefined) {
var scroll_by = currently_editing_messages[message.id].scrolled_by;
viewport.scrollTop(viewport.scrollTop() - scroll_by);
delete currently_editing_messages[message.id];
current_msg_list.hide_edit_message(row);
}
};
exports.maybe_show_edit = function (row, id) {
if (currently_editing_messages[id] !== undefined){
current_msg_list.show_edit_message(row, currently_editing_messages[id]);
}
};
$(document).on('narrow_deactivated.zulip', function (event) {
_.each(currently_editing_messages, function (elem, idx) {
if (current_msg_list.get(idx) !== undefined) {
var row = rows.get(idx, current_msg_list.table_name);
current_msg_list.show_edit_message(row, elem);
}
});
});
return exports;
}());