xitrum.js.scala Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of xitrum_2.13 Show documentation
xitrum
The newest version!
package xitrum

import xitrum.annotation.{First, GET}

/** To innclude xitrum.js in your view, use: `url[xitrum.js]`. */
@First
@GET("xitrum/xitrum-3.31.0.js")
class js extends FutureAction {
  def execute(): Unit = {
    setClientCacheAggressively()
    respondJs(body)
  }

  private def body = """var xitrum = {
  withBaseUrl: function(path) {
    var baseUrl = '""" + Config.baseUrl + """';

    if (baseUrl.length == 0) {
      if (path.length == 0) return '/';
      if (path.indexOf('/') == 0) return path;
      return '/' + path;
    } else {
      if (path.length == 0) return baseUrl;
      if (path.indexOf('/') == 0) return baseUrl + path;
      return baseUrl + '/' + path;
    }
  },

  antiCsrfToken: function() {
    return $("meta[name='csrf-token']").attr('content');
  },

  ajaxLoading: function(target) {
    var ajaxLoadingImgId = 'ajaxLoadingImg-' + Math.random().toString().replace('.', '');
    var showTime = 0;

    var show = function() {
      showTime = Date.now();

      // Hide the inputs to avoid user double submit
      target.hide();

      // Display Ajax loading animation image
      target.after('');
    };

    var doHide = function() {
      $('#' + ajaxLoadingImgId).remove();
      target.show();
    };

    var hide = function() {
      var dt = Date.now() - showTime;
      if (dt >= 1000) {
        doHide();
      } else {
        setTimeout(doHide, 1000 - dt);
      }
    };

    return {show: show, hide: hide};
  },

  postback: function(event) {
    // Must use currentTarget instead of target, to get the element containing data we want;
    // target may be a child in the element
    var target = $(event.currentTarget);

    var confirmMsg = target.attr('data-confirm');
    if (confirmMsg && !confirm(confirmMsg)) return false;

    var action = target.attr('action');
    var data   = '';

    // data may come from "data-params"
    // http://api.jquery.com/data/
    var params = target.data('params');
    if (params) data = params + '&';

    // or come from "data-form"
    var formSelector = target.attr('data-form');
    if (formSelector) {
      var form = $(formSelector);
      if (form && form[0].tagName === 'FORM' && form.valid())
        data = data + form.serialize() + '&';
    }

    // or come from this element itself
    if (target[0].tagName === 'FORM') {
       if (!target.valid()) return false;
       data = data + target.serialize();
    }

    var show_hide = this.ajaxLoading(target);
    show_hide.show();

    $.ajax({
      type: 'POST',
      // Need to set explicitly because sometimes jQuery sets it to "text/plain"
      contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
      url: action,
      data: data,
      error: function(jqxhr) {
        var contentType = jqxhr.getResponseHeader('Content-Type');
        if (contentType && contentType.indexOf('javascript') != -1) {
          try {
            eval(jqxhr.responseText);
          } catch (err) {
            alert('Could not connect to server or server error.');
          }
        } else {
          alert('Could not connect to server or server error.');
        }
      },
      complete: function() {
        show_hide.hide();
      }
    });

    var after = target.attr('data-after');
    if (after) {
      var f = eval('(function() {' + after + '})');
      f();
    }

    return false;
  },

  flash: function(msg) {
    var div =
      '' +
        'Ｘ' +
        '' + msg + '' +
      '';
    $('#flash').append($(div).hide().fadeIn(1000));
  },

  isScrollAtBottom: function(selector) {
    return ($(selector).scrollTop() + $(selector).height() === $(selector)[0].scrollHeight);
  },

  scrollToBottom: function(selector) {
    $(selector).scrollTop($(selector)[0].scrollHeight);
  },

  appendAndScroll: function(selector, text) {
    var wasScrollAtBottom = this.isScrollAtBottom(selector);
    $(selector).append(text);
    if (wasScrollAtBottom) this.scrollToBottom(selector);
  },

  escapeHtml: function(html) {
    return $('').text(html).html();
  }
};

$(function() {
  // Set CSRF token to header for all non-GET Ajax requests
  $(document).ajaxSend(function(e, req, options) {
    if (options.type != 'GET') {
      var token = xitrum.antiCsrfToken();
      if (token) req.setRequestHeader('X-CSRF-Token', token);
    }
  });

  $(document).on('click', '.flash_close', function(event) {
    var parent = $(event.target).parent();
    parent.fadeOut(1000, function() { parent.remove(); });
  });

  // jQuery Validation plugin only works on forms and the forms must be
  // validated once, before any rules('add', rules) can be called
  //
  // We must iterate manually, $('form').validate() only works for the first
  // form, not all forms when there are multiple form in a page
  $('form').each(function(index, form) { $(form).validate(); });

  $('[data-postback]').each(function(index, elem) {
    var eventType = $(elem).attr('data-postback');
    $(elem).on(eventType, xitrum.postback.bind(xitrum));
  });
});"""
}