app/assets/javascripts/richtext.js

   1 $(document).ready(function () {
   2   /* Hide the preview panes */
   3   $(".richtext_preview").hide();
   4
   5   /*
   6    * When the text in an edit pane is changed, clear the contents of
   7    * the associated preview pne so that it will be regenerated when
   8    * the user next switches to it.
   9    */
  10   $(".richtext_content textarea").change(function () {
  11     $(this).parents(".richtext_container").find(".richtext_preview").empty();
  12   });
  13
  14   /* Disable all the edit buttons */
  15   $(".richtext_doedit").prop("disabled", true);
  16
  17   /* Enable the preview buttons */
  18   $(".richtext_dopreview").prop("disabled", false);
  19
  20   /*
  21    * Install a click handler to switch to edit mode when the
  22    * edit button is pressed.
  23    */
  24   $(".richtext_doedit").click(function () {
  25     var editor = $(this).parents(".richtext_container").find("textarea");
  26     var preview = $(this).parents(".richtext_container").find(".richtext_preview");
  27
  28     preview.hide();
  29     editor.show();
  30
  31     $(this).siblings(".richtext_dopreview").prop("disabled", false);
  32     $(this).prop("disabled", true);
  33   });
  34
  35   /*
  36    * Install a click handler to switch to preview mode when the
  37    * preview button is pressed.
  38    */
  39   $(".richtext_dopreview").click(function () {
  40     var editor = $(this).parents(".richtext_container").find("textarea");
  41     var preview = $(this).parents(".richtext_container").find(".richtext_preview");
  42     var minHeight = editor.outerHeight() - preview.outerHeight() + preview.height();
  43
  44     if (preview.contents().length === 0) {
  45       preview.oneTime(500, "loading", function () {
  46         preview.addClass("loading");
  47       });
  48
  49       preview.load(editor.data("previewUrl"), { text: editor.val() }, function () {
  50         preview.stopTime("loading");
  51         preview.removeClass("loading");
  52       });
  53     }
  54
  55     editor.hide();
  56     preview.css("min-height", minHeight + "px");
  57     preview.show();
  58
  59     $(this).siblings(".richtext_doedit").prop("disabled", false);
  60     $(this).prop("disabled", true);
  61   });
  62 });