From ec6421b62cef84842b39e1bbb404bae467c355df Mon Sep 17 00:00:00 2001
From: Andrew <mcdeweykp@gmail.com>
Date: Tue, 12 Apr 2022 17:37:20 -0400
Subject: [PATCH] Disable Backups when no path

---
 app/classes/shared/server.py                  |   2 +
 .../templates/panel/server_backup.html        | 614 ++++++++++--------
 2 files changed, 333 insertions(+), 283 deletions(-)

diff --git a/app/classes/shared/server.py b/app/classes/shared/server.py
index 3900f822..0971e4e8 100644
--- a/app/classes/shared/server.py
+++ b/app/classes/shared/server.py
@@ -762,6 +762,8 @@ class Server:
             return False
 
     def backup_server(self):
+        if self.settings["backup_path"] is "":
+            return
         backup_thread = threading.Thread(
             target=self.a_backup_server, daemon=True, name=f"backup_{self.name}"
         )
diff --git a/app/frontend/templates/panel/server_backup.html b/app/frontend/templates/panel/server_backup.html
index a30fb803..c7654ed3 100644
--- a/app/frontend/templates/panel/server_backup.html
+++ b/app/frontend/templates/panel/server_backup.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,155 +25,181 @@
   </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 %}
+          {% include "parts/server_controls_list.html %}
 
-            <div class="row">
-                <div class="col-md-6 col-sm-12">
-                  <br>
-                  <br>
-                    <form class="forms-sample" method="post" action="/panel/server_backup">
-                      {% raw xsrf_form_html() %}
-                      <input type="hidden" name="id" value="{{ data['server_stats']['server_id']['server_id'] }}">
-                      <input type="hidden" name="subpage" value="backup">
+          <div class="row">
+            <div class="col-md-6 col-sm-12">
+              <br>
+              <br>
+              <form class="forms-sample" method="post" action="/panel/server_backup">
+                {% raw xsrf_form_html() %}
+                <input type="hidden" name="id" value="{{ data['server_stats']['server_id']['server_id'] }}">
+                <input type="hidden" name="subpage" value="backup">
 
 
-                      {% if data['backing_up'] %}
-                      <div class="progress" style="height: 15px;">
-                        <div class="progress-bar progress-bar-striped progress-bar-animated" id="backup_progress_bar" role="progressbar" style="width:{{data['backup_stats']['percent']}}%;" aria-valuenow="{{data['backup_stats']['percent']}}" aria-valuemin="0" aria-valuemax="100">{{ data['backup_stats']['percent'] }}%</div>
-                      </div>
-                      <p>Backing up <span id="total_files">{{data['backup_stats']['total_files']}}</span> Files</p>
-                      {% end %}
-
-                      <br>
-                      {% if not data['backing_up'] %}
-                      <div id="backup_button" class="form-group">
-                        <button class="btn btn-primary" id="backup_now_button">{{ translate('serverBackups', 'backupNow', data['lang']) }}</button>
-                      </div>
-                      {% end %}
-                      <div class="form-group">
-                        {% if data['super_user'] %}
-                        <label for="server_name">{{ translate('serverBackups', 'storageLocation', data['lang']) }} <small class="text-muted ml-1"> - {{ translate('serverBackups', 'storageLocationDesc', data['lang']) }}</small> </label>
-                        <input type="text" class="form-control" name="backup_path" id="backup_path" value="{{ data['server_stats']['server_id']['backup_path']  }}" placeholder="{{ translate('serverBackups', 'storageLocation', data['lang']) }}" >
-                        {% end %}
-                      </div>
-
-                      <div class="form-group">
-                        <label for="server_path">{{ translate('serverBackups', 'maxBackups', data['lang']) }} <small class="text-muted ml-1"> - {{ translate('serverBackups', 'maxBackupsDesc', data['lang']) }}</small> </label>
-                        <input type="text" class="form-control" name="max_backups" id="max_backups" value="{{ data['backup_config']['max_backups']  }}" placeholder="{{ translate('serverBackups', 'maxBackups', data['lang']) }}" >
-                      </div>
-                      <div class="form-group">
-                        <label for="compress" class="form-check-label ml-4 mb-4"></label>
-                          {% if data['backup_config']['compress'] %}
-                          <input type="checkbox" class="form-check-input" id="compress" name="compress"
-                            checked="" value="True">{{ translate('serverBackups', 'compress', data['lang']) }}
-                          {% else %}
-                          <input type="checkbox" class="form-check-input" id="compress" name="compress"
-                            value="True">{{ translate('serverBackups', 'compress', data['lang']) }}
-                          {% end %}
-                      </div>
-                        <div class="form-group">
-                          <label for="server">{{ translate('serverBackups', 'exclusionsTitle', data['lang']) }} <small> - {{ translate('serverBackups', 'excludedChoose', data['lang']) }}</small></label>
-                          <br>
-                          <button class="btn btn-primary mr-2" id="root_files_button" data-server_path="{{ data['server_stats']['server_id']['path']}}" type="button">{{ translate('serverBackups', 'clickExclude', data['lang']) }}</button>
-                        </div>
-                        <input type="number" class="form-control" name="changed" id="changed" value="0" style="visibility: hidden;"></input>
-                      <div class="modal fade" id="dir_select" tabindex="-1" role="dialog" aria-labelledby="dir_select" aria-hidden="true">
-                        <div class="modal-dialog" role="document">
-                          <div class="modal-content">
-                            <div class="modal-header">
-                              <h5 class="modal-title" id="exampleModalLongTitle">{{ translate('serverBackups', 'excludedChoose', data['lang']) }}</h5>
-                              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                                <span aria-hidden="true">&times;</span>
-                              </button>
-                            </div>
-                            <div class="modal-body">
-                              <div class="tree-ctx-item" id="main-tree-div" data-path="" style="overflow: scroll; max-height:75%;">
-                                <input type="checkbox" id="main-tree-input" name="root_path" value="" disabled>
-                                  <span id="main-tree" class="files-tree-title tree-caret-down root-dir" data-path="">
-                                    <i class="far fa-folder"></i>
-                                    <i class="far fa-folder-open"></i>
-                                    {{ translate('serverFiles', 'files', data['lang']) }}
-                                    </span>
-                                </input>
-                              </div>
-                            </div>
-                            <div class="modal-footer">
-                              <button type="button" id="modal-cancel" class="btn btn-secondary" data-dismiss="modal">{{ translate('serverBackups', 'cancel', data['lang']) }}</button>
-                              <button type="button" id="modal-okay" data-dismiss="modal" class="btn btn-primary">{{ translate('serverWizard', 'save', data['lang']) }}</button>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-
-                      <button type="submit" class="btn btn-success mr-2">{{ translate('serverBackups', 'save', data['lang']) }}</button>
-                      <button type="reset" class="btn btn-light">{{ translate('serverBackups', 'cancel', data['lang']) }}</button>
-                    </form>
+                {% if data['backing_up'] %}
+                <div class="progress" style="height: 15px;">
+                  <div class="progress-bar progress-bar-striped progress-bar-animated" id="backup_progress_bar"
+                    role="progressbar" style="width:{{data['backup_stats']['percent']}}%;"
+                    aria-valuenow="{{data['backup_stats']['percent']}}" aria-valuemin="0" aria-valuemax="100">{{
+                    data['backup_stats']['percent'] }}%</div>
                 </div>
-
-                <div class="col-md-6 col-sm-12">
-                    <div class="text-center">
-
-                      <table class="table table-responsive dataTable" id="backup_table">
-                        <h4 class="card-title">{{ translate('serverBackups', 'currentBackups', data['lang']) }}</h4>
-                        <thead>
-                        <tr>
-                            <th width="10%">{{ translate('serverBackups', 'options', data['lang']) }}</th>
-                            <th>{{ translate('serverBackups', 'path', data['lang']) }}</th>
-                            <th width="20%">{{ translate('serverBackups', 'size', data['lang']) }}</th>
-                        </tr>
-                        </thead>
-                        <tbody>
-                        {% for backup in data['backup_list'] %}
-                            <tr>
-                            <td>
-                                <a href="/panel/download_backup?file={{ backup['path'] }}&id={{ data['server_stats']['server_id']['server_id'] }}" class="btn btn-primary">
-                                    <i class="fas fa-download" aria-hidden="true"></i>
-                                    {{ translate('serverBackups', 'download', data['lang']) }}
-                                </a>
-                                <br>
-                                <br>
-                                <button data-file="{{ backup['path'] }}" data-backup_path="{{ data['backup_path'] }}" class="btn btn-danger del_button">
-                                    <i class="fas fa-trash" aria-hidden="true"></i>
-                                    {{ translate('serverBackups', 'delete', data['lang']) }}
-                                </button>
-                                <button data-file="{{ backup['path'] }}" class="btn btn-warning restore_button">
-                                  <i class="fas fa-undo-alt" aria-hidden="true"></i>
-                                  {{ translate('serverBackups', 'restore', data['lang']) }}
-                              </button>
-                            </td>
-                            <td>{{ backup['path'] }}</td>
-                            <td>{{ backup['size'] }}</td>
-                            </tr>
-                        {% end %}
-
-                        </tbody>
-                    </table>
-
-                    </div>
-                </div>
-            </div>
-            <div class="col-md-12 col-sm-12">
-              <br>
-              <br>
-              <div class="card-header header-sm d-flex justify-content-between align-items-center">
-                <h4 class="card-title"><i class="fas fa-server"></i> {{ translate('serverBackups', 'excludedBackups', data['lang']) }}  <small class="text-muted ml-1"></small> </h4>
-              </div>
-              <br>
-              <ul>
-                {% for item in data['exclusions'] %}
-                <li>{{item}}</li>
-                <br>
+                <p>Backing up <span id="total_files">{{data['backup_stats']['total_files']}}</span> Files</p>
                 {% end %}
-              </ul>
+
+                <br>
+                {% if not data['backing_up'] %}
+                <div id="backup_button" class="form-group">
+                  <button class="btn btn-primary" id="backup_now_button">{{ translate('serverBackups', 'backupNow',
+                    data['lang']) }}</button>
+                </div>
+                {% end %}
+                <div class="form-group">
+                  {% if data['super_user'] %}
+                  <label for="server_name">{{ translate('serverBackups', 'storageLocation', data['lang']) }} <small
+                      class="text-muted ml-1"> - {{ translate('serverBackups', 'storageLocationDesc', data['lang'])
+                      }}</small> </label>
+                  <input type="text" class="form-control" name="backup_path" id="backup_path"
+                    value="{{ data['server_stats']['server_id']['backup_path']  }}"
+                    placeholder="{{ translate('serverBackups', 'storageLocation', data['lang']) }}">
+                  {% end %}
+                </div>
+
+                <div class="form-group">
+                  <label for="server_path">{{ translate('serverBackups', 'maxBackups', data['lang']) }} <small
+                      class="text-muted ml-1"> - {{ translate('serverBackups', 'maxBackupsDesc', data['lang'])
+                      }}</small> </label>
+                  <input type="text" class="form-control" name="max_backups" id="max_backups"
+                    value="{{ data['backup_config']['max_backups']  }}"
+                    placeholder="{{ translate('serverBackups', 'maxBackups', data['lang']) }}">
+                </div>
+                <div class="form-group">
+                  <label for="compress" class="form-check-label ml-4 mb-4"></label>
+                  {% if data['backup_config']['compress'] %}
+                  <input type="checkbox" class="form-check-input" id="compress" name="compress" checked=""
+                    value="True">{{ translate('serverBackups', 'compress', data['lang']) }}
+                  {% else %}
+                  <input type="checkbox" class="form-check-input" id="compress" name="compress" value="True">{{
+                  translate('serverBackups', 'compress', data['lang']) }}
+                  {% end %}
+                </div>
+                <div class="form-group">
+                  <label for="server">{{ translate('serverBackups', 'exclusionsTitle', data['lang']) }} <small> - {{
+                      translate('serverBackups', 'excludedChoose', data['lang']) }}</small></label>
+                  <br>
+                  <button class="btn btn-primary mr-2" id="root_files_button"
+                    data-server_path="{{ data['server_stats']['server_id']['path']}}" type="button">{{
+                    translate('serverBackups', 'clickExclude', data['lang']) }}</button>
+                </div>
+                <input type="number" class="form-control" name="changed" id="changed" value="0"
+                  style="visibility: hidden;"></input>
+                <div class="modal fade" id="dir_select" tabindex="-1" role="dialog" aria-labelledby="dir_select"
+                  aria-hidden="true">
+                  <div class="modal-dialog" role="document">
+                    <div class="modal-content">
+                      <div class="modal-header">
+                        <h5 class="modal-title" id="exampleModalLongTitle">{{ translate('serverBackups',
+                          'excludedChoose', data['lang']) }}</h5>
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                          <span aria-hidden="true">&times;</span>
+                        </button>
+                      </div>
+                      <div class="modal-body">
+                        <div class="tree-ctx-item" id="main-tree-div" data-path=""
+                          style="overflow: scroll; max-height:75%;">
+                          <input type="checkbox" id="main-tree-input" name="root_path" value="" disabled>
+                          <span id="main-tree" class="files-tree-title tree-caret-down root-dir" data-path="">
+                            <i class="far fa-folder"></i>
+                            <i class="far fa-folder-open"></i>
+                            {{ translate('serverFiles', 'files', data['lang']) }}
+                          </span>
+                          </input>
+                        </div>
+                      </div>
+                      <div class="modal-footer">
+                        <button type="button" id="modal-cancel" class="btn btn-secondary" data-dismiss="modal">{{
+                          translate('serverBackups', 'cancel', data['lang']) }}</button>
+                        <button type="button" id="modal-okay" data-dismiss="modal" class="btn btn-primary">{{
+                          translate('serverWizard', 'save', data['lang']) }}</button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <button type="submit" class="btn btn-success mr-2">{{ translate('serverBackups', 'save', data['lang'])
+                  }}</button>
+                <button type="reset" class="btn btn-light">{{ translate('serverBackups', 'cancel', data['lang'])
+                  }}</button>
+              </form>
             </div>
 
+            <div class="col-md-6 col-sm-12">
+              <div class="text-center">
+
+                <table class="table table-responsive dataTable" id="backup_table">
+                  <h4 class="card-title">{{ translate('serverBackups', 'currentBackups', data['lang']) }}</h4>
+                  <thead>
+                    <tr>
+                      <th width="10%">{{ translate('serverBackups', 'options', data['lang']) }}</th>
+                      <th>{{ translate('serverBackups', 'path', data['lang']) }}</th>
+                      <th width="20%">{{ translate('serverBackups', 'size', data['lang']) }}</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {% for backup in data['backup_list'] %}
+                    <tr>
+                      <td>
+                        <a href="/panel/download_backup?file={{ backup['path'] }}&id={{ data['server_stats']['server_id']['server_id'] }}"
+                          class="btn btn-primary">
+                          <i class="fas fa-download" aria-hidden="true"></i>
+                          {{ translate('serverBackups', 'download', data['lang']) }}
+                        </a>
+                        <br>
+                        <br>
+                        <button data-file="{{ backup['path'] }}" data-backup_path="{{ data['backup_path'] }}"
+                          class="btn btn-danger del_button">
+                          <i class="fas fa-trash" aria-hidden="true"></i>
+                          {{ translate('serverBackups', 'delete', data['lang']) }}
+                        </button>
+                        <button data-file="{{ backup['path'] }}" class="btn btn-warning restore_button">
+                          <i class="fas fa-undo-alt" aria-hidden="true"></i>
+                          {{ translate('serverBackups', 'restore', data['lang']) }}
+                        </button>
+                      </td>
+                      <td>{{ backup['path'] }}</td>
+                      <td>{{ backup['size'] }}</td>
+                    </tr>
+                    {% end %}
+
+                  </tbody>
+                </table>
+
+              </div>
+            </div>
+          </div>
+          <div class="col-md-12 col-sm-12">
+            <br>
+            <br>
+            <div class="card-header header-sm d-flex justify-content-between align-items-center">
+              <h4 class="card-title"><i class="fas fa-server"></i> {{ translate('serverBackups', 'excludedBackups',
+                data['lang']) }} <small class="text-muted ml-1"></small> </h4>
+            </div>
+            <br>
+            <ul>
+              {% for item in data['exclusions'] %}
+              <li>{{item}}</li>
+              <br>
+              {% end %}
+            </ul>
+          </div>
+
         </div>
       </div>
     </div>
@@ -183,41 +210,44 @@
 </div>
 <style>
   /* Remove default bullets */
- .tree-view,
- .tree-nested {
-   list-style-type: none;
-   margin: 0;
-   padding: 0;
-   margin-left: 10px;
- }
+  .tree-view,
+  .tree-nested {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    margin-left: 10px;
+  }
 
- /* Style the items */
- .tree-item,
- .files-tree-title {
-   cursor: pointer;
-   user-select: none; /* Prevent text selection */
- }
+  /* Style the items */
+  .tree-item,
+  .files-tree-title {
+    cursor: pointer;
+    user-select: none;
+    /* Prevent text selection */
+  }
 
- /* Create the caret/arrow with a unicode, and style it */
- .tree-caret .fa-folder {
-   display: inline-block;
- }
- .tree-caret .fa-folder-open {
-   display: none;
- }
+  /* Create the caret/arrow with a unicode, and style it */
+  .tree-caret .fa-folder {
+    display: inline-block;
+  }
 
- /* Rotate the caret/arrow icon when clicked on (using JavaScript) */
- .tree-caret-down .fa-folder {
-   display: none;
- }
- .tree-caret-down .fa-folder-open {
-   display: inline-block;
- }
+  .tree-caret .fa-folder-open {
+    display: none;
+  }
 
- /* Hide the nested list */
- .tree-nested {
-   display: none;
- }
+  /* Rotate the caret/arrow icon when clicked on (using JavaScript) */
+  .tree-caret-down .fa-folder {
+    display: none;
+  }
+
+  .tree-caret-down .fa-folder-open {
+    display: inline-block;
+  }
+
+  /* Hide the nested list */
+  .tree-nested {
+    display: none;
+  }
 </style>
 <!-- content-wrapper ends -->
 
@@ -226,7 +256,7 @@
 {% block js %}
 <script>
 
-const server_id = new URLSearchParams(document.location.search).get('id')
+  const server_id = new URLSearchParams(document.location.search).get('id')
 
 
   //used to get cookies from browser - this is part of tornados xsrf protection - it's for extra security
@@ -241,63 +271,81 @@ const server_id = new URLSearchParams(document.location.search).get('id')
     var dialog = bootbox.dialog({
       message: "{{ translate('serverBackups', 'backupTask', data['lang']) }}",
       closeButton: false
-  });
-  $.ajax({
-    type: "POST",
-    headers: {'X-XSRFToken': token},
-    url: '/ajax/backup_now?id='+server_id,
-    success: function(data) {
-    },
-  });
-}
+    });
+    $.ajax({
+      type: "POST",
+      headers: { 'X-XSRFToken': token },
+      url: '/ajax/backup_now?id=' + server_id,
+      success: function (data) {
+      },
+    });
+  }
 
