Enhance your group experience!
// ==UserScript==
// @name TagPro GroPro
// @version 1.6
// @description Enhance your group experience!
// @author Ko
// @supportURL https://www.reddit.com/message/compose/?to=Wilcooo
// @website https://redd.it/7rbvi4
// @icon https://raw.githubusercontent.com/wilcooo/TagPro-ScriptResources/master/gropro.png
// @match *://*.koalabeast.com/*
// @match *://*.jukejuice.com/*
// @match *://*.newcompte.fr/*
// @grant GM_notification
// @grant GM_xmlhttpRequest
// @grant GM_getValue
// @grant GM_setValue
// @license MIT
// @require https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.1.0/socket.io.slim.js
// @require https://greasyfork.org/scripts/371240/code/TagPro%20Userscript%20Library.js
// @connect koalabeast.com
// @connect script.google.com
// @connect script.googleusercontent.com
// @namespace https://greasyfork.org/users/152992
// ==/UserScript==
/* todo
Use TPUL's GroupComm:
ready states
description
Kicking should also make a "doink" sound
*/
// =====SETTINGS SECTION=====
// I use tpul for this userscripts' options.
// see: https://github.com/wilcooo/TagPro-UserscriptLibrary
var settings = tpul.settings.addSettings({
id: 'GroPro',
title: "Configure GroPro",
tooltipText: "GroPro",
icon: "https://raw.githubusercontent.com/wilcooo/TagPro-ScriptResources/master/gropro.png",
fields: {
show_notifications: {
label: 'Notify chat messages while doing something else',
type: 'checkbox',
default: true,
},
sound_on_chat: {
label: '"Bwep" whenever someone sends a message',
type: 'checkbox',
default: true,
},
sound_on_join: {
label: '"Dink" whenever someone joins',
type: 'checkbox',
default: true,
},
sound_on_left: {
label: '"Donk" whenever someone leaves',
type: 'checkbox',
default: true,
},
color_names: {
label: 'Color names in chat',
type: 'checkbox',
default: true,
},
show_timestamps: {
label: 'Show timestamps in chat',
type: 'checkbox',
default: true,
},
show_seconds: {
label: 'Show seconds on those timestamps',
type: 'checkbox',
default: true,
},
fade_read_chats: {
label: 'Fade those timestamps when you\'ve read it',
type: 'checkbox',
default: true,
},
chat_history: {
label: 'Use the up/down keys to resend messages (console-like)',
type: 'checkbox',
default: true,
},
prevent_scroll: {
label: 'Show an arrow when new chats arrive, while you\'re reading old chats',
type: 'checkbox',
default: true,
},
/*groups_on_home: {
label: 'Show available groups (worldwide) on the homepage',
type: 'checkbox',
default: true,
},
groups_on_find: {
label: 'Show available groups (worldwide) while finding a game',
type: 'checkbox',
default: true,
},
groups_in_group: {
label: 'Show available groups (worldwide) while in a group',
type: 'checkbox',
default: true,
},
position: {
label: 'Position of the groups on the homepage',
type: 'select',
options: ['top','bottom'],
default: 'top',
},*/
show_description: {
label: 'Show the group\'s description, and enables you to set one',
type: 'checkbox',
default: true,
},
show_ready_states: {
label: 'Show which players are ready',
type: 'checkbox',
default: true,
},
show_ready_btn: {
label: 'Show an "I\'m ready!" button',
type: 'checkbox',
default: true,
},
show_play_btn: {
label: 'Show a "Join a pub" button, which will take only you to the joiner.',
type: 'checkbox',
default: true,
},
show_someball_btn: {
label: 'Show an "Add Some Ball" button, in case you need more players to launch',
type: 'checkbox',
default: true,
}
},
events: {
open: function () {
// Changing the layout a bit after the config panel is opened...
[...this.frame.getElementsByClassName('field_label')].forEach( function(el) {
el.classList.remove('col-xs-4');
el.classList.add('col-xs-8');
el.nextElementSibling.classList.remove('col-xs-8');
el.nextElementSibling.classList.add('col-xs-4');
} );
},
save: function() {
// Making sure (most) options take effect immediately after a save...
show_notifications = settings.get("show_notifications");
sound_on_chat = settings.get("sound_on_chat");
sound_on_join = settings.get("sound_on_join");
sound_on_left = settings.get("sound_on_left");
show_timestamps = settings.get("show_timestamps");
show_seconds = settings.get("show_seconds");
fade_read_chats = settings.get("fade_read_chats");
chat_history = settings.get("chat_history");
prevent_scroll = settings.get("prevent_scroll");
/*position = settings.get("position");
groups_on_home = settings.get("groups_on_home");
groups_on_find = settings.get("groups_on_find");
groups_in_group = settings.get("groups_in_group");*/
show_ready_states = settings.get("show_ready_states");
show_ready_btn = settings.get("show_ready_btn");
show_play_btn = settings.get("show_play_btn");
show_someball_btn = settings.get("show_someball_btn");
/*// Update the position of the groups if necessary:
var groups_div = document.getElementById('GroPro-groups');
if (window.location.pathname === '/' && groups_on_home ||
window.location.pathname.match(/^\/groups\/[a-z]{8}$/) && groups_in_group ||
window.location.pathname === '/games/find' && groups_on_find ) {
if (groups_div) {
var pos = document.getElementById('userscript-'+position);
if (insertBefore) pos.insertBefore(groups_div, pos.firstChild);
else pos.append(groups_div);
pos.classList.remove('hidden');
groups_div.classList.remove('hidden');
} else show_groups();
}
if (window.location.pathname === '/' && !groups_on_home ||
window.location.pathname.match(/^\/groups\/[a-z]{8}$/) && !groups_in_group ||
window.location.pathname === '/games/find' && !groups_on_find ) {
groups_div.classList.add('hidden');
}*/
// Some options need a refresh, show a warning when they're changed:
if (color_names != settings.get("color_names") ||
show_description != settings.get("show_description") ||
show_ready_btn != settings.get("show_ready_btn") ||
show_play_btn != settings.get("show_play_btn") ||
show_someball_btn != settings.get("show_someball_btn")) {
if (tpul.playerLocation == 'group')
setTimeout(tpul.notify, 1500, "Some settings might only take effect after a refresh", "warning");
}
},
}
});
var show_notifications = settings.get("show_notifications");
var sound_on_chat = settings.get("sound_on_chat");
var sound_on_join = settings.get("sound_on_join");
var sound_on_left = settings.get("sound_on_left");
var color_names = settings.get("color_names");
var show_timestamps = settings.get("show_timestamps");
var show_seconds = settings.get("show_seconds");
var fade_read_chats = settings.get("fade_read_chats");
var chat_history = settings.get("chat_history");
var prevent_scroll = settings.get("prevent_scroll");
/*var groups_on_home = settings.get("groups_on_home");
var groups_on_find = settings.get("groups_on_find");
var groups_in_group = settings.get("groups_in_group");
var position = settings.get("position");*/
var show_description = settings.get("show_description");
var show_ready_states = settings.get("show_ready_states");
var show_ready_btn = settings.get("show_ready_btn");
var show_play_btn = settings.get("show_play_btn");
var show_someball_btn = settings.get("show_someball_btn");
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// ### --- SOUNDS --- ### //
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //
// //
var chat_sound = new Audio('https://raw.githubusercontent.com/wilcooo/TagPro-ScriptResources/master/chat.mp3'); // //
var left_sound = new Audio('https://raw.githubusercontent.com/wilcooo/TagPro-ScriptResources/master/left.mp3'); // //
var join_sound = new Audio('https://raw.githubusercontent.com/wilcooo/TagPro-ScriptResources/master/joined.mp3'); // //
// //
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //
// //
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////
// SCROLL FURTHER AT YOUR OWN RISK! //
//////////////////////////////////////
var short_name = 'gropro'; // An alphabetic (no spaces/numbers, preferably lowercase) distinctive name for the script.
var version = GM_info.script.version; // The version number is automatically fetched from the metadata.
tagpro.ready(function(){ tagpro.scripts = Object.assign( tagpro.scripts || {}, {short_name:{version:version}} ); });
console.log('START: ' + GM_info.script.name + ' (v' + version + ' by ' + GM_info.script.author + ')');
if (tpul.playerLocation == 'groups') { // If we are on the groups selection page
}
else if (tpul.playerLocation == 'group') { // If we are in a group
//if (groups_in_group) show_groups();
tagpro.ready( function(){
// Keep track of all interesting variables.
// TagPro does this too, but it's hidden :(
// Thats why we do this ourselfs too :)
var group = tagpro.group = Object.assign(tagpro.group, {
self: null,
players: {},
privateGame: $(".group.container").hasClass("js-private-game"),
privateGroup: false,
currentGamePort: null,
chat: [],
selfAssignment: false,
settings: {},
maxPlayers: 0,
maxSpectators: 0,
});
var socket = group.socket;
socket.on('chat', function(chat) {
chat.time = Date.now(); // This is not in the original TagPro code, but it's handy
group.chat.push(chat);
});
socket.on('port', function(port) {
group.currentGamePort = port;
});
socket.on('member', function(member) {
if (!group.players[member.id]) send_description(); // Not original TP code either
// This is slightly altered to allow a 'ready' variable to persist
group.players[member.id] = Object.assign(group.players[member.id] || {}, member);
if (group.self) group.self = group.players[group.self.id];
});
socket.on('removed', function(removed) {
delete group.players[removed.id];
});
socket.on('full', function() {
alert('GroPro: This group is full :(');
});
socket.on('banned', function() {
alert('GroPro: You got banned :(');
});
socket.on('you', function(you) {
group.self = group.players[you];
});
socket.on('private', function(private){
group.privateGame = private.isPrivate;
group.maxSpectators = private.maxSpectators;
group.maxPlayers = private.maxPlayers;
group.selfAssignment = private.selfAssignment;
group.noScript = private.noScript;
group.respawnWarnings = private.respawnWarnings;
});
socket.on('setting', function(setting) {
group.settings[setting.name] = setting.value;
});
socket.on('publicGroup', function(publicGroup) {
group.public = publicGroup;
});
var chat_log = document.getElementsByClassName('js-chat-log')[0];
// Show notifications on receiving chats // Play sound
function notify(chat){
if (show_notifications && !document.hasFocus()) {
// GM_notification( text, title, icon (defaults to script icon), onclick)
GM_notification( chat.message, chat.from || group.settings.groupName, null, window.focus );
}
// Play a sound
if (chat.from && sound_on_chat) chat_sound.play();
//has been kicked from the group.
else if (sound_on_left && (chat.message.endsWith(' has left the group.') || chat.message.endsWith(' has been kicked from the group.')) )
left_sound.play();
else if (sound_on_join && chat.message.endsWith(' has joined the group.'))
join_sound.play();
else if (sound_on_chat) chat_sound.play();
}
// This function will fade the timestamp when you've seen the message
function fadeTimestamp(t) {
// If the window isn't focussed
if(!document.hasFocus()) {
return window.addEventListener("focus", function() {
fadeTimestamp(t);
}, {once:true});
}
// If the chat row is not in view (due to scrolling)
if ( t[0].offsetTop < chat_log.scrollTop || t[0].offsetTop > chat_log.scrollTop + chat_log.clientHeight ) {
return chat_log.addEventListener("scroll", function(){
fadeTimestamp(t);
}, {once:true});
}
// Wait 3 secs, and fade if the document is still focussed
else {
setTimeout( function(){
if (document.hasFocus())
t.fadeTo("slow",0.4);
else fadeTimestamp(t);
}, 3000);
}
}
// Don't scroll down when reading old messages
var scrolled = true;
chat_log.addEventListener("scroll", function(){
scrolled = chat_log.scrollTop >= chat_log.scrollHeight - chat_log.clientHeight;
if (scrolled) arrow.style.display = 'none';
});
function scrollChat() {
if (!prevent_scroll || scrolled)
chat_log.scrollTop = chat_log.scrollHeight;
else {arrow.style.display = '';}
}
var last_chat = '';
// Show an arrow instead, that'll bring you back down
$('<img id="chat-log-arrow" style="position:absolute;right:30px;top:150px;display:none" src="https://raw.githubusercontent.com/wilcooo/TagPro-ScriptResources/master/arrow.png">').appendTo(chat_log);
var arrow = document.getElementById('chat-log-arrow');
arrow.style.cursor = 'pointer';
arrow.title = 'New messages!';
arrow.onclick = function(){
chat_log.scrollTop = chat_log.scrollHeight;
arrow.style.display = 'none';
};
// This function receives all chat messages
function handleChat(chat) {
var player = group.players[Object.keys(group.players).filter( id => group.players[id].name == chat.from )[0]];
var match;
// Append messages starting with ⋯
var last = group.chat[group.chat.length-1] || {from:null};
if ( chat.message.startsWith('⋯') && last.from == chat.from && last.time > Date.now()-5) {
last_chat = last_chat + chat.message.slice(1);
$(".js-chat-log .chat-message").last().text( last_chat );
scrollChat();
return;
}
// Handle commands (DEPRECATED, USE THE NEW COMMANDS SYSTEM!)
if ( ( match = chat.message.match(/^\[GroPro:(\w{1,11})\](.{0,100})$/) ) ) { // If the message is of the form [GroPro:xxx]yyy
var command = match[1], // the xxx part
value = match[2]; // the yyy part
if (command=='description' && player.leader) {
group.description = value;
if (show_description) update_gd();
return;
}
if (command=='ready') {
player.ready = true;
updateReadyStates();
if (!value) return;
}
if (command=='notready') {
player.ready = false;
updateReadyStates();
if (!value) return;
}
var warning = tagpro.helpers.displayError('Someone sent an unrecognizable command (as you can see in chat). The sender probably doesn\'t know what GroPro is, or you don\'t have the latest version installed.');
warning[0].onclick = ()=>warning.fadeOut(); // Click to hide
warning[0].style.cursor = 'pointer';
warning[0].title = 'Click to hide';
}
// Handle an actual message
last_chat = chat.message;
var timestamp;
if (show_timestamps) {
var time = new Date().toTimeString().substr(0, show_seconds ? 8 : 5 );
timestamp = $("<span></span>").addClass("timestamp").text( time );
if (fade_read_chats) fadeTimestamp(timestamp);
}
var player_name = null;
if (chat.from) {
var team = player && player.team+1 ? " team-"+player.team : "";
player_name = $("<span></span>").addClass("player-name" + team).text(chat.from + ": ");
}
var chat_message = $("<span></span>").text(chat.message).addClass("chat-message");
$("<div></div>").addClass("chat-line").append(timestamp).append(player_name).append(chat_message).appendTo(chat_log);
scrollChat();
notify(chat);
}
// Replace TagPro's function that puts chats in the chat-log
socket.listeners('chat')[0] = handleChat;
// Find the correct styleSheet
for (var styleSheet of document.styleSheets) if (styleSheet.href.includes('/style.css')) break;
// Add a rule to the sheet for the timestamp and player names
styleSheet.insertRule(".group .chat-log .timestamp { margin-right: 5px; color: Yellow; }");
if (color_names) {
styleSheet.insertRule(".group .chat-log .player-name { color: #4c4c4c }"); // Gray
styleSheet.insertRule(".group .chat-log .player-name.team-0 { color: #8BC34A; }"); // Green
styleSheet.insertRule(".group .chat-log .player-name.team-1 { color: #D32F2F; }"); // Red
styleSheet.insertRule(".group .chat-log .player-name.team-2 { color: #1976D2; }"); // Blue
styleSheet.insertRule(".group .chat-log .player-name.team-3 { color: #e0e0e0; }"); // White
}
// The New Commands System (using 'touch' events / location). Max 12 chars per message!
// TODO
// Split long messages, so that you can send those too
// Also save all sent messages
// for the history option
var sent = [], hist = -1, curr = "";
$('.js-chat-input').off('keydown'); // Remove old handler
document.getElementsByClassName('js-chat-input')[0].onkeydown = function(key){
if (key.which == 13) { // ENTER
sent.unshift(this.value);
hist = -1;
if (this.value.length <= 120) socket.emit("chat", this.value);
else {
var cut, chats = [ this.value.slice( 0, 120 ) ];
while ((cut = this.value.slice( chats.length*119+1 ))) {
chats.push( '⋯' + cut.slice(0,119) );
}
for (var c of chats) socket.emit("chat", c);
}
this.value = "";
//chat_log.scrollTop = chat_log.scrollHeight;
}
if (chat_history && key.which == 38) { // ARROW-UP
if (hist == -1) curr = this.value;
if (hist < sent.length-1) {
this.value = sent[ ++hist ];
key.preventDefault(); // Prevent the caret/cursor to jump to the start
}
}
if (chat_history && key.which == 40) { // ARROW-DOWN
if (hist > -1) {
this.value = sent[ --hist ] || curr;
key.preventDefault(); // Prevent the caret to jump to the end
}
}
};
// Group description
document.getElementsByClassName('js-chat-input')[0].placeholder = 'Send a message';
if (show_description) {
$(`
<div id="gd-container" class="col-md-12" style="display:none"><hr>
<h3 style="float:left;font-size:16px">Group Description</h3>
<div id="gd-btns" style="display:none;float:right;margin-bottom:14px">
<a id="gd-save" class="btn btn-default">Save</a>
<a id="gd-cancel" class="btn btn-default">Cancel</a>
</div>
<textarea readonly id="gd-text" maxlength=100 placeholder="Group description (this is also sent to those without the script)" type="text" style="background:#212121;width:100%;padding:5px 10px;resize:vertical" class="chat"></textarea>
<hr></div>`).insertAfter(document.getElementById('group-chat').parentNode);
var gd_container = document.getElementById('gd-container');
var gd_text = document.getElementById('gd-text');
var gd_save = document.getElementById('gd-save');
var gd_cancel = document.getElementById('gd-cancel');
var gd_btns = document.getElementById('gd-btns');
gd_save.onclick = function(){
if (gd_text.value != group.description)
socket.emit('chat', "[GroPro:description]"+gd_text.value);
gd_btns.style.display = 'none';
};
gd_cancel.onclick = function(){
update_gd();
gd_btns.style.display = 'none';
};
socket.once('you', function(you){
update_gd();
socket.on('member', function(member){
if (member.id == group.self.id)
update_gd(false);
});
});
}
group.description = "";
function editDescription(){
// Show the save/cancel buttons
gd_btns.style.display = '';
}
function onLeader(){
gd_text.readOnly = false;
gd_text.onfocus = editDescription;
}
function onNonLeader(){
gd_text.readOnly = true;
gd_text.onfocus = null;
gd_text.value = group.description;
gd_btns.style.display = 'none';
}
function update_gd(text=true) {
if (!show_description) return;
if (group.description || group.self.leader)
gd_container.style.display = ''; //show
else
gd_container.style.display = 'none'; //hide
if (group.self.leader) {
gd_text.readOnly = false;
gd_text.onfocus = editDescription;
} else {
gd_text.readOnly = true;
gd_text.onfocus = null;
gd_btns.style.display = 'none';
}
if (text) gd_text.value = group.description;
}
function send_description() {
if (group.self && group.self.leader && group.description ) {
socket.emit('chat', "[GroPro:description]"+gd_text.value);
}
}
// Play (only you) button
if (show_play_btn) {
//<button id="launch-private-btn" class="btn btn-primary js-socket-btn start-game" data-event="groupPlay" onclick="this.blur();">Launch Game</button>
var play_public_btn = document.createElement('a');
play_public_btn.className = 'btn btn-primary';
play_public_btn.innerText = 'Join a Pub';
play_public_btn.title = 'Only you.\nYou will stay in the group.';
play_public_btn.href = '/games/find';
var play_private_btn = play_public_btn.cloneNode(true);
var launch_public_btn = document.getElementById('launch-public-btn');
var launch_private_btn = document.getElementById('launch-private-btn');
launch_public_btn.parentElement.appendChild( play_public_btn );
launch_private_btn.parentElement.appendChild( play_private_btn );
}
// Add Some Ball button
if (show_someball_btn) {
// This function is all the code we need to add a Some Ball
function addSomeBall(){
var http = new XMLHttpRequest()
http.open('GET','http://free.pagepeeker.com/v2/thumbs.php?size=t&url=' + location.href + '?r=pagekeeperyoucancontactmeonreddituWILCOOO' + Math.random())
http.send()
this.blur()
}
// The rest is just adding & styling the button
var add_someball_btn = document.createElement('button')
add_someball_btn.title = "For when you need more players to launch.\nThe some ball will leave after a minute."
add_someball_btn.className = "btn btn-default"
add_someball_btn.onclick = addSomeBall
add_someball_btn.innerHTML += ' <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="80pt" height="80pt" viewBox="0 0 80 80"> <g transform="translate(0,80)scale(0.1,-0.1)"><path d="M207 638 c-19 -45 -37 -89 -39 -97 -8 -36 195 -61 337 -42 133 18 131 14 85 118 -22 49 -46 92 -54 97 -9 7 -35 3 -76 -9 -55 -17 -67 -17 -108 -5 -108 30 -104 32 -145 -62z"/><path d="M75 474 c-162 -49 -56 -92 251 -101 251 -8 446 15 461 53 8 22 -5 31 -69 48 -54 14 -60 13 -110 -7 -46 -18 -73 -21 -213 -21 -141 0 -166 3 -215 22 -30 12 -55 22 -55 21 0 0 -22 -7 -50 -15z"/><path d="M40 305 c0 -8 9 -15 20 -15 18 0 20 -7 20 -80 0 -107 13 -120 121 -120 43 0 89 5 103 11 30 14 56 65 56 108 0 29 2 31 40 31 l40 0 0 -44 c0 -33 6 -52 24 -73 23 -26 30 -28 113 -31 122 -5 134 5 141 116 3 61 8 82 18 82 8 0 14 7 14 15 0 13 -46 15 -355 15 -309 0 -355 -2 -355 -15z m280 -73 c0 -91 -13 -102 -116 -102 l-84 0 0 80 0 80 100 0 100 0 0 -58z m360 -6 c0 -97 1 -96 -95 -96 -96 0 -106 7 -113 80 -7 79 -7 80 108 80 l100 0 0 -64z"/></g></svg> '
add_someball_btn.innerHTML += ' Add Some Ball '
document.getElementsByClassName('player-settings')[0].appendChild(add_someball_btn)
}
// Ready button
// First, add the button
if (show_ready_btn) {
var ready_public_btn = document.createElement('label');
ready_public_btn.className = 'btn btn-default group-setting';
ready_public_btn.style.marginRight = '14px';
ready_public_btn.innerHTML = '<input type="checkbox" style="margin:0;vertical-align:middle"> I\'m Ready!';
var ready_private_btn = ready_public_btn.cloneNode(true);
var launch_public_btn = document.getElementById('launch-public-btn');
var launch_private_btn = document.getElementById('launch-private-btn');
launch_public_btn.parentElement.insertBefore( ready_public_btn, launch_public_btn);
launch_private_btn.parentElement.insertBefore( ready_private_btn, launch_private_btn);
var ready_public_box = ready_public_btn.getElementsByTagName('input')[0];
var ready_private_box = ready_private_btn.getElementsByTagName('input')[0];
var ready_state = false;
var last_clicked;
ready_public_btn.onchange = ready_private_btn.onchange = function(change){
// Find out what your new readystate is
ready_state = change.target.checked;
// Update both buttons accordingly (one of them obviously is already right)
ready_public_btn.getElementsByTagName('input')[0].checked = ready_state;
ready_private_btn.getElementsByTagName('input')[0].checked = ready_state;
// Disable the buttons for a few seconds to prevent spamming
console.log(ready_public_btn.style.cursor);
ready_public_btn.style.cursor = 'wait';
ready_private_btn.style.cursor = 'wait';
ready_public_box.style.cursor = 'wait';
ready_private_box.style.cursor = 'wait';
ready_public_box.disabled = true;
ready_private_box.disabled = true;
setTimeout(function(){
ready_public_btn.style.cursor = '';
ready_private_btn.style.cursor = '';
ready_public_box.style.cursor = '';
ready_private_box.style.cursor = '';
ready_public_box.disabled = false;
ready_private_box.disabled = false;
},3000);
// Warn if the state is changed right after the delay runs out
if (last_clicked > Date.now() - 6000) {
let warning = tagpro.helpers.displayError('Please don\'t change your ready-state more often than needed. Players without the script receive a chat message every time you change it. Thank you :)');
warning[0].onclick = ()=>warning.fadeOut(); // Click to hide
warning[0].style.cursor = 'pointer';
warning[0].title = 'Click to hide';
}
last_clicked = Date.now();
// Tell it to the world
socket.emit('chat', ready_state ? "[GroPro:ready]" : "[GroPro:notready]");
};
}
for (var event of ['port','member','removed','you','private'])
socket.on(event, updateReadyStates);
// This function updates the ready tag beneath each player
function updateReadyStates(){
if (!show_ready_states) return;
for (var player_item of document.getElementsByClassName('player-item')) {
var player = group.players[ $(player_item).data('model') && $(player_item).data('model').id ];
var location = player_item.getElementsByClassName('player-location')[0];
if (player.ready && player.location == "page") {
location.innerText = 'Ready!';
location.style.color = '#8BC34A';
}
else {
switch (player.location) {
case "page":
location.innerText = "In Here";
break;
case "joining":
location.innerText = "Joining a Game";
break;
case "game":
location.innerText = "In a Game";
}
location.style.color = '';
}
}
}
} );
}
else if (tpul.playerLocation == 'find') { // In the process of joining a game
}
else if (tpul.playerLocation == 'game') { // If we are in a game
/*if ( hide_system_messages && tagpro.group.socket ) {
var org_handleChat = tagpro.group.socket.listeners('chat')[0];
tagpro.group.socket.listeners('chat')[0] = function(chat) {
// Throw away messages of the form [GroPro:xxx]yyy
if ( ( match = chat.message.match(/^\[GroPro:(\w{1,11})\](.{0,100})$/) ) ) return;
else org_handleChat(chat);
};
}*/
}
else if (tpul.playerLocation == 'home') { // If we are on the homepage
}
else { // If we are on any other page of the server
}