Merge pull request #198 from Kometa-Team/187-webhook-validation-butto…

…n-does-nothing 187 webhook validation button does nothing
Kometa-Team · Jan 19, 2025 · c91970d · c91970d
2 parents e448a5e + 62d2735
commit c91970d
Show file tree

Hide file tree

Showing 4 changed files with 1,283 additions and 451 deletions.
diff --git a/static/css/styles.css b/static/css/styles.css
@@ -219,3 +219,30 @@ div#loading {
 .tooltip.show {
     opacity: 1.0 !important;
 }
+
+.mt-4 {
+    margin-top: 0 !important;
+
+
+.nav-button {
+    background-color: #00bc8c !important;
+    color: white !important;
+    border-color: #00bc8c !important;
+}
+.nav-button:hover {
+    background-color: #019c75 !important;
+    border-color: #019c75 !important;
+}}
+
+.form-check-input:checked {
+    background-color: #00bc8c;
+    border-color: #0f5132;
+}
+
+.accordion-button:not(.collapsed) {
+    background-color: transparent;
+}
+
+a {
+    color: rgb(255 255 255 / 70%);
+}
diff --git a/static/local-js/090-webhooks.js b/static/local-js/090-webhooks.js
@@ -81,7 +81,7 @@ function validateWebhook (webhookType) {
   const validateButton = inputGroup.find('.validate-button')
   const webhookTypeFormatted = webhookType.replace(/_/g, ' ').replace(/\b\w/g, function (l) { return l.toUpperCase() })
 
-  showSpinner2(webhookType)
+  showSpinner(webhookType)
   validationMessage.html('<div class="alert alert-info" role="alert">Validating...</div>')
   validationMessage.show()
 
@@ -98,19 +98,19 @@ function validateWebhook (webhookType) {
     .then(response => response.json())
     .then(data => {
       if (data.success) {
-        hideSpinner2(webhookType)
+        hideSpinner(webhookType)
         validationMessage.html('<div class="alert alert-success" role="alert">' + data.success + '</div>')
         validateButton.prop('disabled', true)
         validatedWebhooks['webhooks_' + webhookType] = true
       } else {
-        hideSpinner2(webhookType)
+        hideSpinner(webhookType)
         validationMessage.html('<div class="alert alert-danger" role="alert">' + data.error + '</div>')
         validatedWebhooks['webhooks_' + webhookType] = false
       }
       updateValidationState()
     })
     .catch((error) => {
-      hideSpinner2(webhookType)
+      hideSpinner(webhookType)
       console.error('Error:', error)
       validationMessage.html('<div class="alert alert-danger" role="alert">An error occurred. Please try again.</div>')
       validatedWebhooks['webhooks_' + webhookType] = false

diff --git a/templates/000-base.html b/templates/000-base.html
@@ -16,13 +16,13 @@
     <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
     <script>
-      // Initialize Bootstrap tooltips
-      document.addEventListener("DOMContentLoaded", function () {
-        const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
-        tooltipTriggerList.map(function (tooltipTriggerEl) {
-          return new bootstrap.Tooltip(tooltipTriggerEl);
-        });
+    // Initialize Bootstrap tooltips
+    document.addEventListener("DOMContentLoaded", function () {
+      const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
+      tooltipTriggerList.map(function (tooltipTriggerEl) {
+        return new bootstrap.Tooltip(tooltipTriggerEl);
       });
+    });
     </script>
     <link rel="icon" href="{{ url_for('static', filename='favicon.png') }}" />
     <link