Project Round 7

public/css/login.css

@@ -93,3 +93,21 @@ a {
 a:hover {
     text-decoration: underline;
 }
+
+.alert {
+    padding: 10px 15px;
+    margin: 10px 0;
+    border-radius: 5px;
+    font-size: 16px;
+  }
+  
+  .alert-success {
+    background-color: #28a745;
+    color: white;
+  }
+  
+  .alert-danger {
+    background-color: #dc3545;
+    color: white;
+  }
+  
\ No newline at end of file

public/css/regis.css

@@ -112,3 +112,21 @@ a {
 a:hover {
     text-decoration: underline;
 }
+
+.alert {
+    padding: 10px 15px;
+    margin: 10px 0;
+    border-radius: 5px;
+    font-size: 16px;
+  }
+  
+  .alert-success {
+    background-color: #28a745;
+    color: white;
+  }
+  
+  .alert-danger {
+    background-color: #dc3545;
+    color: white;
+  }
+  
\ No newline at end of file

views/login.ejs

@@ -13,6 +13,18 @@
         <% if (message) { %>
             <div class="error-message"><%= message %></div>
         <% } %>
+        <!-- แสดงข้อความแจ้งเตือน -->
+        <% if (messages.success) { %>
+            <div class="alert alert-success">
+            <%= messages.success %>
+            </div>
+        <% } %>
+        
+        <% if (messages.error) { %>
+            <div class="alert alert-danger">
+            <%= messages.error %>
+            </div>
+        <% } %>
         
         <form action="/login" method="POST">
             <div class="input-group">
@@ -27,6 +39,8 @@
         </form>
 
         <p>Don't have an account? <a href="/register">Register here</a></p>
+
+        
     </div>
 </body>
 </html>

views/register.ejs

@@ -14,6 +14,19 @@
             <div class="error-message"><%= message %></div>
         <% } %>
 
+        <!-- แสดงข้อความแจ้งเตือน -->
+        <% if (messages.success) { %>
+            <div class="alert alert-success">
+            <%= messages.success %>
+            </div>
+        <% } %>
+        
+        <% if (messages.error) { %>
+            <div class="alert alert-danger">
+            <%= messages.error %>
+            </div>
+        <% } %>
+
         <form action="/register" method="POST">
             <div class="input-group">
                 <label for="name">Name</label>