From c74608768933a3d3842173275b5bdf9829be4e48 Mon Sep 17 00:00:00 2001
From: Ruud Verbeek <ruud@arfie.nl>
Date: Mon, 28 Nov 2016 18:31:40 +0100
Subject: [PATCH 01/12] base tagpro.group.settings object with defaults,
 presets and preset methods

---
 group/group_presets.js | 60 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 group/group_presets.js

diff --git a/group/group_presets.js b/group/group_presets.js
new file mode 100644
index 0000000..30de6ce
--- /dev/null
+++ b/group/group_presets.js
@@ -0,0 +1,60 @@
+{
+    tagpro.group.settings = {
+        defaults: {
+            redTeamName: "Red",
+            blueTeamName: "Blue",
+            redTeamScore: "0",
+            blueTeamScore: "0",
+            map: "",
+            time: "12",
+            caps: "3",
+            accel: "1",
+            topspeed: "1",
+            bounce: "1",
+            playerRespawnTime: "3000",
+            speedPadRespawnTime: "10000",
+            dynamiteRespawnTime: "30000",
+            buffRespawnTime: "60000",
+            buffDelay: false,
+            potatoTime: "0"
+        },
+        set: function(key, value) {
+            tagpro.group.socket.emit('setting', {name: key, value: value});
+        },
+        apply: function(preset) {
+            for(let k in tagpro.group.settings.defaults)
+                set(k, preset.hasOwnProperty(k) ?
+                       preset[k] : tagpro.group.settings.defaults[k]);
+        },
+        presets: [
+            {
+                name: 'Default'
+            },
+            {
+                name: 'Pick-Up Game',
+                caps: 0,
+                time: 10,
+                buffDelay: true
+            },
+            {
+                name: 'Hockey',
+                map: 'Hockey',
+                caps: 0,
+                time: 10,
+                buffDelay: true
+            },
+            {
+                name: 'Open Field Masters',
+                map: 'OFM',
+                time: 5
+            },
+            {
+                name: 'Duel',
+                map: 'Duel',
+                time: '5',
+                caps: '3',
+                playerRespawnTime: '1000'
+            }
+        ]
+    };
+}
\ No newline at end of file

From 57e55930217387e37d4aaaa81749b3558e59dca5 Mon Sep 17 00:00:00 2001
From: Ruud Verbeek <ruud@arfie.nl>
Date: Mon, 28 Nov 2016 19:00:29 +0100
Subject: [PATCH 02/12] preset selector

---
 group/group_presets.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/group/group_presets.js b/group/group_presets.js
index 30de6ce..17df969 100644
--- a/group/group_presets.js
+++ b/group/group_presets.js
@@ -22,8 +22,10 @@
             tagpro.group.socket.emit('setting', {name: key, value: value});
         },
         apply: function(preset) {
+            console.log(preset);
             for(let k in tagpro.group.settings.defaults)
-                set(k, preset.hasOwnProperty(k) ?
+                tagpro.group.settings.set(
+                    k, preset.hasOwnProperty(k) ?
                        preset[k] : tagpro.group.settings.defaults[k]);
         },
         presets: [
@@ -57,4 +59,16 @@
             }
         ]
     };
+    
+    
+    // DOM manipulation, you'll probably want to do this in a more convenient way if you implement this :)
+    let presetSelector = $('<select class="form-control">');
+    $('#private-settings > .settings-map > .row').prepend($('<div class="col-sm-12 js-leader-only">').append(presetSelector));
+    for(let i=0; i<tagpro.group.settings.presets.length; ++i) {
+        let preset = tagpro.group.settings.presets[i];
+        presetSelector.append($('<option>').prop('value', i).text('Preset: ' + preset.name));
+    }
+    presetSelector.change(function() {
+        tagpro.group.settings.apply(tagpro.group.settings.presets[presetSelector.val()]);
+    });
 }
\ No newline at end of file

From 5c8956af3d523405af10d970f11ad6b48e047a25 Mon Sep 17 00:00:00 2001
From: Ruud Verbeek <ruud@arfie.nl>
Date: Mon, 28 Nov 2016 19:57:51 +0100
Subject: [PATCH 03/12] auto-detect selected preset on page load

---
 group/group_presets.js | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/group/group_presets.js b/group/group_presets.js
