X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/561f2f694adc8ac57011eac1eec5929425276c59..8f4a9a4b870f7b15652eb125c675bf635c7b0484:/app/assets/javascripts/site.js

diff --git a/app/assets/javascripts/site.js b/app/assets/javascripts/site.js
index 5d727a069..311798aa5 100644
--- a/app/assets/javascripts/site.js
+++ b/app/assets/javascripts/site.js
@@ -1,6 +1,7 @@
 //= require jquery
 //= require jquery_ujs
 //= require jquery.autogrowtextarea
+//= require jquery.timers
 
 /*
  * Called as the user scrolls/zooms around to aniplate hrefs of the
@@ -215,8 +216,18 @@ function previewRichtext(event) {
   var width = editor.outerWidth() - preview.outerWidth() + preview.innerWidth();
   var minHeight = editor.outerHeight() - preview.outerHeight() + preview.innerHeight();
 
+  if (preview.contents().length == 0) {
+    preview.oneTime(500, "loading", function () {
+      preview.addClass("loading");
+    });
+
+    preview.load(editor.attr("data-preview-url"), { text: editor.val() }, function () {
+      preview.stopTime("loading");
+      preview.removeClass("loading");
+    });
+  }
+
   editor.hide();
-  preview.load(editor.attr("data-preview-url"), { text: editor.val() });
   preview.width(width);
   preview.css("min-height", minHeight + "px");
   preview.show();
@@ -248,6 +259,9 @@ function editRichtext(event) {
  */
 $(document).ready(function () {
   $(".richtext_preview").hide();
+  $(".richtext_content textarea").change(function () { 
+    $(this).parents(".richtext_container").find(".richtext_preview").empty();
+  });
   $(".richtext_doedit").prop("disabled", true);
   $(".richtext_dopreview").prop("disabled", false);
   $(".richtext_doedit").click(editRichtext);