X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/783b5e3729228908d7404ae7404af1023501a906..ef5352332e02c2f3a9c9d5cc7594ec8da02cb64e:/app/assets/javascripts/richtext.js diff --git a/app/assets/javascripts/richtext.js b/app/assets/javascripts/richtext.js index ea2efcfad..cfba5c923 100644 --- a/app/assets/javascripts/richtext.js +++ b/app/assets/javascripts/richtext.js @@ -14,34 +14,28 @@ $(document).ready(function () { /* 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) { @@ -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"); }); });