index 17df969..f79c425 100644
--- a/group/group_presets.js
+++ b/group/group_presets.js
@@ -21,6 +21,25 @@
         set: function(key, value) {
             tagpro.group.socket.emit('setting', {name: key, value: value});
         },
+        get: function(key) {
+            switch(key) {
+                case 'buffDelay':
+                    return $('input[name=buffDelay]').prop('checked');
+
+                case 'redTeamName':
+                case 'blueTeamName':
+                    return $('input[name=' + key + ']').val();
+
+                case 'redTeamScore':
+                    return $('#red-team .team-score-value').text();
+
+                case 'blueTeamScore':
+                    return $('#blue-team .team-score-value').text();
+
+                default:
+                    return $('select[name=' + key + ']').val();
+            }
+        },
         apply: function(preset) {
             console.log(preset);
             for(let k in tagpro.group.settings.defaults)
@@ -60,6 +79,7 @@
         ]
     };
     
+    let presetSelected = false;
     
     // DOM manipulation, you'll probably want to do this in a more convenient way if you implement this :)
     let presetSelector = $('<select class="form-control">');
@@ -67,7 +87,24 @@
     for(let i=0; i<tagpro.group.settings.presets.length; ++i) {
         let preset = tagpro.group.settings.presets[i];
         presetSelector.append($('<option>').prop('value', i).text('Preset: ' + preset.name));
+        
+        let selected = true;
+        for(let k in tagpro.group.settings.defaults) {
+            if(tagpro.group.settings.get(k) != (preset.hasOwnProperty(k) ? preset[k] : tagpro.group.settings.defaults[k])) {
+                selected = false;
+                break;
+            }
+        }
+        if(selected) {
+            presetSelected = true;
+            presetSelector.val(i);
+        }
     }
+    if(!presetSelected) {
+        let option = $('<option>').prop('value', -1).text('Preset: None');
+        presetSelector.prepend(option).val(-1);
+    }
+    
     presetSelector.change(function() {
         tagpro.group.settings.apply(tagpro.group.settings.presets[presetSelector.val()]);
     });

From fc9c84b9f0dbf76fda6bd32f2cc2f4a8d16f8205 Mon Sep 17 00:00:00 2001
From: Ruud Verbeek <ruud@arfie.nl>
Date: Mon, 28 Nov 2016 19:59:47 +0100
Subject: [PATCH 04/12] lambdas

---
 group/group_presets.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/group/group_presets.js b/group/group_presets.js
index f79c425..a8d65d6 100644
--- a/group/group_presets.js
+++ b/group/group_presets.js
@@ -18,10 +18,10 @@
             buffDelay: false,
             potatoTime: "0"
         },
