X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/d76aa13ddd6fbccbac286132b5aca4d93af443fe..5e3cda345a144014148db5e3543f99ae9bd08b5e:/app/assets/javascripts/richtext.js diff --git a/app/assets/javascripts/richtext.js b/app/assets/javascripts/richtext.js index 78a9d452f..259b914de 100644 --- a/app/assets/javascripts/richtext.js +++ b/app/assets/javascripts/richtext.js @@ -1,50 +1,22 @@ $(document).ready(function () { - /* Hide the preview panes */ - $(".richtext_preview").hide(); - - /* + /* * When the text in an edit pane is changed, clear the contents of * the associated preview pne so that it will be regenerated when * the user next switches to it. */ - $(".richtext_content textarea").change(function () { + $(".richtext_content textarea").change(function () { $(this).parents(".richtext_container").find(".richtext_preview").empty(); }); - /* Disable all the edit buttons */ - $(".richtext_doedit").prop("disabled", true); - - /* Enable the preview buttons */ - $(".richtext_dopreview").prop("disabled", false); - /* - * Install a click handler to switch to edit mode when the - * edit button is pressed. + * Install a handler to switch to preview mode */ - $(".richtext_doedit").click(function (event) { + $(".richtext_dopreview").on("show.bs.tab", function () { var editor = $(this).parents(".richtext_container").find("textarea"); var preview = $(this).parents(".richtext_container").find(".richtext_preview"); + var minHeight = editor.outerHeight() - preview.outerHeight() + preview.height(); - preview.hide(); - editor.show(); - - $(this).siblings(".richtext_dopreview").prop("disabled", false); - $(this).prop("disabled", true); - - event.preventDefault(); - }); - - /* - * Install a click handler to switch to preview mode when the - * preview button is pressed. - */ - $(".richtext_dopreview").click(function (event) { - var editor = $(this).parents(".richtext_container").find("textarea"); - var preview = $(this).parents(".richtext_container").find(".richtext_preview"); - var width = editor.outerWidth() - preview.outerWidth() + preview.innerWidth(); - var minHeight = editor.outerHeight() - preview.outerHeight() + preview.innerHeight(); - - if (preview.contents().length == 0) { + if (preview.contents().length === 0) { preview.oneTime(500, "loading", function () { preview.addClass("loading"); }); @@ -55,14 +27,6 @@ $(document).ready(function () { }); } - editor.hide(); - preview.width(width); preview.css("min-height", minHeight + "px"); - preview.show(); - - $(this).siblings(".richtext_doedit").prop("disabled", false); - $(this).prop("disabled", true); - - event.preventDefault(); }); });