X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/56db9ca2b7e2475cd8025630049fb4a4b824f2d9..ef5352332e02c2f3a9c9d5cc7594ec8da02cb64e:/app/assets/javascripts/richtext.js diff --git a/app/assets/javascripts/richtext.js b/app/assets/javascripts/richtext.js index 38cc2a77b..cfba5c923 100644 --- a/app/assets/javascripts/richtext.js +++ b/app/assets/javascripts/richtext.js @@ -2,49 +2,43 @@ $(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. */ - $(".richtext_doedit").click(function (event) { + $(".richtext_doedit").click(function () { var editor = $(this).parents(".richtext_container").find("textarea"); var preview = $(this).parents(".richtext_container").find(".richtext_preview"); preview.hide(); editor.show(); - $(this).siblings(".richtext_dopreview").prop("disabled", false); - $(this).prop("disabled", true); - - event.preventDefault(); + $(this).parents(".richtext_container").find(".richtext_dopreview").prop("disabled", false).removeClass("active"); + $(this).prop("disabled", true).addClass("active"); }); /* * Install a click handler to switch to preview mode when the * preview button is pressed. */ - $(".richtext_dopreview").click(function (event) { + $(".richtext_dopreview").click(function () { var editor = $(this).parents(".richtext_container").find("textarea"); var preview = $(this).parents(".richtext_container").find(".richtext_preview"); - var width = editor.outerWidth() - preview.outerWidth() + preview.width(); var minHeight = editor.outerHeight() - preview.outerHeight() + preview.height(); - if (preview.contents().length == 0) { + if (preview.contents().length === 0) { preview.oneTime(500, "loading", function () { preview.addClass("loading"); }); @@ -56,13 +50,10 @@ $(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(); + $(this).parents(".richtext_container").find(".richtext_doedit").prop("disabled", false).removeClass("active"); + $(this).prop("disabled", true).addClass("active"); }); });