mirror of
https://github.com/zulip/zulip.git
synced 2025-11-03 21:43:21 +00:00
89cbda5001
If the user has text in the compose box, don't close or change the compose box when they narrow. (imported from commit f9b400f6bac37cb313f1fd87aadb3ba1d3a035ef)
733 lines
24 KiB
JavaScript
733 lines
24 KiB
JavaScript
var compose = (function () {
|
|
|
|
var exports = {};
|
|
var is_composing_message = false;
|
|
var message_snapshot;
|
|
var empty_subject_placeholder = "(no topic)";
|
|
|
|
function client() {
|
|
if ((window.bridge !== undefined) &&
|
|
(window.bridge.desktopAppVersion !== undefined)) {
|
|
return "desktop app " + window.bridge.desktopAppVersion();
|
|
} else {
|
|
return "website";
|
|
}
|
|
}
|
|
|
|
// This function resets an input type="file". Pass in the
|
|
// jquery object.
|
|
function clear_out_file_list(jq_file_list) {
|
|
var clone_for_ie_sake = jq_file_list.clone(true);
|
|
jq_file_list.replaceWith(clone_for_ie_sake);
|
|
|
|
// Hack explanation:
|
|
// IE won't let you do this (untested, but so says StackOverflow):
|
|
// $("#file_input").val("");
|
|
}
|
|
|
|
function autosize_textarea() {
|
|
$("#new_message_content").trigger("autosize.resize");
|
|
}
|
|
|
|
// Show the compose box.
|
|
function show_box(tabname, focus_area) {
|
|
if (tabname === "stream") {
|
|
$('#private-message').hide();
|
|
$('#stream-message').show();
|
|
$("#stream_toggle").addClass("active");
|
|
$("#private_message_toggle").removeClass("active");
|
|
} else {
|
|
$('#private-message').show();
|
|
$('#stream-message').hide();
|
|
$("#stream_toggle").removeClass("active");
|
|
$("#private_message_toggle").addClass("active");
|
|
}
|
|
$("#send-status").removeClass(status_classes).hide();
|
|
$('#compose').css({visibility: "visible"});
|
|
autosize_textarea();
|
|
$(".new_message_textarea").css("min-height", "3em");
|
|
|
|
if (focus_area !== undefined) {
|
|
focus_area.focus().select();
|
|
}
|
|
|
|
// If the compose box is obscuring the currently selected message,
|
|
// scroll up until the message is no longer occluded.
|
|
if (current_msg_list.selected_id() === -1) {
|
|
// If there's no selected message, there's no need to
|
|
// scroll the compose box to avoid it.
|
|
return;
|
|
}
|
|
var selected_row = current_msg_list.selected_row();
|
|
var cover = selected_row.offset().top + selected_row.height()
|
|
- $("#compose").offset().top;
|
|
if (cover > 0) {
|
|
viewport.user_initiated_animate_scroll(cover+5);
|
|
}
|
|
|
|
// Disable the notifications bar if it overlaps with the composebox
|
|
notifications_bar.maybe_disable();
|
|
}
|
|
|
|
function clear_invites() {
|
|
$("#compose_invite_users").hide();
|
|
$("#compose_invite_users").empty();
|
|
}
|
|
|
|
function clear_box() {
|
|
exports.snapshot_message();
|
|
clear_invites();
|
|
$("#compose").find('input[type=text], textarea').val('');
|
|
$("#send-status").hide(0);
|
|
}
|
|
|
|
function hide_box() {
|
|
$('.message_comp').find('input, textarea, button').blur();
|
|
$('#stream-message').hide();
|
|
$('#private-message').hide();
|
|
$(".new_message_textarea").css("min-height", "");
|
|
notifications_bar.enable();
|
|
compose_fade.clear_compose();
|
|
$('.message_comp').hide();
|
|
$("#compose_controls").show();
|
|
}
|
|
|
|
function update_lock_icon_for_stream(stream_name) {
|
|
var icon = $("#compose-lock-icon");
|
|
var streamfield = $("#stream");
|
|
if (stream_data.get_invite_only(stream_name)) {
|
|
icon.show();
|
|
streamfield.addClass("lock-padding");
|
|
} else {
|
|
icon.hide();
|
|
streamfield.removeClass("lock-padding");
|
|
}
|
|
}
|
|
|
|
// In an attempt to decrease mixing, make the composebox's
|
|
// stream bar look like what you're replying to.
|
|
// (In particular, if there's a color associated with it,
|
|
// have that color be reflected here too.)
|
|
exports.decorate_stream_bar = function (stream_name) {
|
|
var color = stream_data.get_color(stream_name);
|
|
update_lock_icon_for_stream(stream_name);
|
|
$("#stream-message .message_header_stream")
|
|
.css('background-color', color)
|
|
.removeClass(stream_color.color_classes)
|
|
.addClass(stream_color.get_color_class(color));
|
|
};
|
|
|
|
function update_fade () {
|
|
if (!is_composing_message) {
|
|
return;
|
|
}
|
|
|
|
// Legacy strangeness: is_composing_message can be false, "stream", or "private"
|
|
var msg_type = is_composing_message;
|
|
compose_fade.set_focused_recipient(msg_type);
|
|
compose_fade.update_faded_messages();
|
|
}
|
|
|
|
$(function () {
|
|
$('#stream,#subject,#private_message_recipient').bind({
|
|
keyup: update_fade,
|
|
change: update_fade
|
|
});
|
|
});
|
|
|
|
function fill_in_opts_from_current_narrowed_view(msg_type, opts) {
|
|
var default_opts = {
|
|
message_type: msg_type,
|
|
stream: '',
|
|
subject: '',
|
|
private_message_recipient: '',
|
|
trigger: 'unknown'
|
|
};
|
|
|
|
// Set default parameters based on the current narrowed view.
|
|
narrow.set_compose_defaults(default_opts);
|
|
opts = _.extend(default_opts, opts);
|
|
return opts;
|
|
}
|
|
|
|
function same_recipient_as_before(msg_type, opts) {
|
|
return (compose.composing() === msg_type) &&
|
|
((msg_type === "stream" &&
|
|
opts.stream === compose.stream_name() &&
|
|
opts.subject === compose.subject()) ||
|
|
(msg_type === "private" &&
|
|
opts.private_message_recipient === compose.recipient()));
|
|
}
|
|
|
|
function show_box_for_msg_type(msg_type, opts) {
|
|
var focus_area;
|
|
|
|
if (msg_type === 'stream' && opts.stream && ! opts.subject) {
|
|
focus_area = 'subject';
|
|
} else if ((msg_type === 'stream' && opts.stream)
|
|
|| (msg_type === 'private' && opts.private_message_recipient)) {
|
|
focus_area = 'new_message_content';
|
|
}
|
|
|
|
if (msg_type === 'stream') {
|
|
show_box('stream', $("#" + (focus_area || 'stream')));
|
|
} else {
|
|
show_box('private', $("#" + (focus_area || 'private_message_recipient')));
|
|
}
|
|
}
|
|
|
|
exports.start = function (msg_type, opts) {
|
|
if (reload.is_in_progress()) {
|
|
return;
|
|
}
|
|
|
|
$("#compose_close").show();
|
|
$("#compose_controls").hide();
|
|
$('.message_comp').show();
|
|
|
|
opts = fill_in_opts_from_current_narrowed_view(msg_type, opts);
|
|
|
|
if (!same_recipient_as_before(msg_type, opts)) {
|
|
// Clear the compose box if the existing message is to a different recipient
|
|
clear_box();
|
|
}
|
|
|
|
compose.stream_name(opts.stream);
|
|
compose.subject(opts.subject);
|
|
|
|
// Set the recipients with a space after each comma, so it looks nice.
|
|
compose.recipient(opts.private_message_recipient.replace(/,\s*/g, ", "));
|
|
|
|
// If the user opens the compose box, types some text, and then clicks on a
|
|
// different stream/subject, we want to keep the text in the compose box
|
|
if (opts.content !== undefined) {
|
|
compose.message_content(opts.content);
|
|
}
|
|
|
|
ui.change_tab_to("#home");
|
|
|
|
is_composing_message = msg_type;
|
|
|
|
// Show either stream/topic fields or "You and" field.
|
|
show_box_for_msg_type(msg_type, opts);
|
|
|
|
compose_fade.start_compose(msg_type);
|
|
|
|
exports.decorate_stream_bar(opts.stream);
|
|
$(document).trigger($.Event('compose_started.zulip', opts));
|
|
};
|
|
|
|
function abort_xhr () {
|
|
$("#compose-send-button").removeAttr("disabled");
|
|
var xhr = $("#compose").data("filedrop_xhr");
|
|
if (xhr !== undefined) {
|
|
xhr.abort();
|
|
$("#compose").removeData("filedrop_xhr");
|
|
}
|
|
}
|
|
|
|
exports.cancel = function () {
|
|
$("#compose_close").hide();
|
|
clear_box();
|
|
hide_box();
|
|
abort_xhr();
|
|
is_composing_message = false;
|
|
if (message_snapshot !== undefined) {
|
|
$('#restore-draft').show();
|
|
}
|
|
$(document).trigger($.Event('compose_canceled.zulip'));
|
|
};
|
|
|
|
exports.empty_subject_placeholder = function () {
|
|
return empty_subject_placeholder;
|
|
};
|
|
|
|
function create_message_object() {
|
|
// Subjects are optional, and we provide a placeholder if one isn't given.
|
|
var subject = compose.subject();
|
|
if (subject === "") {
|
|
subject = compose.empty_subject_placeholder();
|
|
}
|
|
var message = {client: client(),
|
|
type: compose.composing(),
|
|
subject: subject,
|
|
stream: compose.stream_name(),
|
|
private_message_recipient: compose.recipient(),
|
|
content: compose.message_content()};
|
|
|
|
if (message.type === "private") {
|
|
// TODO: this should be collapsed with the code in composebox_typeahead.js
|
|
message.to = compose.recipient().split(/\s*[,;]\s*/);
|
|
message.reply_to = compose.recipient();
|
|
} else {
|
|
message.to = compose.stream_name();
|
|
}
|
|
return message;
|
|
}
|
|
|
|
exports.snapshot_message = function (message) {
|
|
if (!exports.composing() || (exports.message_content() === "")) {
|
|
// If you aren't in the middle of composing the body of a
|
|
// message, don't try to snapshot.
|
|
return;
|
|
}
|
|
|
|
if (message !== undefined) {
|
|
message_snapshot = _.extend({}, message);
|
|
} else {
|
|
// Save what we can.
|
|
message_snapshot = create_message_object();
|
|
}
|
|
};
|
|
|
|
function clear_message_snapshot() {
|
|
$("#restore-draft").hide();
|
|
message_snapshot = undefined;
|
|
}
|
|
|
|
exports.restore_message = function () {
|
|
if (!message_snapshot) {
|
|
return;
|
|
}
|
|
var snapshot_copy = _.extend({}, message_snapshot);
|
|
if ((snapshot_copy.type === "stream" &&
|
|
snapshot_copy.stream.length > 0 &&
|
|
snapshot_copy.subject.length > 0) ||
|
|
(snapshot_copy.type === "private" &&
|
|
snapshot_copy.reply_to.length > 0)) {
|
|
snapshot_copy = _.extend({replying_to_message: snapshot_copy},
|
|
snapshot_copy);
|
|
}
|
|
clear_message_snapshot();
|
|
compose_fade.clear_compose();
|
|
compose.start(snapshot_copy.type, snapshot_copy);
|
|
};
|
|
|
|
function compose_error(error_text, bad_input) {
|
|
$('#send-status').removeClass(status_classes)
|
|
.addClass('alert-error')
|
|
.stop(true).fadeTo(0, 1);
|
|
$('#error-msg').html(error_text);
|
|
$("#compose-send-button").removeAttr('disabled');
|
|
$("#sending-indicator").hide();
|
|
bad_input.focus().select();
|
|
}
|
|
|
|
var send_options;
|
|
|
|
function send_message() {
|
|
var request = create_message_object();
|
|
exports.snapshot_message(request);
|
|
|
|
if (request.type === "private") {
|
|
request.to = JSON.stringify(request.to);
|
|
} else {
|
|
request.to = JSON.stringify([request.to]);
|
|
}
|
|
|
|
$.ajax({
|
|
dataType: 'json', // This seems to be ignored. We still get back an xhr.
|
|
url: '/json/send_message',
|
|
type: 'POST',
|
|
data: request,
|
|
success: function (resp, statusText, xhr) {
|
|
$("#new_message_content").val('').focus();
|
|
autosize_textarea();
|
|
$("#send-status").hide(0);
|
|
if (request.type === "private") {
|
|
onboarding.mark_checklist_step("sent_private_message");
|
|
} else {
|
|
onboarding.mark_checklist_step("sent_stream_message");
|
|
}
|
|
clear_message_snapshot();
|
|
$("#compose-send-button").removeAttr('disabled');
|
|
$("#sending-indicator").hide();
|
|
},
|
|
error: function (xhr, error_type) {
|
|
if (error_type !== 'timeout' && reload.is_pending()) {
|
|
// The error might be due to the server changing
|
|
reload.initiate({immediate: true, send_after_reload: true});
|
|
return;
|
|
}
|
|
var response = util.xhr_error_message("Error sending message", xhr);
|
|
compose_error(response, $('#new_message_content'));
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
exports.finish = function () {
|
|
clear_invites();
|
|
|
|
if (! compose.validate()) {
|
|
return false;
|
|
}
|
|
send_message();
|
|
// TODO: Do we want to fire the event even if the send failed due
|
|
// to a server-side error?
|
|
$(document).trigger($.Event('compose_finished.zulip'));
|
|
return true;
|
|
};
|
|
|
|
$(function () {
|
|
$("#compose form").on("submit", function (e) {
|
|
e.preventDefault();
|
|
compose.finish();
|
|
});
|
|
});
|
|
|
|
exports.composing = function () {
|
|
return is_composing_message;
|
|
};
|
|
|
|
function get_or_set(fieldname, keep_outside_whitespace) {
|
|
// We can't hoist the assignment of 'elem' out of this lambda,
|
|
// because the DOM element might not exist yet when get_or_set
|
|
// is called.
|
|
return function (newval) {
|
|
var elem = $('#'+fieldname);
|
|
var oldval = elem.val();
|
|
if (newval !== undefined) {
|
|
elem.val(newval);
|
|
}
|
|
return keep_outside_whitespace ? oldval : $.trim(oldval);
|
|
};
|
|
}
|
|
|
|
exports.stream_name = get_or_set('stream');
|
|
exports.subject = get_or_set('subject');
|
|
exports.message_content = get_or_set('new_message_content', true);
|
|
exports.recipient = get_or_set('private_message_recipient');
|
|
|
|
exports.has_message_content = function () {
|
|
return exports.message_content() !== "";
|
|
};
|
|
|
|
|
|
// *Synchronously* check if a stream exists.
|
|
exports.check_stream_existence = function (stream_name) {
|
|
var result = "error";
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/json/subscriptions/exists",
|
|
data: {'stream': stream_name},
|
|
async: false,
|
|
success: function (data) {
|
|
if (data.subscribed) {
|
|
result = "subscribed";
|
|
} else {
|
|
result = "not-subscribed";
|
|
}
|
|
},
|
|
error: function (xhr) {
|
|
if (xhr.status === 404) {
|
|
result = "does-not-exist";
|
|
} else {
|
|
result = "error";
|
|
}
|
|
}
|
|
});
|
|
return result;
|
|
};
|
|
|
|
|
|
// Checks if a stream exists. If not, displays an error and returns
|
|
// false.
|
|
function check_stream_for_send(stream_name) {
|
|
var result = exports.check_stream_existence(stream_name);
|
|
|
|
if (result === "error") {
|
|
compose_error("Error checking subscription", $("#stream"));
|
|
$("#compose-send-button").removeAttr('disabled');
|
|
$("#sending-indicator").hide();
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
function validate_stream_message() {
|
|
var stream_name = exports.stream_name();
|
|
if (stream_name === "") {
|
|
compose_error("Please specify a stream", $("#stream"));
|
|
return false;
|
|
}
|
|
|
|
if (feature_flags.mandatory_topics) {
|
|
var topic = exports.subject();
|
|
if (topic === "") {
|
|
compose_error("Please specify a topic", $("#subject"));
|
|
return false;
|
|
}
|
|
}
|
|
|
|
var response;
|
|
|
|
if (!stream_data.is_subscribed(stream_name)) {
|
|
switch(check_stream_for_send(stream_name)) {
|
|
case "does-not-exist":
|
|
response = "<p>The stream <b>" +
|
|
Handlebars.Utils.escapeExpression(stream_name) + "</b> does not exist.</p>" +
|
|
"<p>Manage your subscriptions <a href='#subscriptions'>on your Streams page</a>.</p>";
|
|
compose_error(response, $('#stream'));
|
|
return false;
|
|
case "error":
|
|
return false;
|
|
case "subscribed":
|
|
// You're actually subscribed to the stream, but this
|
|
// browser window doesn't know it.
|
|
return true;
|
|
case "not-subscribed":
|
|
response = "<p>You're not subscribed to the stream <b>" +
|
|
Handlebars.Utils.escapeExpression(stream_name) + "</b>.</p>" +
|
|
"<p>Manage your subscriptions <a href='#subscriptions'>on your Streams page</a>.</p>";
|
|
compose_error(response, $('#stream'));
|
|
return false;
|
|
}
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
function validate_private_message() {
|
|
if (exports.recipient() === "") {
|
|
compose_error("Please specify at least one recipient", $("#private_message_recipient"));
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
exports.validate = function () {
|
|
$("#compose-send-button").attr('disabled', 'disabled').blur();
|
|
$("#sending-indicator").show();
|
|
|
|
if (/^\s*$/.test(exports.message_content())) {
|
|
compose_error("You have nothing to send!", $("#new_message_content"));
|
|
return false;
|
|
}
|
|
|
|
if (exports.composing() === 'private') {
|
|
return validate_private_message();
|
|
} else {
|
|
return validate_stream_message();
|
|
}
|
|
};
|
|
|
|
$(function () {
|
|
$("#new_message_content").autosize();
|
|
|
|
$("#new_message_content").focus(function (e) {
|
|
// If we click in the composebox, start up a new message
|
|
if (!compose.composing()) {
|
|
if (narrow.narrowed_to_pms()) {
|
|
compose.start('private');
|
|
} else {
|
|
compose.start('stream');
|
|
}
|
|
e.stopPropagation();
|
|
}
|
|
});
|
|
|
|
// Run a feature test and decide whether to display
|
|
// the "Attach files" button
|
|
if (window.XMLHttpRequest && (new XMLHttpRequest()).upload) {
|
|
$("#compose #attach_files").removeClass("notdisplayed");
|
|
}
|
|
|
|
// Lazy load the Dropbox script, since it can slow our page load
|
|
// otherwise, and isn't enabled for all users. Also, this Dropbox
|
|
// script isn't under an open source license, so we can't (for legal
|
|
// reasons) minify it with our own code.
|
|
if (feature_flags.dropbox_integration) {
|
|
LazyLoad.js('https://www.dropbox.com/static/api/1/dropins.js', function () {
|
|
// Successful load. We should now have window.Dropbox.
|
|
if (! _.has(window, 'Dropbox')) {
|
|
blueslip.error('Dropbox script reports loading but window.Dropbox undefined');
|
|
} else if (Dropbox.isBrowserSupported()) {
|
|
Dropbox.init({appKey: window.dropboxAppKey});
|
|
$("#compose #attach_dropbox_files").removeClass("notdisplayed");
|
|
}
|
|
});
|
|
}
|
|
|
|
// Show a warning if a user @-mentions someone who will not receive this message
|
|
$(document).on('usermention_completed.zulip', function (event, data) {
|
|
// Legacy strangeness: is_composing_message can be false, "stream", or "private"
|
|
// Disable on MIT since we never have subscriber lists there
|
|
if (is_composing_message !== "stream" || page_params.domain === 'mit.edu') {
|
|
return;
|
|
}
|
|
|
|
if (data !== undefined && data.mentioned !== undefined) {
|
|
var email = data.mentioned.email;
|
|
if (!compose_fade.would_receive_message(email)) {
|
|
var new_row = templates.render("compose-invite-users", {email: email,
|
|
name: data.mentioned.full_name});
|
|
var error_area = $("#compose_invite_users");
|
|
|
|
var existing_invites = _.map($(".compose_invite_user", error_area), function (user_row) {
|
|
return $(user_row).data('useremail');
|
|
});
|
|
|
|
if (existing_invites.indexOf(email) === -1) {
|
|
error_area.append(new_row);
|
|
}
|
|
|
|
error_area.show();
|
|
}
|
|
}
|
|
});
|
|
|
|
$("#compose_invite_users").on('click', '.compose_invite_link', function (event) {
|
|
event.preventDefault();
|
|
|
|
var invite_row = $(event.target).parents('.compose_invite_user');
|
|
|
|
var email = $(invite_row).data('useremail');
|
|
if (email !== undefined) {
|
|
subs.invite_user_to_stream(email, compose.stream_name(), function () {
|
|
var all_invites = $("#compose_invite_users");
|
|
invite_row.remove();
|
|
|
|
if (all_invites.children().length === 0) {
|
|
all_invites.hide();
|
|
}
|
|
}, function () {
|
|
var error_msg = invite_row.find('.compose_invite_user_error');
|
|
error_msg.show();
|
|
|
|
$(event.target).attr('disabled', true);
|
|
});
|
|
}
|
|
});
|
|
|
|
$("#compose_invite_users").on('click', '.compose_invite_close', function (event) {
|
|
var invite_row = $(event.target).parents('.compose_invite_user');
|
|
var all_invites = $("#compose_invite_users");
|
|
|
|
invite_row.remove();
|
|
|
|
if (all_invites.children().length === 0) {
|
|
all_invites.hide();
|
|
}
|
|
});
|
|
|
|
// Click event binding for "Attach files" button
|
|
// Triggers a click on a hidden file input field
|
|
|
|
$("#compose").on("click", "#attach_files", function (e) {
|
|
e.preventDefault();
|
|
$("#compose #file_input").trigger("click");
|
|
} );
|
|
|
|
$("#compose").on("click", "#attach_dropbox_files", function (e) {
|
|
e.preventDefault();
|
|
var options = {
|
|
// Required. Called when a user selects an item in the Chooser.
|
|
success: function (files) {
|
|
var textbox = $("#new_message_content");
|
|
var links = _.map(files, function (file) { return '[' + file.name + '](' + file.link +')'; })
|
|
.join(' ') + ' ';
|
|
textbox.val(textbox.val() + links);
|
|
},
|
|
// Optional. A value of false (default) limits selection to a single file, while
|
|
// true enables multiple file selection.
|
|
multiselect: true,
|
|
iframe: true
|
|
};
|
|
Dropbox.choose(options);
|
|
});
|
|
|
|
$("#compose").filedrop({
|
|
url: "json/upload_file",
|
|
fallback_id: "file_input",
|
|
paramname: "file",
|
|
maxfilesize: 25,
|
|
data: {
|
|
// the token isn't automatically included in filedrop's post
|
|
csrfmiddlewaretoken: csrf_token
|
|
},
|
|
raw_droppable: ['text/uri-list', 'text/plain'],
|
|
drop: function (i, file, len) {
|
|
$("#compose-send-button").attr("disabled", "");
|
|
$("#send-status").addClass("alert-info")
|
|
.show();
|
|
$(".send-status-close").one('click', abort_xhr);
|
|
$("#error-msg").html(
|
|
$("<p>").text("Uploading…")
|
|
.after('<div class="progress progress-striped active">' +
|
|
'<div class="bar" id="upload-bar" style="width: 00%;"></div>' +
|
|
'</div>'));
|
|
},
|
|
progressUpdated: function (i, file, progress) {
|
|
$("#upload-bar").width(progress + "%");
|
|
},
|
|
error: function (err, file) {
|
|
var msg;
|
|
$("#send-status").addClass("alert-error")
|
|
.removeClass("alert-info");
|
|
$("#compose-send-button").removeAttr("disabled");
|
|
switch(err) {
|
|
case 'BrowserNotSupported':
|
|
msg = "File upload is not yet available for your browser.";
|
|
break;
|
|
case 'TooManyFiles':
|
|
msg = "Unable to upload that many files at once.";
|
|
break;
|
|
case 'FileTooLarge':
|
|
// sanitizatio not needed as the file name is not potentially parsed as HTML, etc.
|
|
msg = "\"" + file.name + "\" was too large; the maximum file size is 25MiB.";
|
|
break;
|
|
case 'REQUEST ENTITY TOO LARGE':
|
|
msg = "Sorry, the file was too large.";
|
|
break;
|
|
default:
|
|
msg = "An unknown error occured.";
|
|
break;
|
|
}
|
|
$("#error-msg").text(msg);
|
|
},
|
|
uploadFinished: function (i, file, response, time) {
|
|
if (response.uri === undefined) {
|
|
return;
|
|
}
|
|
var textbox = $("#new_message_content"),
|
|
split_uri = response.uri.split("/"),
|
|
filename = split_uri[split_uri.length - 1];
|
|
// Urgh, yet another hack to make sure we're "composing"
|
|
// when text gets added into the composebox.
|
|
if (!compose.composing()) {
|
|
compose.start('stream');
|
|
}
|
|
if (i === -1) {
|
|
// This is a paste, so there's no filename. Show the image directly
|
|
textbox.val(textbox.val() + "[pasted image](" + response.uri + ") ");
|
|
} else {
|
|
// This is a dropped file, so make the filename a link to the image
|
|
textbox.val(textbox.val() + "[" + filename + "](" + response.uri + ")" + " ");
|
|
}
|
|
autosize_textarea();
|
|
$("#compose-send-button").removeAttr("disabled");
|
|
$("#send-status").removeClass("alert-info")
|
|
.hide();
|
|
|
|
// In order to upload the same file twice in a row, we need to clear out
|
|
// the #file_input element, so that the next time we use the file dialog,
|
|
// an actual change event is fired. This is extracted to a function
|
|
// to abstract away some IE hacks.
|
|
clear_out_file_list($("#file_input"));
|
|
},
|
|
rawDrop: function (contents) {
|
|
var textbox = $("#new_message_content");
|
|
if (!compose.composing()) {
|
|
compose.start('stream');
|
|
}
|
|
textbox.val(textbox.val() + contents);
|
|
}
|
|
});
|
|
});
|
|
|
|
return exports;
|
|
|
|
}());
|