ini

views/index.pug

@@ -0,0 +1,19 @@
+doctype html
+html
+  head
+    title= title
+  body
+    h1 Welcome to our Web App!
+    p This is a simple example using Express and Pug.
+    a(href='/users') View Users
+
+    div 
+        div 
+            p Transactions 
+            p=transactionCount
+        div 
+            p Categorys 
+            p=categoryCount
+        div 
+            p Users 
+            p=userCount

views/layout/base.pug

@@ -0,0 +1,13 @@
+doctype html
+html
+  head
+    title= title
+    link(href="/assets/css/app.css",rel="stylesheet")
+
+    block additionalAssets
+
+  body 
+    div.container 
+        block headline
+
+        block content

views/transactions/transactions.pug

@@ -0,0 +1,24 @@
+extends ../layout/base.pug
+
+block headline 
+  h1 Transactions 
+
+block content
+  form(action="/tansactions",method="POST") 
+
+
+    table 
+      thead 
+        th ID 
+        th Date 
+        th Description 
+        th Account
+        th Amount
+      tbody
+      each transaction in transactions
+        tr 
+          td=transaction.TransactionID
+          td=transaction.Date
+          td=transaction.Description
+          td=transaction.Account.Name
+          td(class=`${transaction.Type} amount` )=transaction.Amount

views/users.pug

@@ -0,0 +1,9 @@
+doctype html
+html
+  head
+    title= title
+  body
+    h1 Users
+    ul
+      each user in users
+        li= user.Name