notification componenets

mstgnz · Jun 20, 2024 · 9b5bfbf · 9b5bfbf
1 parent af87f2e
commit 9b5bfbf
Show file tree

Hide file tree

Showing 6 changed files with 53 additions and 53 deletions.
diff --git a/handler/web/notification.go b/handler/web/notification.go
@@ -9,5 +9,5 @@ import (
 type NotificationHandler struct{}
 
 func (h *NotificationHandler) HomeHandler(w http.ResponseWriter, r *http.Request) error {
-	return config.Render(w, "notification", map[string]any{})
+	return config.Render(w, "notification", map[string]any{}, "notification/list", "notification/email", "notification/message", "notification/new")
 }
diff --git a/views/components/notification/email.gohtml b/views/components/notification/email.gohtml
@@ -1,7 +1,7 @@
 {{template "base" . }}
 
-{{define "webhookNew" }}
+{{define "notificationEmail" }}
 
-New Webhook
+notification email
 
 {{end}}
diff --git a/views/components/notification/list.gohtml b/views/components/notification/list.gohtml
@@ -1,7 +1,47 @@
 {{template "base" . }}
 
-{{define "webhookNew" }}
+{{define "notificationList" }}
 
-New Webhook
+<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>
 
 {{end}}
diff --git a/views/components/notification/message.gohtml b/views/components/notification/message.gohtml
@@ -1,7 +1,7 @@
 {{template "base" . }}
 
-{{define "webhookNew" }}
+{{define "notificationMessage" }}
 
-New Webhook
+notification Message
 
 {{end}}
diff --git a/views/components/notification/new.gohtml b/views/components/notification/new.gohtml
@@ -1,7 +1,7 @@
 {{template "base" . }}
 
-{{define "webhookNew" }}
+{{define "notificationNew" }}
 
-New Webhook
+notification new
 
 {{end}}
diff --git a/views/pages/notification.gohtml b/views/pages/notification.gohtml
@@ -23,56 +23,16 @@
     </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 "notificationList" .}}{{end}}
         </div>
         <div class="tab-pane fade" id="emails" role="tabpanel">
-            emails
+            {{block "notificationEmail" .}}{{end}}
         </div>
         <div class="tab-pane fade" id="messages" role="tabpanel">
-            messages
+            {{block "notificationMessage" .}}{{end}}
         </div>
         <div class="tab-pane fade" id="new" role="tabpanel">
-            def
+            {{block "notificationNew" .}}{{end}}
         </div>
     </div>
 </div>