paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-13 10:26:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add support for markdown preview in compose area.

Browse Source 
This doesn't currently use the backend markdown processor, so the
previews are not completely faithful.

Fixes #217.
This commit is contained in:
hackerkid
2016-08-30 02:07:27 +05:30
committed by Tim Abbott
parent 94e0bb5abb
commit 0412e1e20b
4 changed files with 101 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
static/js/compose.js
View File

@@ -129,6 +129,14 @@ function clear_box() {
$("#send-status").hide(0);
}
function clear_preview_area () {
$("#new_message_content").show();
$("#undo_markdown_preview").hide();
$("#preview_message_area").hide();
$("#preview_message_area").empty();
$("#markdown_preview").show();
}
function hide_box() {
$('.message_comp').find('input, textarea, button').blur();
$('#stream-message').hide();
@@ -137,6 +145,7 @@ function hide_box() {
compose_fade.clear_compose();
$('.message_comp').hide();
$("#compose_controls").show();
clear_preview_area();
}
function update_lock_icon_for_stream(stream_name) {
@@ -673,6 +682,7 @@ exports.finish = function () {
return false;
}
send_message();
clear_preview_area();
// 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'));
@@ -990,6 +1000,28 @@ $(function () {
$("#compose #file_input").trigger("click");
} );
$("#compose").on("click", "#markdown_preview", function (e) {
e.preventDefault();
var message = $("#new_message_content").val();
var preview = echo.apply_markdown(message);
$("#new_message_content").hide();
$("#markdown_preview").hide();
$("#undo_markdown_preview").show();
$("#preview_message_area").show();
if (message.length === 0) {
$("#preview_message_area").html(i18n.t("Nothing to preview"));
} else {
$("#preview_message_area").html(preview);
}
});
$("#compose").on("click", "#undo_markdown_preview", function (e) {
e.preventDefault();
clear_preview_area();
});
$("#compose").on("click", "#attach_dropbox_files", function (e) {
e.preventDefault();
var options = {