kot13 / bootstrapi

define([

  'jquery'

], function($) {

  var initDynamic = function(editors) {

      // Button send

      $(".sample-request-send").off("click");

      $(".sample-request-send").on("click", function(e) {

          e.preventDefault();

          var $root = $(this).parents("article");

          var group = $root.data("group");

          var name = $root.data("name");

          var version = $root.data("version");

          var editor = editors[$(this).data("sample-request-key")];

          sendSampleRequest(group, name, version, $(this).data("sample-request-type"), editor);

      });

      // Button clear

      $(".sample-request-clear").off("click");

      $(".sample-request-clear").on("click", function(e) {

          e.preventDefault();

          var $root = $(this).parents("article");

          var group = $root.data("group");

          var name = $root.data("name");

          var version = $root.data("version");

          clearSampleRequest(group, name, version);

      });

  }; // initDynamic

  function sendSampleRequest(group, name, version, type, editor)

  {

      var $root = $('article[data-group="' + group + '"][data-name="' + name + '"][data-version="' + version + '"]');

      // Optional header

      var header = {};

      // todo support versions

      //$root.find(".sample-request-header:checked").each(function(i, element) {

          //var headerGroup = $(element).data("sample-request-header-group-id");

      var headerGroup = 'sample-request-header-0';

      $root.find("[data-sample-request-header-group=\"" + headerGroup + "\"]").each(function(i, element) {

        var key = $(element).data("sample-request-header-name");

        var value = element.value;

        if ( ! element.optional && element.defaultValue !== '') {

            value = element.defaultValue;

        }

        header[key] = value;

      });

      //});

      // todo support versions

      if (editor != undefined) {

          var param = editor.get();

      }

      // grab user-inputted URL

      var url = $root.find(".sample-request-url").val();

      $root.find(".sample-request-response").fadeTo(250, 1);

      $root.find(".sample-request-response-json").html("Loading...");

      refreshScrollSpy();

      // send AJAX request, catch success or error callback

      var ajaxRequest = {

          url        : url,

          headers    : header,

          data       : param,

          type       : type.toUpperCase(),

          success    : displaySuccess,

          error      : displayError

      };

      $.ajax(ajaxRequest);

      function displaySuccess(data, status, jqXHR) {

          var jsonResponse;

          try {

              jsonResponse = JSON.parse(jqXHR.responseText);

              jsonResponse = JSON.stringify(jsonResponse, null, 4);

          } catch (e) {

              jsonResponse = data;

          }

          if (jqXHR.status == "204") {

              jsonResponse = "HTTP/1.1 204 OK";

          }

          $root.find(".sample-request-response-json").html(jsonResponse);

          refreshScrollSpy();

      };

      function displayError(jqXHR, textStatus, error) {

          var message = "Error " + jqXHR.status + ": " + error;

          var jsonResponse;

          try {

              jsonResponse = JSON.parse(jqXHR.responseText);

              jsonResponse = JSON.stringify(jsonResponse, null, 4);

          } catch (e) {

              jsonResponse = escape(jqXHR.responseText);

          }

          if (jsonResponse)

              message += "<br>" + jsonResponse;

          // flicker on previous error to make clear that there is a new response

          if($root.find(".sample-request-response").is(":visible"))

              $root.find(".sample-request-response").fadeTo(1, 0.1);

          $root.find(".sample-request-response").fadeTo(250, 1);

          $root.find(".sample-request-response-json").html(message);

          refreshScrollSpy();

      };

  }

  function clearSampleRequest(group, name, version)

  {

      var $root = $('article[data-group="' + group + '"][data-name="' + name + '"][data-version="' + version + '"]');

      // hide sample response

      $root.find(".sample-request-response-json").html("");

      $root.find(".sample-request-response").hide();

      // reset value of parameters

      $root.find(".sample-request-param").each(function(i, element) {

          element.value = "";

      });

      // restore default URL

      var $urlElement = $root.find(".sample-request-url");

      $urlElement.val($urlElement.prop("defaultValue"));

      refreshScrollSpy();

  }

  function refreshScrollSpy()

  {

      $('[data-spy="scroll"]').each(function () {

          $(this).scrollspy("refresh");

      });

  }

  function escapeHtml(str) {

      var div = document.createElement("div");

      div.appendChild(document.createTextNode(str));

      return div.innerHTML;

  }

  /**

   * Exports.

   */

  return {

      initDynamic: initDynamic

  };

});