-        set: function(key, value) {
+        set: (key, value) => {
             tagpro.group.socket.emit('setting', {name: key, value: value});
         },
-        get: function(key) {
+        get: key => {
             switch(key) {
                 case 'buffDelay':
                     return $('input[name=buffDelay]').prop('checked');
@@ -40,7 +40,7 @@
                     return $('select[name=' + key + ']').val();
             }
         },
-        apply: function(preset) {
+        apply: preset => {
             console.log(preset);
             for(let k in tagpro.group.settings.defaults)
                 tagpro.group.settings.set(
@@ -105,7 +105,7 @@
         presetSelector.prepend(option).val(-1);
     }
     
-    presetSelector.change(function() {
+    presetSelector.change(() => {
         tagpro.group.settings.apply(tagpro.group.settings.presets[presetSelector.val()]);
     });
 }
\ No newline at end of file

From 0c24ebb347a5d087e027b55be64bfb5ccc0d8e5f Mon Sep 17 00:00:00 2001
From: Ruud Verbeek <ruud@arfie.nl>
Date: Mon, 28 Nov 2016 20:00:12 +0100
Subject: [PATCH 05/12] prevent error on reselecting "none" preset

---
 group/group_presets.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/group/group_presets.js b/group/group_presets.js
index a8d65d6..5cade47 100644
--- a/group/group_presets.js
+++ b/group/group_presets.js
@@ -106,6 +106,9 @@
     }
     
     presetSelector.change(() => {
-        tagpro.group.settings.apply(tagpro.group.settings.presets[presetSelector.val()]);
+        let i = presetSelector.val();
+        if(i < 0)
+            return;
+        tagpro.group.settings.apply(tagpro.group.settings.presets[i]);
     });
 }
\ No newline at end of file

From 846be903ea5a5306607d3ab6ec9c816d8d4cc4f5 Mon Sep 17 00:00:00 2001
From: Ruud Verbeek <ruud@arfie.nl>
Date: Mon, 28 Nov 2016 20:17:26 +0100
Subject: [PATCH 06/12] detect preset when setting is changed

---
 group/group_presets.js | 48 ++++++++++++++++++++++++++----------------
 1 file changed, 30 insertions(+), 18 deletions(-)

diff --git a/group/group_presets.js b/group/group_presets.js
index 5cade47..beb6ec9 100644
--- a/group/group_presets.js
+++ b/group/group_presets.js
@@ -79,7 +79,24 @@
         ]
     };
     
-    let presetSelected = false;
+    let detectPreset = () => {
+        let presetSelected = false;
+        for(let i=0; i<tagpro.group.settings.presets.length; ++i) {
+            let preset = tagpro.group.settings.presets[i], selected = true;
+            for(let k in tagpro.group.settings.defaults) {
+                if(tagpro.group.settings.get(k) != (preset.hasOwnProperty(k) ? preset[k] : tagpro.group.settings.defaults[k])) {
+                    selected = false;
+                    break;
+                }
+            }
+            if(selected) {
+                presetSelected = true;
+                presetSelector.val(i);
+            }
+        }
+        if(!presetSelected)
+            presetSelector.val(-1);
+    };
     
     // DOM manipulation, you'll probably want to do this in a more convenient way if you implement this :)
     let presetSelector = $('<select class="form-control">');
@@ -87,22 +104,6 @@
     for(let i=0; i<tagpro.group.settings.presets.length; ++i) {
         let preset = tagpro.group.settings.presets[i];
         presetSelector.append($('<option>').prop('value', i).text('Preset: ' + preset.name));
-        
-        let selected = true;
-        for(let k in tagpro.group.settings.defaults) {
-            if(tagpro.group.settings.get(k) != (preset.hasOwnProperty(k) ? preset[k] : tagpro.group.settings.defaults[k])) {
-                selected = false;
-                break;
-            }
-        }
-        if(selected) {
-            presetSelected = true;
-            presetSelector.val(i);
-        }
-    }
-    if(!presetSelected) {
-        let option = $('<option>').prop('value', -1).text('Preset: None');
-        presetSelector.prepend(option).val(-1);
     }
     
     presetSelector.change(() => {
@@ -110,5 +111,16 @@
         if(i < 0)
             return;
         tagpro.group.settings.apply(tagpro.group.settings.presets[i]);
+        presetSelector.find('option[value=-1]').remove();
+    });
+    
+    /*
+     * The setting packets sent when applying a preset cause an annoying stutter in the preset field.
+     * This is an ugly way of preventing that. I'm sorry.
+     */
+    let detectTimeout = setTimeout(detectPreset, 0);
+    tagpro.group.socket.on('setting', () => {
+        clearTimeout(detectTimeout);
+        detectTimeout = setTimeout(detectPreset, 100);
     });
-}
\ No newline at end of file
+}

From 3d0ad5d282e672fcbd49c03ec6cc6dbce66fcdc5 Mon Sep 17 00:00:00 2001
From: Ruud Verbeek <ruud@arfie.nl>
Date: Mon, 28 Nov 2016 20:20:30 +0100
Subject: [PATCH 07/12] add testing preset

---
 group/group_presets.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/group/group_presets.js b/group/group_presets.js
index beb6ec9..b4ff061 100644
--- a/group/group_presets.js
+++ b/group/group_presets.js
@@ -75,6 +75,15 @@
                 time: '5',
                 caps: '3',
                 playerRespawnTime: '1000'
+            },
+            {
+                name: 'Testing',
+                time: '20',
+                caps: '0',
+                speedPadRespawnTime: '1000',
+                dynamiteRespawnTime: '1000',
+                buffRespawnTime: '1000',
+                playerRespawnTime: '1000'
             }
         ]
     };

From 0c3a59aea1491ab960c31e3f4fe9cf20445d5627 Mon Sep 17 00:00:00 2001
From: Ruud Verbeek <ruud@arfie.nl>
Date: Mon, 28 Nov 2016 20:21:58 +0100
Subject: [PATCH 08/12] move detectPreset method to more sensible place in code

