From c6d9256a1f67959eca64fe3edddb6ffd58f11e85 Mon Sep 17 00:00:00 2001
From: Mesut GENEZ <genezmesut@gmail.com>
Date: Thu, 20 Jun 2024 14:05:40 +0300
Subject: [PATCH] webhook componenets

---
 handler/web/webhook.go               |  2 +-
 views/components/webhook/list.gohtml | 49 ++++++++++++++++++++++++++++
 views/components/webhook/new.gohtml  |  7 ++++
 views/pages/webhook.gohtml           | 44 ++-----------------------
 4 files changed, 59 insertions(+), 43 deletions(-)
 create mode 100644 views/components/webhook/list.gohtml
 create mode 100644 views/components/webhook/new.gohtml

diff --git a/handler/web/webhook.go b/handler/web/webhook.go
index 0d68c05..a958227 100644
--- a/handler/web/webhook.go
+++ b/handler/web/webhook.go
@@ -9,5 +9,5 @@ import (
 type WebhookHandler struct{}
 
 func (h *WebhookHandler) HomeHandler(w http.ResponseWriter, r *http.Request) error {
-	return config.Render(w, "webhook", map[string]any{})
+	return config.Render(w, "webhook", map[string]any{}, "webhook/list", "webhook/new")
 }
diff --git a/views/components/webhook/list.gohtml b/views/components/webhook/list.gohtml
new file mode 100644
index 0000000..bdf5fce
--- /dev/null
+++ b/views/components/webhook/list.gohtml
@@ -0,0 +1,49 @@
+{{template "base" . }}
+
+{{define "webhookList" }}
+
+<div class="tab-pane fade show active" id="lists" role="tabpanel">
+    <table class="table">
+        <thead>
+            <tr>
+                <th scope="col">#</th>
+                <th scope="col">First</th>
+                <th scope="col">Last</th>
+                <th scope="col">Handle</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <th scope="row">1</th>
+                <td>Mark</td>
+                <td>Otto</td>
+                <td>@mdo</td>
+            </tr>
+            <tr>
+                <th scope="row">2</th>
+                <td>Jacob</td>
+                <td>Thornton</td>
+                <td>@fat</td>
+            </tr>
+            <tr>
+                <th scope="row">3</th>
+                <td colspan="2">Larry the Bird</td>
+                <td>@twitter</td>
+            </tr>
+        </tbody>
+    </table>
+    <!-- Pagination -->
+    <div class="mt-4">
+        <nav aria-label="Page navigation example">
+            <ul class="pagination">
+                <li class="page-item"><a class="page-link" href="#">Previous</a></li>
+                <li class="page-item"><a class="page-link" href="#">1</a></li>
+                <li class="page-item"><a class="page-link" href="#">2</a></li>
+                <li class="page-item"><a class="page-link" href="#">3</a></li>
+                <li class="page-item"><a class="page-link" href="#">Next</a></li>
+            </ul>
+        </nav>
+    </div>
+</div>
+
+{{end}}
\ No newline at end of file
diff --git a/views/components/webhook/new.gohtml b/views/components/webhook/new.gohtml
new file mode 100644
index 0000000..f831c61
--- /dev/null
+++ b/views/components/webhook/new.gohtml
@@ -0,0 +1,7 @@
+{{template "base" . }}
+
+{{define "webhookNew" }}
+
+New Webhook
+
+{{end}}
\ No newline at end of file
diff --git a/views/pages/webhook.gohtml b/views/pages/webhook.gohtml
index c1bdeb3..4fd07fc 100644
--- a/views/pages/webhook.gohtml
+++ b/views/pages/webhook.gohtml
@@ -15,50 +15,10 @@
     </ul>
     <div class="tab-content">
         <div class="tab-pane fade show active" id="lists" role="tabpanel">
-            <table class="table">
-                <thead>
-                    <tr>
-                        <th scope="col">#</th>
-                        <th scope="col">First</th>
-                        <th scope="col">Last</th>
-                        <th scope="col">Handle</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <th scope="row">1</th>
-                        <td>Mark</td>
-                        <td>Otto</td>
-                        <td>@mdo</td>
-                    </tr>
-                    <tr>
-                        <th scope="row">2</th>
-                        <td>Jacob</td>
-                        <td>Thornton</td>
-                        <td>@fat</td>
-                    </tr>
-                    <tr>
-                        <th scope="row">3</th>
-                        <td colspan="2">Larry the Bird</td>
-                        <td>@twitter</td>
-                    </tr>
-                </tbody>
-            </table>
-            <!-- Pagination -->
-            <div class="mt-4">
-                <nav aria-label="Page navigation example">
-                    <ul class="pagination">
-                        <li class="page-item"><a class="page-link" href="#">Previous</a></li>
-                        <li class="page-item"><a class="page-link" href="#">1</a></li>
-                        <li class="page-item"><a class="page-link" href="#">2</a></li>
-                        <li class="page-item"><a class="page-link" href="#">3</a></li>
-                        <li class="page-item"><a class="page-link" href="#">Next</a></li>
-                    </ul>
-                </nav>
-            </div>
+            {{block "webhookList" .}}{{end}}
         </div>
         <div class="tab-pane fade" id="new" role="tabpanel"s>
-            def
+            {{block "webhookNew" .}}{{end}}
         </div>
     </div>
 </div>