2023.12.21.10.05

views/index.pug

@@ -1,10 +1,14 @@
-doctype html
-html
-  head
-    title= title
-  body
-    h1 Welcome to our Web App!
-    p This is a simple example using Express and Pug.
+extends layout/base.pug
+
+block nav 
+  a(href="/transactions") Transactions 
+  a(href="/transactions/addTransaction") + Transaction 
+  a(href="/transactions/addTransfer") + Transfer
+
+block headline 
+  h1 Home 
+
+block content
     a(href='/users') View Users
 
     div 

views/transactions/modifyTransaction.pug

@@ -0,0 +1,39 @@
+extends ./transactions.pug
+block content 
+    form(action="/transactions/addTransaction",method="POST") 
+        div.form-group
+            .text Description
+            .input 
+                textarea(name="description", cols="30", rows="5")
+        div.form-group.half
+            .text Date
+            .input 
+                input(type="date",name="date")
+        div.form-group.half
+            .text Time
+            .input  
+                input(type="time",name="time")
+        div.form-group.half
+            .text Type
+            .input 
+                select(name="type") 
+                    option(value="income") Income 
+                    option(value="expense",select) Expense 
+                    option(value="transfer") Transfer
+        div.form-group.half
+            .text Account
+            .input 
+                select(name="account") 
+                    each account in accounts
+                        option(value=account.AccountID)=account.Name 
+        div.form-group.half
+            .text Amount
+            .input 
+                input(type="number",min="0",step="0.01",name="amount",required)
+        div.form-group.half
+            .text Category
+            .input 
+                select(name="category") 
+                    each category in categories
+                        option(value=category.CategoryID,title=category.Description)=category.Name
+        button(type="submit") Modify Transaction