+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/static/js/menu.js b/static/js/menu.js
index 600a41b..7edfd30 100644
--- a/static/js/menu.js
+++ b/static/js/menu.js
@@ -1,276 +1,309 @@
-function $(selector) {
- return document.querySelector(selector);
-}
+if(!Chuck) var Chuck = {};
+(function(Chuck) {
-function $$(selector) {
- return document.querySelectorAll(selector);
-}
-
-if(localStorage["player"]) {
- var player = JSON.parse(localStorage["player"]);
- if(player.nickname) {
- $("#nick").value = player.nickname;
+ window.onhashchange = function() {
+ if(window.location.hash) {
+ refresh(function(list) {
+ var channelName = unescape(window.location.hash.substr(1));
+ if(channelExists(list, channelName)) {
+ showCustomJoinForm()
+ } else {
+ alert("Channel \"" + channelName + "\" does not exist (anymore).")
+ window.location.href = "/";
+ }
+ });
+ }
}
-}
-if(localStorage["customname"]) {
- $("#customname").value = localStorage["customname"];
-}
+ window.onload = window.onhashchange;
-var lastRefreshResponse;
-function refresh(callback) {
+ function $(selector) {
+ return document.querySelector(selector);
+ }
+
+ function $$(selector) {
+ return document.querySelectorAll(selector);
+ }
+
+ if(localStorage["player"]) {
+ var player = JSON.parse(localStorage["player"]);
+ if(player.nickname) {
+ $("#nick").value = player.nickname;
+ }
+ }
+
+ if(localStorage["customname"]) {
+ $("#customname").value = localStorage["customname"];
+ }
+
+ var lastRefreshResponse;
+ function refresh(callback) {
+ try {
+ var xhr = new XMLHttpRequest();
+ xhr.onreadystatechange = function() {
+ if(xhr.readyState == 4) {
+ if(xhr.status == 200) {
+
+ var response = xhr.responseText;
+ if(response != lastRefreshResponse) {
+ lastRefreshResponse = response;
+ populate(JSON.parse(response).success);
+ }
+ document.body.className = "";
+
+ if(typeof callback == 'function') {
+ callback(JSON.parse(response).success)
+ }
+ } else {
+ console.error("Ajax error: " + xhr.status + " " + xhr.responseText)
+ $("#list").innerHTML = "";
+ document.body.className = "offline";
+ }
+ }
+ }
+ xhr.open("POST", "/api", true);
+ xhr.send(JSON.stringify({command:"getChannels"}));
+ } catch(e) {
+ console.error(e)
+ }
+ return false;
+ }
+
+ function populate(list) {
+ var html = "";
+ if(list.length > 0) {
+ for (var i = 0; i < list.length; i++) {
+ var channel = list[i];
+ html += "| ";
+ html += "";
+ html += channel.name
+ html += " | death match |
";
+ };
+ } else {
+ html += "| No channels found. |
";
+ }
+
+ $("#list").innerHTML = html;
+ }
+
+ $("form#listform").onsubmit = function(e) {
try {
- var xhr = new XMLHttpRequest();
- xhr.onreadystatechange = function() {
- if(xhr.readyState == 4) {
- if(xhr.status == 200) {
+ var nickname = $("#nick").value;
+ var channelName = getSelectedChannel();
+ join(nickname, channelName);
+ } catch(e) {
+ console.error(e)
+ }
- var response = xhr.responseText;
- if(response != lastRefreshResponse) {
- lastRefreshResponse = response;
- populate(JSON.parse(response).success);
- }
- document.body.className = "";
-
- if(typeof callback == 'function') {
- callback(JSON.parse(response).success)
- }
- } else {
- console.error("Ajax error: " + xhr.status + " " + xhr.responseText)
- $("#list").innerHTML = "";
- document.body.className = "offline";
- }
- }
- }
- xhr.open("POST", "/api", true);
- xhr.send(JSON.stringify({command:"getChannels"}));
- } catch(e) {
- console.error(e)
+ return false;
}
- return false;
-}
-function populate(list) {
- var html = "";
- if(list.length > 0) {
+ $("form#createform").onsubmit = function(e) {
+ try {
+ var channelName = $("#customname").value;
+ create(channelName, onCreateSuccess);
+ } catch(e) {
+ console.error(e)
+ }
+
+ return false;
+ }
+
+ $("form#customjoinform").onsubmit = function(e) {
+ try {
+ var nickname = $("#nick").value;
+ var channelName = $("#customname").value;
+ join(nickname, channelName);
+ } catch(e) {
+ console.error(e);
+ }
+
+ return false;
+ }
+
+ function onCreateSuccess(options) {
+ window.location.hash = options.channelName;
+ startTimer(options.timeout);
+ }
+
+ function showCustomJoinForm() {
+ $("#customname").value = unescape(window.location.hash.substr(1));
+ $("#link").value = window.location.href;
+ show("#customjoinform");
+ }
+
+ function show(id) {
+ $("#createform").style.display = "none";
+ $("#listform").style.display = "none";
+ $("#customjoinform").style.display = "none";
+ $("#game").style.display = "none";
+
+ if(id != "#customjoinform") {
+ history.pushState("", document.title, window.location.pathname);
+ }
+
+ $(id).style.display = "block";
+ }
+
+ function quickstart() {
+ refresh(function(list){
+ var defaultChannelName = "Dungeon";
+ var nickname = $("#nick").value;
+
+ if(!nickname) {
+ nickname = "Guest" + (Math.floor(Math.random() * 899) + 100)
+ }
+
+ if(!channelExists(list, defaultChannelName)) {
+ create(defaultChannelName, function() {
+ join(nickname, defaultChannelName); // only called on success
+ });
+ } else {
+ join(nickname, defaultChannelName);
+ }
+ });
+ }
+
+ function startTimer(seconds) {
+ var now = new Date();
+ var end = new Date(now.getTime() + seconds * 1000);
+ setInterval(function() {
+ now = new Date();
+ var diff = new Date(end.getTime() - now.getTime());
+ if(diff.getTime() < 0) {
+ alert("Your channel has timed out.");
+ window.location.href = "/";
+ } else {
+ $("#timeout").innerHTML = " within " + formatDate(diff) + " minutes";
+ }
+ }, 1000);
+ }
+
+ function formatDate(date) {
+ var minutes = date.getMinutes();
+ var seconds = date.getSeconds();
+ if(minutes < 10) minutes = "0" + minutes;
+ if(seconds < 10) seconds = "0" + seconds;
+
+ return minutes + ":" + seconds;
+ }
+
+ function channelExists(list, channelName) {
for (var i = 0; i < list.length; i++) {
var channel = list[i];
- html += " |