Add IP debug to the login modal (#114)

This commit is contained in:
Wruczek
2019-03-01 06:12:11 +01:00
parent 6cff15964f
commit 119443bbe8
2 changed files with 25 additions and 8 deletions

View File

@@ -11,24 +11,24 @@
</div>
<div class="modal-body">
{* Error loading data alert *}
<!-- Error loading data alert -->
<div class="error-generic alert alert-danger" role="alert" style="display: none">
<i class="fas fa-exclamation-circle"></i>
Error loading login data. Is the server offline?
</div>
{* Error sending code alert *}
<!-- Error sending code alert -->
<div class="error-sendingcode alert alert-danger" role="alert" style="display: none">
<i class="fas fa-exclamation-circle"></i>
Error sending you the code. Are you online? Does the bot have permissions to poke you?
</div>
{* Loader *}
<!-- Loader -->
<div class="status-loader position-relative p-3">
<div class="loader"></div>
</div>
{* Not connected to the server message *}
<!-- Not connected to the server message -->
<div class="not-connected text-center" style="display: none">
<h3>Not connected</h3>
<p>Connect to <a href="ts3server://{$config["query_displayip"]}">{$config["query_displayip"]}</a> and wait ±30 seconds.<br>The website will auto-refresh.</p>
@@ -41,9 +41,17 @@
</p>
<!-- <p class="mb-0">Still not working? Try <a href="#">other login methods</a></p> -->
<!-- Show a small IP debug -->
{var utils = Wruczek\TSWebsite\Utils\Utils::class}
<span class="loginDebugInfo"
data-toggle="tooltip"
data-html="true" title="Debug info: Your IP<br>Raw: {$utils::getClientIp(false)}<br>CF: {$utils::getClientIp(true)}">
&pi;
</span>
</div>
{* Account selector, if we have more than 2 accounts on the same IP address *}
<!-- Account selector, if we have more than 2 accounts on the same IP address -->
<div class="select-account text-center" style="display: none">
<h3 class="mb-3">Select your account</h3>
@@ -58,7 +66,7 @@
</div>
</div>
{* Confirmation code form *}
<!-- Confirmation code form -->
<div class="confirmation-code text-center" style="display: none">
<h3>Enter your code</h3>
<p>We have send a confirmation code to <b class="selected-nickname"></b>.</p>