From d61c675bd21a9dc8afaf4f889d0c58225a1d6efb Mon Sep 17 00:00:00 2001
From: Whinis <whinis@whinis.com>
Date: Thu, 11 Apr 2024 20:59:38 -0400
Subject: [PATCH] Added a link/button on the TS page that will show/hide
 instructions if the join buttons does not work

---
 .../services/teamspeak3/teamspeakjoin.html    | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/allianceauth/services/modules/teamspeak3/templates/services/teamspeak3/teamspeakjoin.html b/allianceauth/services/modules/teamspeak3/templates/services/teamspeak3/teamspeakjoin.html
index 958005de..d9c3d412 100644
--- a/allianceauth/services/modules/teamspeak3/templates/services/teamspeak3/teamspeakjoin.html
+++ b/allianceauth/services/modules/teamspeak3/templates/services/teamspeak3/teamspeakjoin.html
@@ -14,6 +14,25 @@
             <div class="col-md-4">
                 <a href="ts3server://{{ public_url }}?token={{ authinfo.teamspeak3_perm_key }}&nickname={{ authinfo.teamspeak3_uid }}" class="btn btn-primary btn-block btn-lg" title="Join">{% translate "Join Server" %}</a>
                 <br>
+                <div class="bg-body-tertiary text-center">
+                    <a href="#" onclick="document.getElementById('tokenDiv').classList.toggle('hidden');">{% translate "Join button not working, click here?" %}</a>
+                </div>
+                <div class="hidden text-center" id="tokenDiv">
+                    <p>
+                        {% translate "TS3:"%} <br/>
+                        {% translate "Connect to "%}{{ public_url }} <br/>
+                        {% translate "Click the Permissions in the top toolbar"%} <br/>
+                        {% translate "Select Use Privilege Key"%} <br/>
+                        {% translate "Enter "%}{{ authinfo.teamspeak3_perm_key }}
+                    </p>
+                    <p>
+                        {% translate "TS5: "%} <br/>
+                        {% translate "Connect to "%}{{ public_url }} <br/>
+                        {% translate "Right click the server"%} <br/>
+                        {% translate "Select Use Privilege Key"%} <br/>
+                        {% translate "Enter "%}{{ authinfo.teamspeak3_perm_key }}
+                    </p>
+                </div>
                 <form class="form-signin" role="form" action="{% url 'teamspeak3:verify' %}" method="POST">
                     {% csrf_token %}