From be5183260e5498ff2aa6651b7af5b5bdd5cdfda3 Mon Sep 17 00:00:00 2001
From: amcmanu3 <mcdeweykp@gmail.com>
Date: Tue, 30 May 2023 14:06:41 -0400
Subject: [PATCH] Fix banned players formatting

---
 .../templates/panel/parts/details_stats.html  |  4 ++--
 .../templates/panel/parts/server_players.html | 24 ++++++++++++++++---
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/app/frontend/templates/panel/parts/details_stats.html b/app/frontend/templates/panel/parts/details_stats.html
index 568cf33b..47fa501d 100644
--- a/app/frontend/templates/panel/parts/details_stats.html
+++ b/app/frontend/templates/panel/parts/details_stats.html
@@ -232,7 +232,7 @@
         let players = server.players_cache;
         for(let i=0; i < players.length; i++){
             text += `<tr id="playerItem-${ players[i]["name"] }" class="playerItem--" style="text-align: center;">`;
-            text += `<td style="overflow: scroll;"><strong>${players[i]["name"]}</strong></td>`;
+            text += `<td class="no-scroll" style="overflow: scroll;"><strong>${players[i]["name"]}</strong></td>`;
             if(players[i]["status"] === "Online"){
                 text += `<td><span class="text-success"><i class="fas fa-signal"></i> ${ players[i]['status'] }</span></td>`
             }else{
@@ -241,7 +241,7 @@
             if(server["running"]){
                 text += `<td><button onclick="send_command_to_server('ban ${ players[i]['name'] }')" type="button" class="btn btn-danger controls">Ban</button><br class="mobile-break"><button onclick="send_command_to_server('kick ${ players[i]['name'] }')" type="button" class="btn btn-outline-danger controls">Kick</button><br><button onclick="send_command_to_server('op ${ players[i]['name'] }')" type="button" class="btn btn-warning controls">OP</button><br class="mobile-break"><button onclick="send_command_to_server('deop ${ players[i]['name'] }')" type="button" class="btn btn-outline-warning controls">De-OP</button></td>`
             }else{
-                text += `<td><span> Unavailable (Server Offline)</span></td>`
+                text += `<td><span> Unavailable<br> (Server Offline)</span></td>`
             }
 
         }
diff --git a/app/frontend/templates/panel/parts/server_players.html b/app/frontend/templates/panel/parts/server_players.html
index 3e879665..df059e95 100644
--- a/app/frontend/templates/panel/parts/server_players.html
+++ b/app/frontend/templates/panel/parts/server_players.html
@@ -29,7 +29,7 @@
                     <br class="mobile-break"/>
                     <button onclick="send_command_to_server(`deop {{ player['name'] }}`)" type="button" class="btn btn-outline-warning controls">De-OP</button>
                     {% else %}
-                    <span> Unavailable (Server Offline)</span>
+                    <span> Unavailable <br>(Server Offline)</span>
                     {% end %}
                 </td>
             </tr>
@@ -51,9 +51,9 @@
         width: 70px;
     }
 </style>
-<div class="col-xl-6 col-lg-12 col-md-12 col-sm-12">
+<div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 no-scroll" width="100%">
     <h2>{{ translate('serverPlayerManagement', 'bannedPlayers', data['lang']) }}:</h2>
-    <table class="table table-sm-responsive">
+    <table class="table table-sm-responsive d-none d-lg-block no-scroll" style="width: 100%;">
         <thead class="thead">
             <tr>
                 <th scope="col">Player</th>
@@ -75,4 +75,22 @@
             {% end %}
         </tbody>
     </table>
+    <table class="table table-sm-responsive d-block d-lg-none" style="width: 100%;">
+        <thead class="thead ">
+            <tr>
+                <th scope="col">Player</th>
+                <th scope="col">Actions</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for player in data['banned_players'] %}
+            <tr id="playerItem-{{ player }}" class="playerItem--">
+                <td><strong> {{ player['name'] }}</strong></td>
+                <td class="buttons">
+                    <button onclick="send_command_to_server(`pardon {{ player['name'] }} `)" type="button" class="btn btn-danger">Unban</button>
+                </td>
+            </tr>
+            {% end %}
+        </tbody>
+    </table>
 </div>
\ No newline at end of file