From 177d99e00294ee3565e81648656c42d45bccee8a Mon Sep 17 00:00:00 2001
From: amcmanu3 <mcdeweykp@gmail.com>
Date: Tue, 21 Jun 2022 15:59:34 -0400
Subject: [PATCH] Add mobile menu to pages without it

---
 .../templates/panel/server_config.html        | 170 +++++++++---------
 .../templates/panel/server_files.html         |  17 +-
 app/frontend/templates/panel/server_logs.html |  46 +++--
 3 files changed, 127 insertions(+), 106 deletions(-)

diff --git a/app/frontend/templates/panel/server_config.html b/app/frontend/templates/panel/server_config.html
index b2c02416..3c107d30 100644
--- a/app/frontend/templates/panel/server_config.html
+++ b/app/frontend/templates/panel/server_config.html
@@ -32,7 +32,12 @@
     <div class="col-sm-12 grid-margin">
       <div class="card">
         <div class="card-body  pt-0">
-          {% include "parts/server_controls_list.html" %}
+          <span class="d-none d-sm-block">
+            {% include "parts/server_controls_list.html %}
+          </span>
+          <span class="d-block d-sm-none">
+            {% include "parts/m_server_controls_list.html %}
+          </span>
 
           <div class="row">
             <div class="col-md-6 col-sm-12">
@@ -82,14 +87,15 @@
                 {% if data['server_stats']['server_type'] == "minecraft-java" %}
                 <div class="form-group">
                   <label for="java_selection">{{ translate('serverConfig', 'javaVersion', data['lang']) }}
-                    <small class="text-muted ml-1">{{ translate('serverConfig', 'javaVersionDesc', data['lang']) }}</small>
+                    <small class="text-muted ml-1">{{ translate('serverConfig', 'javaVersionDesc', data['lang'])
+                      }}</small>
                   </label>
                   <select class="form-select form-control form-control-lg select-css" id="java_selection"
                     name="java_selection" form="config_form">
                     <option value="">{{ translate('serverConfig',
                       'javaNoChange', data['lang'])}}</option>
                     {% for path in data['java_versions'] %}
-                      <option value="{{path}}">{{path}}</option>
+                    <option value="{{path}}">{{path}}</option>
                     {% end %}
                   </select>
                 </div>
@@ -106,94 +112,94 @@
                 </div>
                 {% else %}
                 <label for="execution_command">{{ translate('serverConfig', 'serverExecutionCommand', data['lang']) }}
-                <div class="card-header header-sm d-flex justify-content-between align-items-center">
-                  <span style="color: gray;">{{ data['server_stats']['server_id']['execution_command']  }}</span> 🔒
-                </div>
-                <br>
-                {% end %}
+                  <div class="card-header header-sm d-flex justify-content-between align-items-center">
+                    <span style="color: gray;">{{ data['server_stats']['server_id']['execution_command'] }}</span> 🔒
+                  </div>
+                  <br>
+                  {% end %}
 
-                <div class="form-group">
-                  <label for="stop_command">{{ translate('serverConfig', 'serverStopCommand', data['lang']) }} <small
-                      class="text-muted ml-1"> - {{ translate('serverConfig', 'serverStopCommandDesc', data['lang'])
-                      }}</small> </label>
-                  <input type="text" class="form-control" name="stop_command" id="stop_command"
-                    value="{{ data['server_stats']['server_id']['stop_command']  }}"
-                    placeholder="{{ translate('serverConfig', 'serverStopCommand', data['lang']) }}" required>
-                </div>
+                  <div class="form-group">
+                    <label for="stop_command">{{ translate('serverConfig', 'serverStopCommand', data['lang']) }} <small
+                        class="text-muted ml-1"> - {{ translate('serverConfig', 'serverStopCommandDesc', data['lang'])
+                        }}</small> </label>
+                    <input type="text" class="form-control" name="stop_command" id="stop_command"
+                      value="{{ data['server_stats']['server_id']['stop_command']  }}"
+                      placeholder="{{ translate('serverConfig', 'serverStopCommand', data['lang']) }}" required>
+                  </div>
 
-                <div class="form-group">
-                  <label for="auto_start_delay">{{ translate('serverConfig', 'serverAutostartDelay', data['lang']) }}
-                    <small class="text-muted ml-1"> - {{ translate('serverConfig', 'serverAutostartDelayDesc',
-                      data['lang']) }}</small> </label>
-                  <input type="number" class="form-control" name="auto_start_delay" id="auto_start_delay"
-                    value="{{ data['server_stats']['server_id']['auto_start_delay']  }}" step="1" max="999" min="10"
-                    required>
-                </div>
+                  <div class="form-group">
+                    <label for="auto_start_delay">{{ translate('serverConfig', 'serverAutostartDelay', data['lang']) }}
+                      <small class="text-muted ml-1"> - {{ translate('serverConfig', 'serverAutostartDelayDesc',
+                        data['lang']) }}</small> </label>
+                    <input type="number" class="form-control" name="auto_start_delay" id="auto_start_delay"
+                      value="{{ data['server_stats']['server_id']['auto_start_delay']  }}" step="1" max="999" min="10"
+                      required>
+                  </div>
 
-                {% if data['super_user'] %}
-                <div class="form-group">
-                  <label for="executable_update_url">{{ translate('serverConfig', 'exeUpdateURL', data['lang']) }}
-                    <small class="text-muted ml-1"> - {{ translate('serverConfig', 'exeUpdateURLDesc', data['lang'])
-                      }}</small> </label>
-                  <input type="text" class="form-control" name="executable_update_url" id="executable_update_url"
-                    value="{{ data['server_stats']['server_id']['executable_update_url']  }}"
-                    placeholder="{{ translate('serverConfig', 'exeUpdateURL', data['lang']) }}">
-                </div>
+                  {% if data['super_user'] %}
+                  <div class="form-group">
+                    <label for="executable_update_url">{{ translate('serverConfig', 'exeUpdateURL', data['lang']) }}
+                      <small class="text-muted ml-1"> - {{ translate('serverConfig', 'exeUpdateURLDesc', data['lang'])
+                        }}</small> </label>
+                    <input type="text" class="form-control" name="executable_update_url" id="executable_update_url"
+                      value="{{ data['server_stats']['server_id']['executable_update_url']  }}"
+                      placeholder="{{ translate('serverConfig', 'exeUpdateURL', data['lang']) }}">
+                  </div>
 
-                <div class="form-group">
-                  <label for="server_ip">{{ translate('serverConfig', 'serverIP', data['lang']) }} <small
-                      class="text-muted ml-1">- {{ translate('serverConfig', 'serverIPDesc', data['lang']) }}</small>
-                  </label>
-                  <input type="text" class="form-control" name="server_ip" id="server_ip"
-                    value="{{ data['server_stats']['server_id']['server_ip']  }}" required>
-                </div>
+                  <div class="form-group">
+                    <label for="server_ip">{{ translate('serverConfig', 'serverIP', data['lang']) }} <small
+                        class="text-muted ml-1">- {{ translate('serverConfig', 'serverIPDesc', data['lang']) }}</small>
+                    </label>
+                    <input type="text" class="form-control" name="server_ip" id="server_ip"
+                      value="{{ data['server_stats']['server_id']['server_ip']  }}" required>
+                  </div>
 
-                <div class="form-group">
-                  <label for="server_port">{{ translate('serverConfig', 'serverPort', data['lang']) }} <small
-                      class="text-muted ml-1"> - {{ translate('serverConfig', 'serverPortDesc', data['lang']) }}
-                    </small> </label>
-                  <input type="number" class="form-control" name="server_port" id="server_port"
-                    value="{{ data['server_stats']['server_id']['server_port']  }}" step="1" max="65566" min="1"
-                    required>
-                </div>
-                {% end %}
+                  <div class="form-group">
+                    <label for="server_port">{{ translate('serverConfig', 'serverPort', data['lang']) }} <small
+                        class="text-muted ml-1"> - {{ translate('serverConfig', 'serverPortDesc', data['lang']) }}
+                      </small> </label>
+                    <input type="number" class="form-control" name="server_port" id="server_port"
+                      value="{{ data['server_stats']['server_id']['server_port']  }}" step="1" max="65566" min="1"
+                      required>
+                  </div>
+                  {% end %}
 
-                <div class="form-group">
-                  <label for="logs_delete_after">{{ translate('serverConfig', 'removeOldLogsAfter', data['lang']) }}
-                    <small class="text-muted ml-1"> - {{ translate('serverConfig', 'removeOldLogsAfterDesc',
-                      data['lang']) }}</small> </label>
-                  <input type="number" class="form-control" name="logs_delete_after" id="logs_delete_after"
-                    value="{{ data['server_stats']['server_id']['logs_delete_after']  }}" step="1" max="365" min="0"
-                    required>
-                </div>
+                  <div class="form-group">
+                    <label for="logs_delete_after">{{ translate('serverConfig', 'removeOldLogsAfter', data['lang']) }}
+                      <small class="text-muted ml-1"> - {{ translate('serverConfig', 'removeOldLogsAfterDesc',
+                        data['lang']) }}</small> </label>
+                    <input type="number" class="form-control" name="logs_delete_after" id="logs_delete_after"
+                      value="{{ data['server_stats']['server_id']['logs_delete_after']  }}" step="1" max="365" min="0"
+                      required>
+                  </div>
 
-                <div class="form-check-flat">
-                  <label for="auto_start" class="form-check-label ml-4 mb-4">
-                    {% if data['server_stats']['server_id']['auto_start'] %}
-                    <input type="checkbox" class="form-check-input" id="auto_start" name="auto_start" checked=""
-                      value="1">{{ translate('serverConfig', 'serverAutoStart', data['lang']) }}
-                    {% else %}
-                    <input type="checkbox" class="form-check-input" id="auto_start" name="auto_start" value="1">{{
-                    translate('serverConfig', 'serverAutoStart', data['lang']) }}
-                    {% end %}
-                  </label>
+                  <div class="form-check-flat">
+                    <label for="auto_start" class="form-check-label ml-4 mb-4">
+                      {% if data['server_stats']['server_id']['auto_start'] %}
+                      <input type="checkbox" class="form-check-input" id="auto_start" name="auto_start" checked=""
+                        value="1">{{ translate('serverConfig', 'serverAutoStart', data['lang']) }}
+                      {% else %}
+                      <input type="checkbox" class="form-check-input" id="auto_start" name="auto_start" value="1">{{
+                      translate('serverConfig', 'serverAutoStart', data['lang']) }}
+                      {% end %}
+                    </label>
 
-                  <label for="crash_detection" class="form-check-label ml-4 mb-4">
-                    {% if data['server_stats']['server_id']['crash_detection'] %}
-                    <input type="checkbox" class="form-check-input" id="crash_detection" name="crash_detection"
-                      checked="" value="1">{{ translate('serverConfig', 'serverCrashDetection', data['lang']) }}
-                    {% else %}
-                    <input type="checkbox" class="form-check-input" id="crash_detection" name="crash_detection"
-                      value="1">{{ translate('serverConfig', 'serverCrashDetection', data['lang']) }}
-                    {% end %}
-                  </label>
+                    <label for="crash_detection" class="form-check-label ml-4 mb-4">
+                      {% if data['server_stats']['server_id']['crash_detection'] %}
+                      <input type="checkbox" class="form-check-input" id="crash_detection" name="crash_detection"
+                        checked="" value="1">{{ translate('serverConfig', 'serverCrashDetection', data['lang']) }}
+                      {% else %}
+                      <input type="checkbox" class="form-check-input" id="crash_detection" name="crash_detection"
+                        value="1">{{ translate('serverConfig', 'serverCrashDetection', data['lang']) }}
+                      {% end %}
+                    </label>
 
-                </div>
+                  </div>
 
-                <button type="submit" class="btn btn-success mr-2"><i class="fas fa-save"></i> {{
-                  translate('serverConfig', 'save', data['lang']) }}</button>
-                <button type="reset" class="btn btn-light"><i class="fas fa-times"></i> {{ translate('serverConfig',
-                  'cancel', data['lang']) }}</button>
+                  <button type="submit" class="btn btn-success mr-2"><i class="fas fa-save"></i> {{
+                    translate('serverConfig', 'save', data['lang']) }}</button>
+                  <button type="reset" class="btn btn-light"><i class="fas fa-times"></i> {{ translate('serverConfig',
+                    'cancel', data['lang']) }}</button>
               </form>
             </div>
 
@@ -396,4 +402,4 @@
 
 </script>
 
-{% end %}
+{% end %}
\ No newline at end of file
diff --git a/app/frontend/templates/panel/server_files.html b/app/frontend/templates/panel/server_files.html
index 45e02ced..a48c522e 100644
--- a/app/frontend/templates/panel/server_files.html
+++ b/app/frontend/templates/panel/server_files.html
@@ -32,7 +32,12 @@
     <div class="col-sm-12 grid-margin">
       <div class="card">
         <div class="card-body  pt-0">
-          {% include "parts/server_controls_list.html" %}
+          <span class="d-none d-sm-block">
+            {% include "parts/server_controls_list.html %}
+          </span>
+          <span class="d-block d-sm-none">
+            {% include "parts/m_server_controls_list.html %}
+          </span>
 
           <div class="row">
             <div class="col-md-6 col-sm-12">
@@ -212,7 +217,9 @@
                 display: none;
               }
 
-              html, body, body > .container-scroller {
+              html,
+              body,
+              body>.container-scroller {
                 overflow: initial;
               }
 
@@ -285,7 +292,7 @@
       mac: 'Command-S',
       sender: 'editor|cli'
     },
-    exec: function(env, args, request) {
+    exec: function (env, args, request) {
       save()
     }
   });
@@ -1097,7 +1104,7 @@
     if (handlerName == 'null') handlerName = null;
     editor.setKeyboardHandler(handlerName, () => {
       if (handlerName == 'ace/keyboard/vim') {
-        require("ace/keyboard/vim").Vim.defineEx('write', 'w', function() {
+        require("ace/keyboard/vim").Vim.defineEx('write', 'w', function () {
           save();
         });
       }
@@ -1117,4 +1124,4 @@
 
 </script>
 
-{% end %}
+{% end %}
\ No newline at end of file
diff --git a/app/frontend/templates/panel/server_logs.html b/app/frontend/templates/panel/server_logs.html
index c4b0aa89..0d2ebe2b 100644
--- a/app/frontend/templates/panel/server_logs.html
+++ b/app/frontend/templates/panel/server_logs.html
@@ -9,14 +9,15 @@
 
 <div class="content-wrapper">
 
-    <!-- Page Title Header Starts-->
+  <!-- Page Title Header Starts-->
   <div class="row page-title-header">
     <div class="col-12">
       <div class="page-header">
         <h4 class="page-title">
-          {{ translate('serverDetails', 'serverDetails', data['lang']) }} - {{ data['server_stats']['server_id']['server_name'] }}
-            <br />
-            <small>UUID: {{ data['server_stats']['server_id']['server_uuid']  }}</small>
+          {{ translate('serverDetails', 'serverDetails', data['lang']) }} - {{
+          data['server_stats']['server_id']['server_name'] }}
+          <br />
+          <small>UUID: {{ data['server_stats']['server_id']['server_uuid'] }}</small>
         </h4>
       </div>
     </div>
@@ -24,23 +25,30 @@
   </div>
   <!-- Page Title Header Ends-->
 
- {% include "parts/details_stats.html" %}
+  {% include "parts/details_stats.html" %}
 
   <div class="row">
 
     <div class="col-sm-12 grid-margin">
       <div class="card">
         <div class="card-body  pt-0">
-            {% include "parts/server_controls_list.html" %}
+          <span class="d-none d-sm-block">
+            {% include "parts/server_controls_list.html %}
+          </span>
+          <span class="d-block d-sm-none">
+            {% include "parts/m_server_controls_list.html %}
+          </span>
 
-            <div class="col-md-12">
-              <div class="input-group">
-                <div id="virt_console" class="" style="font-size: .8em; padding: 5px 10px; border: 1px solid #383e5d; background-color:#2a2c44;height:500px; overflow: scroll;"></div>
+          <div class="col-md-12">
+            <div class="input-group">
+              <div id="virt_console" class=""
+                style="font-size: .8em; padding: 5px 10px; border: 1px solid #383e5d; background-color:#2a2c44;height:500px; overflow: scroll;">
               </div>
-              <br />
-
-
             </div>
+            <br />
+
+
+          </div>
 
         </div>
       </div>
@@ -57,8 +65,8 @@
 <script>
 
   const serverId = new URLSearchParams(document.location.search).get('id')
-  function get_server_log(){
-    if( !$("#stop_scroll").is(':checked')){
+  function get_server_log() {
+    if (!$("#stop_scroll").is(':checked')) {
       $.ajax({
         type: 'GET',
         url: '/ajax/server_log?id=' + serverId + '&full=1',
@@ -78,21 +86,21 @@
     return r ? r[1] : undefined;
   }
 
-  $( document ).ready(function() {
-    console.log( "ready!" );
+  $(document).ready(function () {
+    console.log("ready!");
     get_server_log()
 
 
   });
 
 
-  function scroll(){
+  function scroll() {
     var logview = $('#virt_console');
-    if(logview.length)
+    if (logview.length)
       logview.scrollTop(logview[0].scrollHeight - logview.height());
   }
 
 
 </script>
 
-{% end %}
+{% end %}
\ No newline at end of file