let Dtext = {};

Dtext.initialize_all = function() {
  Dtext.initialize_links();
  Dtext.initialize_expandables();
}

Dtext.initialize_links = function() {
  $(".simple_form .dtext-preview").hide();
  $(".simple_form input[value=Preview]").click(Dtext.click_button);
}

Dtext.initialize_expandables = function($parent) {
  $parent = $parent || $(document);
  $parent.find(".expandable-content").hide();
  $parent.find(".expandable-button").click(function(e) {
    var button = $(this);
    button.parent().next().fadeToggle("fast");
    if (button.val() === "Show") {
      button.val("Hide");
    } else {
      button.val("Show");
    }
  });
}

Dtext.call_preview = function(e, $button, $input, $preview) {
  $button.val("Edit");
  $input.hide();
  $preview.text("Loading...").fadeIn("fast");
  $.ajax({
    type: "post",
    url: "/dtext_preview",
    data: {
      body: $input.val()
    },
    success: function(data) {
      $preview.html(data).fadeIn("fast");
      Dtext.initialize_expandables($preview);
    }
  });
}

Dtext.call_edit = function(e, $button, $input, $preview) {
  $button.val("Preview");
  $preview.hide();
  $input.slideDown("fast");
}

Dtext.click_button = function(e) {
  var $button = $(e.target);
  var $input = $("#" + $button.data("input-id"));
  var $preview = $("#" + $button.data("preview-id"));

  if ($button.val().match(/preview/i)) {
    Dtext.call_preview(e, $button, $input, $preview);
  } else {
    Dtext.call_edit(e, $button, $input, $preview);
  }

  e.preventDefault();
}

$(document).ready(function() {
  Dtext.initialize_all();
});

export default Dtext