document.caveman2widgets = {};
/**
 * If false, then a jump through a link-widget will not be executed.
 */
document.caveman2widgets.doTheJump = true;

document.caveman2widgets.registerOperationsHooks = new Array();

$(document).ready(function() {
  var restBaseUrl = "/rest/";
  var restJavaScriptCheckerUrl = "javascript-checker";
  var restTableWidgetUrl = "table-widget";
  var dirtyObjectsUrl = "/widgets/dirty";
  var ignoreButtonFieldName = "oldUri";

  function baseName(str) {
    var base = new String(str).substring(str.lastIndexOf('/') + 1);
    if(base.lastIndexOf(".") != -1)
      base = base.substring(0, base.lastIndexOf("."));
    return base;
  }

  function nameString(str) {
    var names = str.split('/');
    return names[names.length - 1];
  }

  /**
   * This function must be called each time HTML code is changed
   * within the document. Otherwise the buttons, links etc. won't do
   * what they are supposed to do.
   *
   * @param context The newly added HTML. Default the context is the
   * entire context. Only use 'document' once - when the page is
   * loaded initially.
   */
  function registerOperationsOnTags(context=document) {
    $('.button-widget', context).submit(function(e) {
      e.preventDefault();
      if ($(this).attr("class").indexOf("form-widget") < 0) {
        var form = $(this).children();
        var action = $(form).attr('action');
        $.ajax({
          url: action,
          type: "post"
        }).done(function(data) {
          processDirty();
        });
      }
    });

    $('.form-widget', context).submit(function(e) {
      e.preventDefault();
      var form = $(this).children();
      var valueArray = {};
      $('input[type="text"],input[type="password"]', form).each(function(i, obj) {
        var name = $(obj).attr('name');
        if (name != ignoreButtonFieldName) {
          valueArray[name] = $(obj).val();
        }
      });
      $('input[type="radio"]:checked', form).each(function(i, obj) {
        var name = $(obj).attr('name');
        if (name != ignoreButtonFieldName) {
          valueArray[name] = $(obj).val();
        }
      });
      $('select', form).each(function(i, obj) {
        var name = $(obj).attr('name');
        if (name != ignoreButtonFieldName) {
          valueArray[name] = $(obj).val();
        }
      });
      var action = $(form).attr('action');
      $.ajax({
        url: action,
        type: "post",
        data: valueArray
      }).done(function(data) {
        processDirty();
      });
    });

    /**
     * Event when going to a specific page through the navigation.
     */
    $('.navigation-widget-links li a', context).click(function(e) {
      e.preventDefault();
      var URL = $(this).attr('href');

      $.ajax({
        url: URL,
        type: "POST",
        error: function(jqXHR, status, errorMsg) {
        },
        success: function(data, status, jqXHR) {
          var stateObj = { };
          var title = nameString(data);
          var url = baseName(data);

          history.pushState(stateObj, title, url);
          processDirty();
        }
      });
    });

    /**
     * Event when going back from a specific page.
     */
    window.onpopstate = function(event) {
      event.preventDefault();
      var pathname = document.location.pathname;
      var hiddenInputToSearch = pathname.substring(pathname.lastIndexOf("/") + 1);
      var hiddenInput = $('.navigation-widget-links li');
      var URL = null;
      hiddenInput.each(function(i, obj) {
        var children = $(obj).children();
        if (children[0] && children[1]
            && $(children[1]).val() == hiddenInputToSearch) {
          URL = $(children[0]).attr('href');
        }
      });

      if (URL != null) {
        $.ajax({
          url: URL,
          type: "POST",
          error: function(jqXHR, status, errorMsg) {
          },
          success: function(data, status, jqXHR) {
            processDirty();
          }
        });
      }
    };

    $('.link-widget a', context).click(function(e) {
      e.preventDefault();
      var URL = $(this).attr('href');
      $.ajax({
        url: URL,
        type: "POST",
        error: function(jqXHR, status, errorMsg) {
        },
        success: function(data, status, jqXHR) {
          var stateObj = { };
          var title = data;
          var url = data;
          if (("/" + url) == window.location.pathname
              || url == "") {

          } else if (document.caveman2widgets.doTheJump) {
            window.location.href = url;
          }
          processDirty();
        }
      });
    });
  }

  registerOperationsOnTags();

  $.ajax({
    url: restBaseUrl + restJavaScriptCheckerUrl,
    dataType: "json",
    type: "post",
    data: {
      available: "true"
    },
    error: function(jqXHR, status, errorMsg) {
    },
    success: function(data, status, jqXHR) {
    }
  });

  var processDirty = function() {
    $.ajax({
      url: dirtyObjectsUrl,
      dataType: "json",
      type: "GET",
      error: function(jqXHR, status, errorMsg) {
      },
      success: function(data, status, jqXHR) {
        var dirtyObjectIds = data.dirtyObjects;
        dirtyObjectIds.forEach(function(dirtyObjectId) {
          var dirtyObjectIdTag = '#' + dirtyObjectId;
          var dirtyHtml = $(dirtyObjectIdTag);
          var className = dirtyHtml.attr("class");
          if (className != null) {
            className = className.trim();
            var classNames = className.split(' ');
            className = classNames[classNames.length - 1];

            var dirtyUrl = restBaseUrl + className;
            $.ajax({
              url: dirtyUrl,
              type: "get",
              data: {
                "id": dirtyObjectId
              },
              error: function(jqXHR, status, errorMsg) {
              },
              success: function(dirtyData, dirtyStatus, dirtyJqXHR) {
                var parsedHtml = $.parseHTML(dirtyData, document, true);
                registerOperationsOnTags(parsedHtml);
                document.caveman2widgets.registerOperationsHooks.forEach(function(fn) {
                  fn(parsedHtml);
                });
                if (dirtyData.indexOf(dirtyObjectId)) {
                  parsedHtml = $(parsedHtml).children();
                }
                dirtyHtml.empty();
                dirtyHtml.append(parsedHtml);
              }
            });
          }
        });
      }
    });
  };

  setInterval(function() {
    processDirty();
  }, 10000);

  var tableWidgetsUpdating = [];
  $(window).scroll(function () {
    $('.limited-table-widget').each(function() {
      var tableId = $(this).attr('id');
      if (tableWidgetsUpdating[tableId] != true) {
        var currentTableLength = $('#' + tableId + ' tr').length;
        if ($('#' + tableId + ' th').length)
          currentTableLength--;

        $.ajax({
          url: restBaseUrl + restTableWidgetUrl,
          dataType: "html",
          type: "post",
          data: {
            id: tableId,
            "length_p": "true"
          },
          error: function(jqXHR, status, errorMsg) {
            tableWidgetsUpdating[tableId] = false;
          },
          success: function(data, status, jqXHR) {
            if (currentTableLength < data) {
              var loadAmount = 10;
              if (currentTableLength + loadAmount > data)
                loadAmount = data - currentTableLength;
              $.ajax({
                url: restBaseUrl + restTableWidgetUrl,
                dataType: "html",
                type: "post",
                data: {
                  id: tableId,
                  already: currentTableLength,
                  amount: loadAmount
                },
                error: function(jqXHR, status, errorMsg) {
                  tableWidgetsUpdating[tableId] = false;
                },
                success: function(data, status, jqXHR) {
                  tableWidgetsUpdating[tableId] = false;
                }
              });
            }
          }
        });
      }
    });
  });
});