X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/c661bbf7dba69d265ebcd6431d0a4ab8c5d48430..1bee96ede16e1dab41ad82efb9f2486da68a642f:/app/assets/javascripts/richtext.js?ds=sidebyside diff --git a/app/assets/javascripts/richtext.js b/app/assets/javascripts/richtext.js index 56aad8c73..bd00d937e 100644 --- a/app/assets/javascripts/richtext.js +++ b/app/assets/javascripts/richtext.js @@ -6,8 +6,10 @@ */ $(document).on("change", ".richtext_container textarea", function () { var container = $(this).closest(".richtext_container"); + var preview = container.find(".tab-pane[id$='_preview']"); - container.find(".tab-pane[id$='_preview']").empty(); + preview.children(".richtext_placeholder").attr("hidden", true).removeClass("delayed-fade-in"); + preview.children(".richtext").empty(); }); /* @@ -31,14 +33,11 @@ var editor = container.find("textarea"); var preview = container.find(".tab-pane[id$='_preview']"); - if (preview.contents().length === 0) { - preview.oneTime(500, "loading", function () { - preview.addClass("loading"); - }); + if (preview.children(".richtext").contents().length === 0) { + preview.children(".richtext_placeholder").removeAttr("hidden").addClass("delayed-fade-in"); - preview.load(editor.data("previewUrl"), { text: editor.val() }, function () { - preview.stopTime("loading"); - preview.removeClass("loading"); + preview.children(".richtext").load(editor.data("previewUrl"), { text: editor.val() }, function () { + preview.children(".richtext_placeholder").attr("hidden", true).removeClass("delayed-fade-in"); }); } });