-  function del_backup(filename, id){
+  function del_backup(filename, id) {
     var token = getCookie("_xsrf")
 
-    data_to_send = { file_name :filename}
+    data_to_send = { file_name: filename }
 
     console.log('Sending Command to delete backup: ' + filename)
     $.ajax({
       type: "DELETE",
-      headers: {'X-XSRFToken': token},
-      url: '/ajax/del_backup?server_id='+id,
+      headers: { 'X-XSRFToken': token },
+      url: '/ajax/del_backup?server_id=' + id,
       data: {
-      file_path: filename,
-      id: id
+        file_path: filename,
+        id: id
       },
-      success: function(data) {
+      success: function (data) {
         location.reload();
       },
     });
   }
 
-  function restore_backup(filename, id){
+  function restore_backup(filename, id) {
     var token = getCookie("_xsrf")
     var dialog = bootbox.dialog({
-          message: '<i class="fa fa-spin fa-spinner"></i> {{ translate('serverBackups', 'restoring', data['lang']) }}',
-          closeButton: false
-      });
+      message: '<i class="fa fa-spin fa-spinner"></i> {{ translate('serverBackups', 'restoring', data['lang']) }}',
+      closeButton: false
+    });
 
     console.log('Sending Command to restore backup: ' + filename)
     $.ajax({
       type: "POST",
-      headers: {'X-XSRFToken': token},
-      url: '/ajax/restore_backup?server_id='+id,
+      headers: { 'X-XSRFToken': token },
+      url: '/ajax/restore_backup?server_id=' + id,
       data: {
-      zip_file: filename,
-      id: id
+        zip_file: filename,
+        id: id
       },
-      success: function(data) {
-      setTimeout(function(){
-        location.href=('/panel/dashboard');
-    }, 15000);
+      success: function (data) {
+        setTimeout(function () {
+          location.href = ('/panel/dashboard');
+        }, 15000);
       },
     });
   }
 
 
-  $( document ).ready(function() {
-    console.log( "ready!" );
+  $(document).ready(function () {
+    try {
+      if ($('#backup_path').val() == '') {
+        console.log('true')
+        try {
+          document.getElementById('backup_now_button').disabled = true;
+        } catch {
+
+        }
+      } else {
+        document.getElementById('backup_now_button').disabled = false;
+      }
+    } catch {
+      try {
+        document.getElementById('backup_now_button').disabled = false;
+      } catch {
+
+      }
+    }
+    console.log("ready!");
     $("#backup_config_box").hide();
     $("#backup_save_note").hide();
 
@@ -309,8 +357,8 @@ const server_id = new URLSearchParams(document.location.search).get('id')
     });
 
     $('#backup_table').DataTable({
-      "order": [[ 1, "desc" ]],
-      "paging":true,
+      "order": [[1, "desc"]],
+      "paging": true,
       "lengthChange": false,
       "searching": true,
       "ordering": true,
@@ -319,7 +367,7 @@ const server_id = new URLSearchParams(document.location.search).get('id')
       "responsive": true,
     });
 
-    $( ".del_button" ).click(function() {
+    $(".del_button").click(function () {
       var file_to_del = $(this).data("file");
       var backup_path = $(this).data('backup_path');
 
@@ -346,12 +394,12 @@ const server_id = new URLSearchParams(document.location.search).get('id')
       });
     });
 
-    $( ".restore_button" ).click(function() {
+    $(".restore_button").click(function () {
       var file_to_restore = $(this).data("file");
 
 
       bootbox.confirm({
-        title: "{{ translate('serverBackups', 'restore', data['lang']) }} "+file_to_restore,
+        title: "{{ translate('serverBackups', 'restore', data['lang']) }} " + file_to_restore,
         message: "{{ translate('serverBackups', 'confirmRestore', data['lang']) }}",
         buttons: {
           cancel: {
@@ -359,7 +407,7 @@ const server_id = new URLSearchParams(document.location.search).get('id')
           },
           confirm: {
             label: '<i class="fas fa-check"></i> {{ translate("serverBackups", "restore", data['lang']) }}',
-          className: 'btn-outline-danger'
+            className: 'btn-outline-danger'
           }
         },
         callback: function (result) {
@@ -370,46 +418,46 @@ const server_id = new URLSearchParams(document.location.search).get('id')
         }
       });
     });
-    $( "#backup_now_button" ).click(function() {
+    $("#backup_now_button").click(function () {
       backup_started();
     });
 
   });
 
-document.getElementById("modal-cancel").addEventListener("click", function(){
-  document.getElementById("root_files_button").classList.remove('clicked');
-  document.getElementById("main-tree-div").innerHTML = '<input type="checkbox" id="main-tree-input" name="root_path" value="" disabled><span id="main-tree" class="files-tree-title tree-caret-down root-dir" data-path=""><i class="far fa-folder"></i><i class="far fa-folder-open"></i>{{ translate("serverFiles", "files", data["lang"]) }}</span></input>'
-})
+  document.getElementById("modal-cancel").addEventListener("click", function () {
+    document.getElementById("root_files_button").classList.remove('clicked');
+    document.getElementById("main-tree-div").innerHTML = '<input type="checkbox" id="main-tree-input" name="root_path" value="" disabled><span id="main-tree" class="files-tree-title tree-caret-down root-dir" data-path=""><i class="far fa-folder"></i><i class="far fa-folder-open"></i>{{ translate("serverFiles", "files", data["lang"]) }}</span></input>'
+  })
 
-  document.getElementById("root_files_button").addEventListener("click", function(){
-    if($("#root_files_button").data('server_path') != ""){
-      if(document.getElementById('root_files_button').classList.contains('clicked')){
+  document.getElementById("root_files_button").addEventListener("click", function () {
+    if ($("#root_files_button").data('server_path') != "") {
+      if (document.getElementById('root_files_button').classList.contains('clicked')) {
         show_file_tree();
         return;
-      }else{
+      } else {
         document.getElementById('root_files_button').classList.add('clicked');
         document.getElementById("changed").value = 1;
       }
-    path = $("#root_files_button").data('server_path')
-    console.log($("#root_files_button").data('server_path'))
-    var token = getCookie("_xsrf");
-    var dialog = bootbox.dialog({
-      message: '<p class="text-center mb-0"><i class="fa fa-spin fa-cog"></i> Please wait while we gather your files...</p>',
-      closeButton: false
-  });
+      path = $("#root_files_button").data('server_path')
+      console.log($("#root_files_button").data('server_path'))
+      var token = getCookie("_xsrf");
+      var dialog = bootbox.dialog({
+        message: '<p class="text-center mb-0"><i class="fa fa-spin fa-cog"></i> Please wait while we gather your files...</p>',
+        closeButton: false
+      });
 
-    $.ajax({
-      type: "POST",
-      headers: {'X-XSRFToken': token},
-      url: '/ajax/backup_select?id='+server_id+'&path='+path,
-    });
-  }else{
-    bootbox.alert("You must input a path before selecting this button");
-  }
+      $.ajax({
+        type: "POST",
+        headers: { 'X-XSRFToken': token },
+        url: '/ajax/backup_select?id=' + server_id + '&path=' + path,
+      });
+    } else {
+      bootbox.alert("You must input a path before selecting this button");
+    }
   });
   if (webSocket) {
     webSocket.on('send_temp_path', function (data) {
-      setTimeout(function(){
+      setTimeout(function () {
         var x = document.querySelector('.bootbox');
         if (x) {
           x.remove()
@@ -422,19 +470,19 @@ document.getElementById("modal-cancel").addEventListener("click", function(){
         getTreeView(data.path);
         show_file_tree();
 
-    }, 5000);
+      }, 5000);
     });
   }
   if (webSocket) {
     webSocket.on('backup_status', function (backup) {
-      if(backup.percent >= 100){
+      if (backup.percent >= 100) {
         document.getElementById('backup_progress_bar').innerHTML = '100%';
         document.getElementById('backup_progress_bar').style.width = '100%';
-        setTimeout(function(){
+        setTimeout(function () {
           window.location.reload(1);
-       }, 5000);
-      }else{
-        document.getElementById('backup_progress_bar').innerHTML = backup.percent +'%';
+        }, 5000);
+      } else {
+        document.getElementById('backup_progress_bar').innerHTML = backup.percent + '%';
         document.getElementById('backup_progress_bar').style.width = backup.percent + '%';
         document.getElementById('total_files').innerHTML = backup.total_files;
       }
@@ -451,9 +499,9 @@ document.getElementById("modal-cancel").addEventListener("click", function(){
 
     $.ajax({
       type: "GET",
-      url: '/ajax/get_backup_tree?id='+server_id+'&path='+path,
+      url: '/ajax/get_backup_tree?id=' + server_id + '&path=' + path,
       dataType: 'text',
-      success: function(data){
+      success: function (data) {
         console.log("got response:");
         console.log(data);
 
@@ -461,13 +509,13 @@ document.getElementById("modal-cancel").addEventListener("click", function(){
         serverDir = dataArr.shift(); // Remove & return first element (server directory)
         text = dataArr.join('\n');
 
-        try{
+        try {
           document.getElementById('main-tree-div').innerHTML += text;
           document.getElementById('main-tree').parentElement.classList.add("clicked");
-        }catch{
+        } catch {
           document.getElementById('files-tree').innerHTML = text;
         }
-        
+
 
         document.getElementsByClassName('files-tree-title')[0].setAttribute('data-path', serverDir);
         document.getElementsByClassName('files-tree-title')[0].setAttribute('data-name', 'Files');
@@ -477,57 +525,57 @@ document.getElementById("modal-cancel").addEventListener("click", function(){
   }
   function getToggleMain(event) {
     path = event.target.parentElement.getAttribute('data-path');
-        document.getElementById("files-tree").classList.toggle("d-block");
-        document.getElementById(path+"span").classList.toggle("tree-caret-down");
-        document.getElementById(path+"span").classList.toggle("tree-caret");
-    }
-  
+    document.getElementById("files-tree").classList.toggle("d-block");
+    document.getElementById(path + "span").classList.toggle("tree-caret-down");
+    document.getElementById(path + "span").classList.toggle("tree-caret");
+  }
+
 
   function getDirView(event) {
-      path = event.target.parentElement.getAttribute('data-path');
+    path = event.target.parentElement.getAttribute('data-path');
 
-      if (document.getElementById(path).classList.contains('clicked')){
+    if (document.getElementById(path).classList.contains('clicked')) {
 
-      var toggler = document.getElementById(path+"span");
+      var toggler = document.getElementById(path + "span");
 
-      if (toggler.classList.contains('files-tree-title')){
-          document.getElementById(path+"ul").classList.toggle("d-block");
-          document.getElementById(path+"span").classList.toggle("tree-caret-down");
+      if (toggler.classList.contains('files-tree-title')) {
+        document.getElementById(path + "ul").classList.toggle("d-block");
+        document.getElementById(path + "span").classList.toggle("tree-caret-down");
       }
       return;
-    }else{
-    $.ajax({
-      type: "GET",
-      url: '/ajax/get_backup_dir?id='+server_id+'&path='+path,
-      dataType: 'text',
-      success: function(data){
-        console.log("got response:");
+    } else {
+      $.ajax({
+        type: "GET",
+        url: '/ajax/get_backup_dir?id=' + server_id + '&path=' + path,
+        dataType: 'text',
+        success: function (data) {
+          console.log("got response:");
 
-        dataArr = data.split('\n');
-        serverDir = dataArr.shift(); // Remove & return first element (server directory)
-        text = dataArr.join('\n');
+          dataArr = data.split('\n');
+          serverDir = dataArr.shift(); // Remove & return first element (server directory)
+          text = dataArr.join('\n');
 
-        try{
-          document.getElementById(path+"span").classList.add('tree-caret-down');
-          document.getElementById(path).innerHTML += text;
-          document.getElementById(path).classList.add("clicked");
-        }catch{
-          console.log("Bad")
-        }
+          try {
+            document.getElementById(path + "span").classList.add('tree-caret-down');
+            document.getElementById(path).innerHTML += text;
+            document.getElementById(path).classList.add("clicked");
+          } catch {
+            console.log("Bad")
+          }
 
-        var toggler = document.getElementById(path);
+          var toggler = document.getElementById(path);
 
-          if (toggler.classList.contains('files-tree-title')){
-          document.getElementById(path+"span").addEventListener("click", function caretListener() {
-            document.getElementById(path+"ul").classList.toggle("d-block");
-            document.getElementById(path+"span").classList.toggle("tree-caret-down");
-          });
-        }
-      },
-    });
+          if (toggler.classList.contains('files-tree-title')) {
+            document.getElementById(path + "span").addEventListener("click", function caretListener() {
+              document.getElementById(path + "ul").classList.toggle("d-block");
+              document.getElementById(path + "span").classList.toggle("tree-caret-down");
+            });
+          }
+        },
+      });
+    }
   }
-  }
-  function show_file_tree(){
+  function show_file_tree() {
     $("#dir_select").modal();
   }