---
 group/group_presets.js | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/group/group_presets.js b/group/group_presets.js
index b4ff061..20c5e50 100644
--- a/group/group_presets.js
+++ b/group/group_presets.js
@@ -88,6 +88,22 @@
         ]
     };
     
+    // DOM manipulation, you'll probably want to do this in a more convenient way if you implement this :)
+    let presetSelector = $('<select class="form-control">');
+    $('#private-settings > .settings-map > .row').prepend($('<div class="col-sm-12 js-leader-only">').append(presetSelector));
+    for(let i=0; i<tagpro.group.settings.presets.length; ++i) {
+        let preset = tagpro.group.settings.presets[i];
+        presetSelector.append($('<option>').prop('value', i).text('Preset: ' + preset.name));
+    }
+    
+    presetSelector.change(() => {
+        let i = presetSelector.val();
+        if(i < 0)
+            return;
+        tagpro.group.settings.apply(tagpro.group.settings.presets[i]);
+        presetSelector.find('option[value=-1]').remove();
+    });
+    
     let detectPreset = () => {
         let presetSelected = false;
         for(let i=0; i<tagpro.group.settings.presets.length; ++i) {
@@ -107,22 +123,6 @@
             presetSelector.val(-1);
     };
     
-    // DOM manipulation, you'll probably want to do this in a more convenient way if you implement this :)
-    let presetSelector = $('<select class="form-control">');
-    $('#private-settings > .settings-map > .row').prepend($('<div class="col-sm-12 js-leader-only">').append(presetSelector));
-    for(let i=0; i<tagpro.group.settings.presets.length; ++i) {
-        let preset = tagpro.group.settings.presets[i];
-        presetSelector.append($('<option>').prop('value', i).text('Preset: ' + preset.name));
-    }
-    
-    presetSelector.change(() => {
-        let i = presetSelector.val();
-        if(i < 0)
-            return;
-        tagpro.group.settings.apply(tagpro.group.settings.presets[i]);
-        presetSelector.find('option[value=-1]').remove();
-    });
-    
     /*
      * The setting packets sent when applying a preset cause an annoying stutter in the preset field.
      * This is an ugly way of preventing that. I'm sorry.

From 2fa8989fa614b2df3818be5f56494e3ce7aaa39a Mon Sep 17 00:00:00 2001
From: Ruud Verbeek <ruud@arfie.nl>
Date: Mon, 28 Nov 2016 20:33:04 +0100
Subject: [PATCH 09/12] readme

---
 group/group_presets.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/group/group_presets.js b/group/group_presets.js
index 20c5e50..4278591 100644
--- a/group/group_presets.js
+++ b/group/group_presets.js
@@ -1,3 +1,14 @@
+/*
+ * Group Presets by Ruud
+ * =====================
+ * 
+ * Creates a select box on the private settings, allowing the
+ * group leader to select a predefined set of settings.
+ * Available presets are PUG (defined as halves in ELTP rules),
+ * Hockey (really just a PUG on hockey), OFM (5 mins OFM), Duel
+ * (5 mins, 3 caps, 1s player respawn duel) and Testing (20 mins,
+ * infinite caps, 1s respawn times).
+ */
 {
     tagpro.group.settings = {
         defaults: {

From 73771be3582f9806cedf00773023219048631a56 Mon Sep 17 00:00:00 2001
From: Ruud Verbeek <ruud@arfie.nl>
Date: Mon, 28 Nov 2016 20:33:38 +0100
Subject: [PATCH 10/12] remove hockey preset

because it's really just a PUG
---
 group/group_presets.js | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/group/group_presets.js b/group/group_presets.js
index 4278591..9841271 100644
--- a/group/group_presets.js
+++ b/group/group_presets.js
@@ -5,9 +5,8 @@
  * Creates a select box on the private settings, allowing the
  * group leader to select a predefined set of settings.
  * Available presets are PUG (defined as halves in ELTP rules),
- * Hockey (really just a PUG on hockey), OFM (5 mins OFM), Duel
- * (5 mins, 3 caps, 1s player respawn duel) and Testing (20 mins,
- * infinite caps, 1s respawn times).
+ * OFM (5 mins OFM), Duel (5 mins, 3 caps, 1s player respawn duel)
+ * and Testing (20 mins, infinite caps, 1s respawn times).
  */
 {
     tagpro.group.settings = {
@@ -68,13 +67,6 @@
                 time: 10,
                 buffDelay: true
             },
-            {
-                name: 'Hockey',
-                map: 'Hockey',
-                caps: 0,
-                time: 10,
-                buffDelay: true
-            },
             {
                 name: 'Open Field Masters',
                 map: 'OFM',

From 697ec4d9f1db0bcf4cd3108d51d6bd0fb84dc4b3 Mon Sep 17 00:00:00 2001
From: Ruud Verbeek <ruud@arfie.nl>
Date: Mon, 28 Nov 2016 20:50:41 +0100
Subject: [PATCH 11/12] add group_chat_urls.js

---
 group/group_chat_urls.js | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 group/group_chat_urls.js

diff --git a/group/group_chat_urls.js b/group/group_chat_urls.js
new file mode 100644
index 0000000..780e588
--- /dev/null
+++ b/group/group_chat_urls.js
@@ -0,0 +1,26 @@
+/*
+ * Group Chat URLs by Ruud
+ * =======================
+ *
+ * Makes URLs posted in group chat clickable.
+ * I recommend just taking the important lines and
+ * stuffing them into the existing chat callback
+ * because this is awful and probably breaks existing scripts.
+ */
+{
+    tagpro.group.socket._callbacks.chat[0] = e => {
+        e.message = e.message.replace(/[<>]/g, x => {
+            return x == '<' ? '&lt;' : '&gt;';
+        }).replace(/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)/g, url => {
+            return '<a target="_blank" href="' + url + '">' + url + '</a>';
+        });
+        
+        // took this from the minified gobal-group.js
+        var t = $(".js-chat-log");
+        if (e.from)
+            var n = $("<span></span>").addClass("player-name").text(e.from + ": ");
+        var r = $("<span></span>").html(e.message).addClass("chat-message");
+        $("<div></div>").addClass("chat-line").append(n).append(r).appendTo(t),
+        t.scrollTop(t.get(0).scrollHeight)
+    };
+}
\ No newline at end of file

From 2322daf466e40e287af563f1221f8bf6ef8c1233 Mon Sep 17 00:00:00 2001
From: Ruud Verbeek <ruud@arfie.nl>
Date: Tue, 29 Nov 2016 00:05:39 +0100
Subject: [PATCH 12/12] server switcher

---
 group/server_switcher.js | 157 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 157 insertions(+)
 create mode 100644 group/server_switcher.js

diff --git a/group/server_switcher.js b/group/server_switcher.js
new file mode 100644
index 0000000..5990b26
--- /dev/null
+++ b/group/server_switcher.js
@@ -0,0 +1,157 @@
+/*
+ * Group Server Switcher by Ruud
+ * =============================
+ * 
+ * This script adds a select box to the group screen
+ * which allows the group leader to create a group on
+ * another server with the same settings.
+ * The URL of the new group is then sent to the old
+ * group as a chat message.
+ *
+ * Requires some methods from group_presets.js.
+ */
+{
+    let getCookie = (name, def) => {
+        var n = $.cookie(name);
+        $.removeCookie(name);
+        var r = $.cookie(name) === undefined;
+        if(n === undefined || r)
+            $.cookie(name, n || def, {
+                expires: 36500,
+                path: "/",
+                domain: tagpro.cookieHost
+            });
+        return n || def;
+    };
+     
+    let setCookie = (name, value) => {
+        $.removeCookie(name);
+        $.cookie(name, value, {domain: tagpro.cookieHost, path: '/', expires: 36500});
+    };
+
+    let ping = (server, callback) => {
+        if(server.url.endsWith('.koalabeast.com'))
+            $.ajax({
+                url:'http://'+server.url+'/stats?callback=?',
+                timeout:1000,
+                success:function(response) {
+                    server.players = response.players;
+                    server.error = false;
+                    callback(server);
+                },
+                error:function() {
+                    server.error = true;
+                    callback(server);
+                },
+                dataType:'json'
+            });
+    };
+
+    let servers = {
+        Regular: {
+            Chord: {name: 'Chord', url: 'tagpro-chord.koalabeast.com'},
+            Orbit: {name: 'Orbit', url: 'tagpro-orbit.koalabeast.com'},
+            Diameter: {name: 'Diameter', url: 'tagpro-diameter.koalabeast.com'},
+            Pi: {name: 'Pi', url: 'tagpro-pi.koalabeast.com'},
+            Radius: {name: 'Radius', url: 'tagpro-radius.koalabeast.com'},
+            Origin: {name: 'Origin', url: 'tagpro-origin.koalabeast.com'},
+            Sphere: {name: 'Sphere', url: 'tagpro-sphere.koalabeast.com'},
+            Centra: {name: 'Centra', url: 'tagpro-centra.koalabeast.com'}
+        },
+        Testing: {
+            Tangent: {name: 'Tangent', url: 'tangent.jukejuice.com'},
+            Maptest: {name: 'Maptest', url: 'tagpro-maptest.koalabeast.com'},
+            NC1: {name: 'NC Europe', url: 'maptest.newcompte.fr'},
+            NC2: {name: 'NC US East', url: 'maptest2.newcompte.fr'},
+            NC3: {name: 'NC US West', url: 'maptest3.newcompte.fr'},
+            NC4: {name: 'NC Oceanic', url: 'oceanic.newcompte.fr'}
+        }
+    };
+    
+    // ugly DOM editing again, pls implement in a better fashion
+    let newGroupForm = 
+        $('<form>')
+            .attr('method', 'POST')
+            .attr('target', '_blank')
+            .append($('<input>')
+                .attr('name','name'))
+            .append($('<input>')
+                .attr('type','checkbox')
+                .attr('name','public'));
+
+    $('.group-settings.pull-right')
+        .append($('<label>')
+            .prop('for', 'switchServerSelect')
+            .addClass('btn')
+            .addClass('btn-default')
+            .addClass('group-setting')
+            .css('padding', '0')
+            .append($('<select>')
+                .addClass('js-leader-only')
+                .attr('id', 'switchServerSelect')
+                .css({
+                    'background-color': 'transparent',
+                    'border': '0',
+                    'cursor': 'pointer',
+                    'height': '35px'
+                })
+                .append($('<option>')
+                    .attr('value', '')
+                    .text('Switch Server...'))));
+
+    for(let type in servers) {
+        let optgroup = $('<optgroup>')
+            .attr('label', type)
+            .css('color', 'black');
+
+        for(let server in servers[type]) if(servers[type][server].url !== tagpro.serverHost) {
+            let option = $('<option>')
+                .attr('value', servers[type][server].url)
+                .text(servers[type][server].name)
+                .css('color', 'black')
+                .appendTo(optgroup);
+
+            ping(servers[type][server], x => {
+                $('option[value="' + x.url + '"]')
+                    .text(x.name + (x.error ? '' : ' (' + x.players + (x.players === 1 ? ' player' : ' players') + ')'));
+            });
+        }
+        optgroup.appendTo('#switchServerSelect');
+    }
+
+    $('#switchServerSelect').change(() => {
+        let transferredSettings = {
+            private: $('.group.container').hasClass('js-private-game')
+        };
+        
+        for(let k in tagpro.group.settings.defaults) {
+            let v = tagpro.group.settings.get(k);
+            if(v != tagpro.group.settings.defaults[k])
+                transferredSettings[k] = v;
+        }
+        
+        setCookie('transferredSettings', btoa(JSON.stringify(transferredSettings)));
+        setCookie('previousGroup', 'http://' + tagpro.socketHost + tagpro.group.socket.nsp);
+        newGroupForm.find('[name=name]').val($('[name=groupName]').val());
+        newGroupForm.attr('action', 'http://' + $('#switchServerSelect').val() + '/groups/create').submit();
+        $('#switchServerSelect').val('');
+    });
+
+    if(getCookie('transferredSettings', false)) {
+        let transferredSettings = JSON.parse(atob(getCookie('transferredSettings', {})));
+        setCookie('transferredSettings', '');
+        
+        for(let key in transferredSettings)
+            tagpro.group.socket.emit('setting', {name: key, value: transferredSettings[key]});
+
+        if(transferredSettings.private)
+            $('.switch-to-pug').click();
+        
+        let s = io.connect(getCookie('previousGroup', ''));
+        s.on('connect', () => {
+            s.emit('chat', document.location.href);
+            s.close();
+        });
+        setCookie('previousGroup', '');
+    }
+}
\ No newline at end of file