From 0adc129462ca680a644ab3676f9f3ddaba67d370 Mon Sep 17 00:00:00 2001
From: amcmanu3 <mcdeweykp@gmail.com>
Date: Sat, 3 Jun 2023 13:36:38 -0400
Subject: [PATCH] Inital commit for webhooks on frontend

---
 app/classes/web/panel_handler.py              |  43 +++
 .../templates/panel/server_webhook_edit.html  | 261 ++++++++++++++++++
 .../templates/panel/server_webhooks.html      |   2 +-
 3 files changed, 305 insertions(+), 1 deletion(-)
 create mode 100644 app/frontend/templates/panel/server_webhook_edit.html

diff --git a/app/classes/web/panel_handler.py b/app/classes/web/panel_handler.py
index 692bcff4..454cbd4d 100644
--- a/app/classes/web/panel_handler.py
+++ b/app/classes/web/panel_handler.py
@@ -25,6 +25,7 @@ from app.classes.controllers.roles_controller import RolesController
 from app.classes.shared.helpers import Helpers
 from app.classes.shared.main_models import DatabaseShortcuts
 from app.classes.web.base_handler import BaseHandler
+from app.classes.web.webhook_handler import WebhookHandler
 
 logger = logging.getLogger(__name__)
 
@@ -1039,6 +1040,48 @@ class PanelHandler(BaseHandler):
 
             template = "panel/panel_edit_user.html"
 
+        elif page == "add_webhook":
+            server_id = self.get_argument("id", None)
+            if server_id is None:
+                return self.redirect("/panel/error?error=Invalid Server ID")
+            server_obj = self.controller.servers.get_server_instance_by_id(server_id)
+            page_data["backup_failed"] = server_obj.last_backup_status()
+            server_obj = None
+            page_data["active_link"] = "webhooks"
+            page_data["server_data"] = self.controller.servers.get_server_data_by_id(
+                server_id
+            )
+            page_data[
+                "user_permissions"
+            ] = self.controller.server_perms.get_user_id_permissions_list(
+                exec_user["user_id"], server_id
+            )
+            page_data["permissions"] = {
+                "Commands": EnumPermissionsServer.COMMANDS,
+                "Terminal": EnumPermissionsServer.TERMINAL,
+                "Logs": EnumPermissionsServer.LOGS,
+                "Schedule": EnumPermissionsServer.SCHEDULE,
+                "Backup": EnumPermissionsServer.BACKUP,
+                "Files": EnumPermissionsServer.FILES,
+                "Config": EnumPermissionsServer.CONFIG,
+                "Players": EnumPermissionsServer.PLAYERS,
+            }
+            page_data["server_stats"] = self.controller.servers.get_server_stats_by_id(
+                server_id
+            )
+            page_data["server_stats"][
+                "server_type"
+            ] = self.controller.servers.get_server_type_by_id(server_id)
+            page_data["new_webhook"] = True
+            page_data["providers"] = WebhookHandler.get_providers()
+
+            if not EnumPermissionsServer.CONFIG in page_data["user_permissions"]:
+                if not superuser:
+                    self.redirect("/panel/error?error=Unauthorized access To Webhooks")
+                    return
+
+            template = "panel/server_webhook_edit.html"
+
         elif page == "add_schedule":
             server_id = self.get_argument("id", None)
             if server_id is None:
diff --git a/app/frontend/templates/panel/server_webhook_edit.html b/app/frontend/templates/panel/server_webhook_edit.html
new file mode 100644
index 00000000..8baed81f
--- /dev/null
+++ b/app/frontend/templates/panel/server_webhook_edit.html
@@ -0,0 +1,261 @@
+{% extends ../base.html %}
+
+{% block meta %}
+{% end %}
+
+{% block title %}Crafty Controller - {{ translate('serverDetails', 'serverDetails', data['lang']) }}{% end %}
+
+{% block content %}
+
+<div class="content-wrapper">
+
+  <!-- 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>
+        </h4>
+      </div>
+    </div>
+
+  </div>
+  <!-- Page Title Header Ends-->
+
+  {% 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" %}
+
+          <div class="row">
+            <div class="col-md-8 col-sm-8">
+              {% if data['new_webhook'] == True %}
+              <form class="forms-sample" method="post" id="new_webhook_form"
+                action="/panel/new_webhook?id={{ data['server_stats']['server_id']['server_id'] }}">
+                {% else %}
+                <form class="forms-sample" method="post" id="schedule_form"
+                  action="/panel/edit_schedule?id={{ data['server_stats']['server_id']['server_id'] }}&sch_id={{ data['schedule']['schedule_id'] }}">
+                  {% end %}
+                  <select class="form-select form-control form-control-lg select-css" id="webhook_type" name="webhook_type"
+                  form="role_form">
+                  {% for type in data['providers'] %}
+                  <option value="{{type}}">{{type}}</option>
+                  {% end %}
+                </select>
+                <br>
+                <br>
+                  <button type="submit" class="btn btn-success mr-2"><i class="fas fa-save"></i> {{
+                    translate('serverConfig', 'save', data['lang']) }}</button>
+                  <button type="reset"
+                    onclick="location.href=`/panel/server_detail?id={{ data['server_stats']['server_id']['server_id'] }}&subpage=schedules`"
+                    class="btn btn-light"><i class="fas fa-times"></i> {{ translate('serverConfig', 'cancel',
+                    data['lang']) }}</button>
+                </form>
+            </div>
+
+          </div>
+        </div>
+      </div>
+    </div>
+
+
+
+  </div>
+  <!-- content-wrapper ends -->
+
+  {% end %}
+
+  {% block js %}
+  <script>
+
+
+    //used to get cookies from browser - this is part of tornados xsrf protection - it's for extra security
+    function getCookie(name) {
+      var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
+      return r ? r[1] : undefined;
+    }
+
+    function replacer(key, value) {
+    if (key != "start_time" && key != "cron_string" && key != "interval_type") {
+      if (typeof value == "boolean") {
+        return value
+      } 
+      console.log(key)
+      if (key === "interval" && value === ""){
+        return 0;
+      }
+      if (key === "command" && typeof(value === "integer")){
+        return value.toString();
+      }else {
+        return (isNaN(value) ? value : +value);
+      }
+    } else {
+      if (value === "" && key == "start_time"){
+        return "00:00";
+      }else{
+        return value;
+      }
+    }
+  }
+
+    const serverId = new URLSearchParams(document.location.search).get('id');
+    const schId = new URLSearchParams(document.location.search).get('sch_id');
+    $(document).ready(function () {
+      console.log("ready!");
+      $("#new_schedule_form").on("submit", async function (e) {
+      e.preventDefault();
+      var token = getCookie("_xsrf")
+      let schForm = document.getElementById("new_schedule_form");
+
+      let formData = new FormData(schForm);
+      formData.delete("difficulty");
+      //Create an object from the form data entries
+      let formDataObject = Object.fromEntries(formData.entries());
+      //We need to make sure these are sent regardless of whether or not they're checked
+      formDataObject.enabled = $("#enabled").prop('checked');
+      formDataObject.one_time = $("#one_time").prop('checked');
+      if ($("#difficulty").val() == "reaction"){
+        formDataObject.interval_type = "reaction";
+      }
+      if ($("#action").val() != "command"){
+        formDataObject.command = formDataObject.action + "_server";
+      }
+      if (formDataObject.cron_string != ""){
+        formDataObject.interval_type = '';
+      }
+      console.log(formDataObject);
+      // Format the plain form data as JSON
+      let formDataJsonString = JSON.stringify(formDataObject, replacer);
+
+      let res = await fetch(`/api/v2/servers/${serverId}/tasks/`, {
+        method: 'POST',
+        headers: {
+          'X-XSRFToken': token,
+          "Content-Type": "application/json",
+        },
+        body: formDataJsonString,
+      });
+      let responseData = await res.json();
+      if (responseData.status === "ok") {
+        window.location.href = `/panel/server_detail?id=${serverId}&subpage=schedules`;
+      } else {
+
+        bootbox.alert({
+          title: responseData.status,
+          message: responseData.error
+          });
+      } 
+    });
+
+    $("#schedule_form").on("submit", async function (e) {
+      e.preventDefault();
+      var token = getCookie("_xsrf")
+      let schForm = document.getElementById("schedule_form");
+
+      let formData = new FormData(schForm);
+      formData.delete("difficulty");
+      //Create an object from the form data entries
+      let formDataObject = Object.fromEntries(formData.entries());
+      //We need to make sure these are sent regardless of whether or not they're checked
+      formDataObject.enabled = $("#enabled").prop('checked');
+      formDataObject.one_time = $("#one_time").prop('checked');
+      if ($("#difficulty").val() == "reaction"){
+        formDataObject.interval_type = "reaction";
+      }
+      if ($("#action").val() != "command"){
+        formDataObject.command = formDataObject.action + "_server";
+      }
+      if (formDataObject.cron_string != ""){
+        formDataObject.interval_type = '';
+      }
+      console.log(formDataObject);
+      // Format the plain form data as JSON
+      let formDataJsonString = JSON.stringify(formDataObject, replacer);
+
+      console.log(formDataJsonString);
+
+      let res = await fetch(`/api/v2/servers/${serverId}/tasks/${schId}`, {
+        method: 'PATCH',
+        headers: {
+          'X-XSRFToken': token,
+          "Content-Type": "application/json", 
+        },
+        body: formDataJsonString,
+      });
+      let responseData = await res.json();
+      if (responseData.status === "ok") {
+        window.location.href = `/panel/server_detail?id=${serverId}&subpage=schedules`;
+      } else {
+
+        bootbox.alert({
+          title: responseData.error,
+          message: responseData.error_data
+          });
+      } 
+    });
+
+    });
+
+    function yesnoCheck() {
+      if (document.getElementById('action').value == "command") {
+        document.getElementById("ifYes").style.display = "block";
+        document.getElementById("command_input").required = true;
+      } else {
+        document.getElementById("ifYes").style.display = "none";
+        document.getElementById("command_input").required = false;
+      }
+    }
+    function basicAdvanced() {
+      if (document.getElementById('difficulty').value == "advanced") {
+        document.getElementById("ifAdvanced").style.display = "block";
+        document.getElementById("ifReaction").style.display = "none";
+        document.getElementById("ifBasic").style.display = "none";
+        document.getElementById("delay").required = false;
+        document.getElementById("parent").required = false;
+        document.getElementById("interval").required = false;
+        document.getElementById("time").required = false;
+      } else if (document.getElementById('difficulty').value == "reaction") {
+        document.getElementById("ifReaction").style.display = "block";
+        document.getElementById("ifBasic").style.display = "none";
+        document.getElementById("ifAdvanced").style.display = "none";
+        document.getElementById("delay").required = true;
+        document.getElementById("parent").required = true;
+        document.getElementById("interval").required = false;
+        document.getElementById("time").required = false;
+        $("#cron").val("");
+      }
+      else {
+        document.getElementById("ifAdvanced").style.display = "none";
+        document.getElementById("ifReaction").style.display = "none";
+        document.getElementById("ifBasic").style.display = "block";
+        document.getElementById("delay").required = false;
+        document.getElementById("parent").required = false;
+        document.getElementById("interval").required = true;
+        document.getElementById("time").required = true;
+        $("#cron").val("");
+      }
+    }
+    function ifDays() {
+      if (document.getElementById('interval_type').value == "days") {
+        document.getElementById("ifDays").style.display = "block";
+        document.getElementById("time").required = true;
+      } else {
+        document.getElementById("ifDays").style.display = "none";
+        document.getElementById("time").required = false;
+      }
+    }
+
+    function startup() {
+    }
+
+    window.onload(startup())
+  </script>
+
+  {% end %}
\ No newline at end of file
diff --git a/app/frontend/templates/panel/server_webhooks.html b/app/frontend/templates/panel/server_webhooks.html
index b8552401..e0342c4b 100644
--- a/app/frontend/templates/panel/server_webhooks.html
+++ b/app/frontend/templates/panel/server_webhooks.html
@@ -52,7 +52,7 @@
                     data-placement="bottom"></span>
                   {% end %}
                   <div><button
-                      onclick="location.href=`/panel/add_schedule?id={{ data['server_stats']['server_id']['server_id'] }}`"
+                      onclick="location.href=`/panel/add_webhook?id={{ data['server_stats']['server_id']['server_id'] }}`"
                       class="btn btn-info">{{ translate('serverSchedules', 'create', data['lang']) }}<i
                         class="fas fa-pencil-alt"></i></button></div>
                 </div>