several improvements, implemented revoke stuff

This commit is contained in:
Jonas Weinz 2019-04-01 16:17:20 +02:00
parent cb0e81fbdf
commit 15e0bdf6fc
4 changed files with 61 additions and 11 deletions

View File

@ -28,7 +28,7 @@ register_container = main_menu.create_infocontainer("Login to play online");
i_register_username = register_container.create_input("username"); i_register_username = register_container.create_input("username");
i_register_pw = register_container.create_input("password", true); i_register_pw = register_container.create_input("password", true);
b_register = register_container.create_button("register/login"); b_register = register_container.create_button("register/login");
//register_container.create_label("(creates new account for a new username)"); register_container.create_label("If the username does not exists yet, a new account is created automatically");
// logout TODO: rename container: // logout TODO: rename container:
logout_container = main_menu.create_infocontainer("Logged in as: "); logout_container = main_menu.create_infocontainer("Logged in as: ");
@ -42,7 +42,7 @@ l_highscores.style.textAlign = "left"
// fill subcontainer: // fill subcontainer:
match_slot_container = sub_menu.create_infocontainer("Running Matches<br>(click to open)"); match_slot_container = sub_menu.create_infocontainer("Running Matches");
// match control: // match control:

View File

@ -1,6 +1,6 @@
class OnlineMatchManager class OnlineMatchManager
{ {
constructor(grid, info_func, matches_container, control_container, end_button, game_server_connection, match_id, match_state, player_name) constructor(grid, info_func, matches_container, control_container, end_button, game_server_connection, match_id, match_state, revoke_time, player_name)
{ {
this.grid = grid; this.grid = grid;
@ -12,7 +12,8 @@ class OnlineMatchManager
this.match_state = match_state; this.match_state = match_state;
this.player_name = player_name this.revoke_time = Date.create_from_mysql(revoke_time);
this.player_name = player_name;
var player_a = this.match_state.player_a; var player_a = this.match_state.player_a;
var player_b = this.match_state.player_b; var player_b = this.match_state.player_b;
@ -98,9 +99,10 @@ class OnlineMatchManager
} }
} }
update_match_state(match_state) update_match_state(match_state, revoke_time)
{ {
this.match_state = match_state; this.match_state = match_state;
this.revoke_time = Date.create_from_mysql(revoke_time);
if (this.online_opponent.get_name() == this.match_state.active_player) if (this.online_opponent.get_name() == this.match_state.active_player)
{ {
@ -290,6 +292,10 @@ class OnlineMatchManager
this.grid.player_change_listener(current_player); this.grid.player_change_listener(current_player);
// date difference in hours:
var dt = Math.floor(Math.abs(Date.now() - this.revoke_time) / 36e5);
if (this.player_name == current_player_name) if (this.player_name == current_player_name)
{ {
@ -303,19 +309,19 @@ class OnlineMatchManager
{ {
this.grid.unblock(x,y); this.grid.unblock(x,y);
} }
this.info_func("It's your turn!", false); this.info_func("It's your turn! (" + dt + "h left)", false);
this.control_container.blink(theme_color_highlight); this.control_container.blink(theme_color_highlight);
} }
else else
{ {
this.info_func("It's your turn!", false); this.info_func("It's your turn! (" + dt + "h left)", false);
this.control_container.blink(theme_color_highlight); this.control_container.blink(theme_color_highlight);
this.grid.unblock_all(); this.grid.unblock_all();
} }
} }
else else
{ {
this.info_func("waiting for " + encodeHTML(this.online_opponent.get_name()) + "'s move", false); this.info_func("waiting for " + encodeHTML(this.online_opponent.get_name()) + "'s move (" + dt + "h left)", false);
this.control_container.blink(theme_color_highlight); this.control_container.blink(theme_color_highlight);
} }

View File

@ -17,3 +17,18 @@ function clearInner(node) {
function encodeHTML(s) { function encodeHTML(s) {
return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/"/g, '&quot;'); return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/"/g, '&quot;');
} }
Date.create_from_mysql = function(mysql_string)
{
var t, result = null;
if( typeof mysql_string === 'string' )
{
t = mysql_string.split(/[- :]/);
//when t[3], t[4] and t[5] are missing they defaults to zero
result = new Date(t[0], t[1] - 1, t[2], t[3] || 0, t[4] || 0, t[5] || 0);
}
return result;
}

View File

@ -20,6 +20,8 @@ class WebsocketConnection
this.end_button = end_button; this.end_button = end_button;
this.l_matches_container = null;
this.active_match = null; this.active_match = null;
this.connected = false; this.connected = false;
@ -90,6 +92,13 @@ class WebsocketConnection
this.openmatches[key].remove_match(); this.openmatches[key].remove_match();
} }
this.openmatches = {}; this.openmatches = {};
// remove match info label if exists:
if (this.l_matches_container != null)
{
this.matches_container.container.removeChild(this.l_matches_container);
clearInner(this.l_matches_container);
this.l_matches_container = null;
}
// remove complete friend list: // remove complete friend list:
var n = this.friend_name_divs.length; var n = this.friend_name_divs.length;
@ -123,6 +132,13 @@ class WebsocketConnection
this.openmatches[key].remove_match(); this.openmatches[key].remove_match();
} }
this.openmatches = {}; this.openmatches = {};
// remove match info label if exists:
if (this.l_matches_container != null)
{
this.matches_container.container.removeChild(this.l_matches_container);
clearInner(this.l_matches_container);
this.l_matches_container = null;
}
// remove complete friend list: // remove complete friend list:
var n = this.friend_name_divs.length; var n = this.friend_name_divs.length;
@ -228,6 +244,7 @@ class WebsocketConnection
{ {
var id = data.id var id = data.id
var match_state = data.match_state; var match_state = data.match_state;
var revoke_time = data.revoke_time;
if (match_state == null) if (match_state == null)
{ {
@ -241,7 +258,7 @@ class WebsocketConnection
{ {
if (id in this.openmatches) if (id in this.openmatches)
{ {
this.openmatches[id].update_match_state(match_state) this.openmatches[id].update_match_state(match_state, revoke_time)
if (this.active_match == id) if (this.active_match == id)
{ {
this.openmatches[id].open_match(); this.openmatches[id].open_match();
@ -255,12 +272,24 @@ class WebsocketConnection
{ {
if (!match_state.game_over) if (!match_state.game_over)
{ {
this.openmatches[id] = new OnlineMatchManager(this.grid, this.info_func, this.matches_container, this.control_container, this.end_button, this, id, match_state, this.player.get_name());
// remove match info label if exists:
if (this.l_matches_container != null)
{
this.matches_container.container.removeChild(this.l_matches_container);
clearInner(this.l_matches_container);
this.l_matches_container = null;
}
this.openmatches[id] = new OnlineMatchManager(this.grid, this.info_func, this.matches_container, this.control_container, this.end_button, this, id, match_state, revoke_time, this.player.get_name());
if (match_state.last_move == null) if (match_state.last_move == null)
{ {
this.notify("new Game against " + encodeHTML(this.openmatches[id].online_opponent.get_name())); this.notify("new Game against " + encodeHTML(this.openmatches[id].online_opponent.get_name()));
} }
this.matches_container.blink(theme_color_highlight); this.matches_container.blink(theme_color_highlight);
// create new info:
this.l_matches_container = this.matches_container.create_label("click on name to open,<br>click '+' to add as friend");
} }
} }