Style - Writing a Webhook Receiver

- #18
aljawaid · Sep 13, 2023 · 11b80e9 · 11b80e9
1 parent 371b65e
commit 11b80e9
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 7 deletions.
diff --git a/Assets/css/kanboard-support.css b/Assets/css/kanboard-support.css
@@ -483,7 +483,11 @@ a.kb-updates-link {
     margin-bottom: 30px;
 }
 
-#SupportedEvents ul li {
+#SupportedEvents ul li, #WebhookReceiver ul li {
+    margin-bottom: 10px;
+}
+
+#WebhookReceiver p {
     margin-bottom: 10px;
 }
 

diff --git a/Template/config/webhook_information.php b/Template/config/webhook_information.php
@@ -25,23 +25,32 @@
             <li class=""><i class="fa-li fa fa-check-square pp-green"></i><code class="event-code">task_internal_link.delete</code></li>
         </ul>
     </section>
-    <section class="">
-        <div id="WebhookReceiver" class="page-header">
+    <section id="WebhookReceiver" class="">
+        <div class="page-header">
             <h2 class=""><span class="webhooks-icon"></span> <?= t('Writing a Webhook Receiver') ?></h2>
         </div>
         <p class=""><?= t('All internal events of this application can be sent to an external URL.') ?></p>
-        <ul class="">
+        <ul class="fa-ul">
             <li class="">
-                <?= e('The webhook URL must be defined in %s.', $this->url->link(t('Webhooks'), 'ConfigController', 'webhook')) ?>
+                <i class="fa-li fa fa-terminal"></i>
+                <?= e('The webhook URL must be defined in %s.', $this->url->link(t('Webhooks'), 'ConfigController', 'webhook', array(), false, 'webhooks-link', t('Go to Settings'))) ?>
             </li>
             <li class="">
+                <i class="fa-li fa fa-terminal"></i>
                 <?= t('When an event is triggered this application calls the predefined URL automatically.') ?>
             </li>
             <li class="">
+                <i class="fa-li fa fa-terminal"></i>
                 <?= t('Data is encoded in JSON format and sent with a POST HTTP request.') ?>
             </li>
-            <li class=""><?= t('The webhook token is also sent as a query string parameter, allowing the user to confirm whether the request was actually called from this application.') ?></li>
-            <li class=""><?= t('The custom URL must respond in less than 1 second as such requests are synchronous (a PHP limitation). The user interface can suffer from sever performance issues if your script is too slow.') ?></li>
+            <li class="">
+                <i class="fa-li fa fa-terminal"></i>
+                <?= t('The webhook token is also sent as a query string parameter, allowing the user to confirm whether the request was actually called from this application.') ?>
+            </li>
+            <li class="">
+                <i class="fa-li fa fa-terminal"></i>
+                <?= t('The custom URL must respond in less than 1 second as such requests are synchronous (a PHP limitation). The user interface can suffer from sever performance issues if your script is too slow.') ?>
+            </li>
         </ul>
     </section>
     <section class="">