PretendYoureXyzzy/WebContent/js/cah.app.js

/*
 * Copyright (c) 2012, Andy Janata
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without modification, are permitted
 * provided that the following conditions are met:
 * 
 * * Redistributions of source code must retain the above copyright notice, this list of conditions
 *   and the following disclaimer.
 * * Redistributions in binary form must reproduce the above copyright notice, this list of
 *   conditions and the following disclaimer in the documentation and/or other materials provided
 *   with the distribution.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR
 * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
 * FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR
 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
 * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
 * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY
 * WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

/**
 * Main application for Pretend You're Xyzzy. This only has to handle the initial nickname
 * registration, the chat box, the logout button, and resizing the window. It should probably be
 * split up into multiple files.
 * 
 * @author Andy Janata (ajanata@socialgamer.net)
 */

$(document).ready(function() {
  // see if we already exist on the server so we can resume
  cah.Ajax.build(cah.$.AjaxOperation.FIRST_LOAD).run();

  // TODO see if we have a stored nickname somewhere
  $("#nicknameconfirm").click(nicknameconfirm_click);
  $("#nickbox").keyup(nickbox_keyup);
  $("#nickbox").focus();

  $("#chat").keyup(chat_keyup);
  $("#chat_submit").click(chatsubmit_click);

  // TODO: have some sort of mechanism to alert the server that we have unloaded the page, but
  // have not expressed an interest in being cleared out yet.
  // $(window).bind("beforeunload", window_beforeunload);
  $("#logout").click(logout_click);

  // if (($.browser.mozilla || $.browser.opera) && !$.cookie("browser_dismiss")) {
  // var name = $.browser.mozilla ? "Firefox" : "Opera";
  // $("#browser").show();
  // $("#browser_name").text(name);
  // $("#browser_ok").click(function() {
  // $("#browser").hide();
  // $.cookie("browser_dismiss", true, {
  // expires : 3650,
  // });
  // });
  // }

  if ($.browser.mozilla) {
    // Firefox sucks.
    $("body").css("font-size", "12px");
  }

  $(window).resize(app_resize);
  app_resize();
});

/**
 * Handle a key up event in the nick box. If the key was enter, try to register with the server.
 * 
 * @param {jQuery.Event}
 *          e
 */
function nickbox_keyup(e) {
  if (e.which == 13) {
    $("#nicknameconfirm").click();
    e.preventDefault();
  }
}

/**
 * Handle a click event on the set nickname box. Try to register with the server.
 */
function nicknameconfirm_click() {
  var nickname = $.trim($("#nickname").val());
  cah.Ajax.build(cah.$.AjaxOperation.REGISTER).withNickname(nickname).run();
}

/**
 * Handle a key up event in the chat box. If the key was enter, send the message to the server.
 * 
 * @param {jQuery.Event}
 *          e
 */
function chat_keyup(e) {
  if (e.which == 13) {
    $("#chat_submit").click();
    e.preventDefault();
  }
}

/**
 * Handle a click even on the chat button. Send the message to the server.
 */
function chatsubmit_click() {
  var text = $.trim($("#chat").val());
  if (text == "") {
    return;
  }
  // TODO when I get multiple channels working, this needs to know active and pass it
  cah.Ajax.build(cah.$.AjaxOperation.CHAT).withMessage(text).run();
  cah.log.status("<" + cah.nickname + "> " + text);
  $("#chat").val("");
  $("#chat").focus();
}

/**
 * Handle a click event on the log out button. Tell the server to log us out.
 */
function logout_click() {
  cah.Ajax.build(cah.$.AjaxOperation.LOG_OUT).run();
}

/**
 * Handle a window resize event. Resize the chat and info areas to fit vertically and horizontally.
 * This was tested extensively in Chrome. It may not be pixel-perfect in other browsers.
 */
function app_resize() {
  var chatWidth = $("#canvas").width() - 251;
  $("#chat_area").width(chatWidth);
  $("#chat").width(chatWidth - 48);
  var bottomHeight = $(window).height() - $("#main").height() - $("#menubar").height() - 27;
  $("#bottom").height(bottomHeight);
  $("#info_area").height(bottomHeight);
  $("#chat_area").height(bottomHeight);
  $("#log").height(bottomHeight - $("#chat").height() - 1);
  // this is ugly and terrible.
  if ($(window).height() < 650) {
    $("body").css("overflow-y", "auto");
  } else {
    $("body").css("overflow-y", "hidden");
  }
}