From 5d1fbb5cbf05af95028bfdd4842d813cb0ae02e5 Mon Sep 17 00:00:00 2001
From: aljawaid <10233708+aljawaid@users.noreply.github.com>
Date: Thu, 7 Sep 2023 21:58:42 +0100
Subject: [PATCH] FIX: Migrate Icons for Improved Performance

 - Resolves #15
---
 Assets/css/kanboard-support-icons.css |  6 +++
 Assets/css/kanboard-support.css       |  6 +++
 Template/config/webhook.php           | 54 ++++++++++++++-------------
 3 files changed, 40 insertions(+), 26 deletions(-)

diff --git a/Assets/css/kanboard-support-icons.css b/Assets/css/kanboard-support-icons.css
index bbb6e51..eafc486 100644
--- a/Assets/css/kanboard-support-icons.css
+++ b/Assets/css/kanboard-support-icons.css
@@ -13,3 +13,9 @@ li.support-dropdown i.fa-question-circle::before {
     pointer-events: none;
     display: inline-block;
 }
+
+.webhooks-icon {
+    content: url("data:image/svg+xml,%3Csvg width='20' height='20' class='webhooks-icon' viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%236C6E6E' d='M17.188 13.281a7.031 7.031 0 0 1 14.063 0 2.344 2.344 0 0 0 4.688 0 11.719 11.719 0 1 0 -19.188 9.028l-7.1 13.306a2.344 2.344 0 0 0 4.138 2.206L21.875 22.656a2.344 2.344 0 0 0 -0.966 -3.172A7.031 7.031 0 0 1 17.188 13.281Z'/%3E%3Cpath fill='%23DA004C' d='M23.012 11.272a2.344 2.344 0 0 1 3.219 0.803l8.15 13.591a11.719 11.719 0 1 1 -1.962 21.203 2.344 2.344 0 0 1 2.35 -4.059 7.031 7.031 0 1 0 -0.103 -12.125 2.344 2.344 0 0 1 -3.219 -0.8L22.209 14.488a2.344 2.344 0 0 1 0.803 -3.219Z'/%3E%3Cpath fill='%23000000' d='M9.063 27.425A2.344 2.344 0 0 1 8.203 30.625 7.031 7.031 0 1 0 18.75 36.719a2.344 2.344 0 0 1 2.344 -2.347h17.188a2.344 2.344 0 0 1 0 4.688H23.203a11.722 11.722 0 1 1 -17.344 -12.494 2.344 2.344 0 0 1 3.2 0.856Z'/%3E%3C/svg%3E");
+    pointer-events: none;
+    display: inline-block;
+}
diff --git a/Assets/css/kanboard-support.css b/Assets/css/kanboard-support.css
index a02f081..69a56cb 100644
--- a/Assets/css/kanboard-support.css
+++ b/Assets/css/kanboard-support.css
@@ -472,3 +472,9 @@ a.kb-updates-link {
     transition: var(--transition-kanboard-support);
     font-style: italic;
 }
+
+.webhooks-page h2 .webhooks-icon {
+    vertical-align: text-top;
+    width: 22px;
+    height: 22px;
+}
diff --git a/Template/config/webhook.php b/Template/config/webhook.php
index e8ec16d..710d37a 100644
--- a/Template/config/webhook.php
+++ b/Template/config/webhook.php
@@ -1,32 +1,34 @@
 <!-- KanboardSupport Plugin -->
-<div class="page-header">
-    <h2 class=""><?= t('Webhook Settings') ?></h2>
-</div>
-<form method="post" class="" action="<?= $this->url->href('ConfigController', 'save', array('redirect' => 'webhook')) ?>" autocomplete="true">
-    <?= $this->form->csrf() ?>
+<div class="webhooks-page">
+    <div class="page-header" style="margin-top: 10px;">
+        <h2 class=""><span class="webhooks-icon"></span> <?= t('Webhook Settings') ?></h2>
+    </div>
+    <form method="post" class="" action="<?= $this->url->href('ConfigController', 'save', array('redirect' => 'webhook')) ?>" autocomplete="true">
+        <?= $this->form->csrf() ?>
+
+        <?= $this->form->label(t('Webhook URL'), 'webhook_url') ?>
+        <?= $this->form->text('webhook_url', $values, $errors) ?>
 
-    <?= $this->form->label(t('Webhook URL'), 'webhook_url') ?>
-    <?= $this->form->text('webhook_url', $values, $errors) ?>
+        <div class="form-actions">
+            <button type="submit" class="btn btn-blue"><?= t('Save') ?></button>
+        </div>
+    </form>
 
-    <div class="form-actions">
-        <button type="submit" class="btn btn-blue"><?= t('Save') ?></button>
+    <div class="page-header margin-top">
+        <h2 class=""><?= t('Webhook Token') ?></h2>
+    </div>
+    <section class="message error cleaner-warning">
+                <header></header>
+                <i class=""></i>
+                <h3 class="">
+                    <span class="message-title"><?= t('Warning') ?></span>
+                    <span class="message-text"><?= t('Resetting the webhook token may require the cron background jobs to be manually updated') ?></span>
+                </h3>
+            </section>
+    <div class="panel">
+        <?= t('Token:') ?>
+        <strong><?= $this->text->e($values['webhook_token']) ?></strong>
     </div>
-</form>
 
-<div class="page-header margin-top">
-    <h2 class=""><?= t('Webhook Token') ?></h2>
-</div>
-<section class="message error cleaner-warning">
-            <header></header>
-            <i class=""></i>
-            <h3 class="">
-                <span class="message-title"><?= t('Warning') ?></span>
-                <span class="message-text"><?= t('Resetting the webhook token may require the cron background jobs to be manually updated') ?></span>
-            </h3>
-        </section>
-<div class="panel">
-    <?= t('Token:') ?>
-    <strong><?= $this->text->e($values['webhook_token']) ?></strong>
+    <?= $this->url->link(t('Reset Token'), 'ConfigController', 'token', array('type' => 'webhook'), true, 'btn btn-red') ?>
 </div>
-
-<?= $this->url->link(t('Reset Token'), 'ConfigController', 'token', array('type' => 'webhook'), true, 'btn btn-red') ?>