Merge pull request 'Improve handling of transactions' (#12) from transaction-handling into master

Reviewed-on: #12

.dockerignore

@@ -7,4 +7,5 @@ config.example.json
 .gitignore
 .vscode/
 budgeteer
-budgeteer.exe
+budgeteer.exe
+**/node_modules/

.drone.yml

@@ -6,8 +6,9 @@ name: budgeteer
 steps:
 - name: Taskfile.dev
   image: hub.javil.eu/budgeteer:dev
+  pull: true
   commands:
-    - task build
+    - task ci
 
 - name: docker  
   image: plugins/docker
@@ -22,6 +23,11 @@ steps:
     dockerfile: build/Dockerfile
     tags: 
       - latest
+  when:
+    event:
+      exclude:
+      - pull_request
+
 
 image_pull_secrets:
 - hub.javil.eu 

.gitignore

@@ -4,6 +4,7 @@
 
 # Unignore all with extensions
 !*.*
+!Dockerfile
 
 # Unignore all dirs
 !*/
@@ -85,4 +86,9 @@ GitHub.sublime-settings
 # Support for Project snippet scope
 !.vscode/*.code-snippets
 
-# End of https://www.toptal.com/developers/gitignore/api/visualstudiocode,sublimetext,go
+# End of https://www.toptal.com/developers/gitignore/api/visualstudiocode,sublimetext,go
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local

.golangci.yml

@@ -0,0 +1,26 @@
+linters:
+  enable-all: true
+  disable:
+    - golint
+    - scopelint
+    - maligned
+    - interfacer
+    - wsl
+    - forbidigo
+    - nlreturn
+    - testpackage
+    - ifshort
+    - exhaustivestruct
+    - gci # not working, shows errors on freshly formatted file
+    - varnamelen
+linters-settings:
+  errcheck:
+    exclude-functions:
+      - io/ioutil.ReadFile
+      - io.Copy(*bytes.Buffer)
+      - (*github.com/gin-gonic/gin.Context).AbortWithError
+      - (*github.com/gin-gonic/gin.Context).AbortWithError
+      - io.Copy(os.Stdout)
+  varnamelen:
+    ignore-decls:
+      - c *gin.Context

.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+        "files.exclude": {
+                "**/node_modules": true,
+                "**/vendor": true
+        },
+        "gopls": {
+                "formatting.gofumpt": true,
+        }
+}

.woodpecker.yml

@@ -0,0 +1,23 @@
+pipeline:
+  build:
+    name: Taskfile.dev
+    image: hub.javil.eu/budgeteer:dev
+    pull: true
+    commands:
+      - task ci
+
+  docker:
+    image: plugins/docker
+    secrets: [ docker_username, docker_password ]
+    settings:
+      registry: hub.javil.eu
+      repo: hub.javil.eu/budgeteer
+      context: build
+      dockerfile: build/Dockerfile
+      tags: 
+        - latest
+    when:
+      event: [push, tag, deployment]
+
+image_pull_secrets:
+- hub.javil.eu 

Dockerfile.dev

@@ -1,3 +0,0 @@
-FROM golang:1.17
-RUN go install github.com/kyleconroy/sqlc/cmd/sqlc@latest
-RUN go install github.com/go-task/task/v3/cmd/task@latest

Earthfile

@@ -12,7 +12,7 @@ docker:
 	WORKDIR /app
 	COPY +build/budgeteer .
 	ENTRYPOINT ["/app/budgeteer"]
-	SAVE IMAGE budgeteer:latest
+	SAVE IMAGE hub.javil.eu/budgeteer:latest
 
 run:
 	LOCALLY

README.md

@@ -1,3 +1,20 @@
 # Budgeteer
 
-Budgeting Web-Application
+Budgeting Web-Application
+
+## Data structure
+
+1 User
+N Budgets
+        AccountID[]
+        CategoryID[]
+        PayeeID[]
+
+N Accounts
+        TransactionID[]
+N Categories
+        AssignmentID[]
+N Payees
+
+N Transactions
+N Assignments

Taskfile.yml

@@ -1,9 +1,12 @@
 version: '3'
 
+vars:
+  IMAGE_NAME: hub.javil.eu/budgeteer
+
 tasks:
   default:
     cmds:
-      - task: build
+      - task: build-prod
 
   sqlc:
     desc: sqlc code generation
@@ -27,17 +30,11 @@ tasks:
 
   build:
     desc: Build budgeteer
-    deps: [gomod, sqlc]
     sources:
       - ./go.mod
       - ./go.sum
-      - ./cmd/budgeteer/*.go
-      - ./*.go
-      - ./config/*.go
-      - ./http/*.go
-      - ./jwt/*.go
-      - ./postgres/*.go
-      - ./web/**/*
+      - ./**/*.go
+      - ./web/dist/**/*
       - ./postgres/schema/*
     generates:
       - build/budgeteer{{exeExt}}
@@ -46,15 +43,67 @@ tasks:
     cmds:
       - go build -o ./build/budgeteer{{exeExt}} ./cmd/budgeteer
 
+  build-dev:
+    desc: Build budgeteer in dev mode
+    deps: [gomod, sqlc]
+    cmds:
+      - go vet
+      - go fmt
+      - golangci-lint run
+      - task: build
+
+  build-prod:
+    desc: Build budgeteer in prod mode
+    deps: [gomod, sqlc, frontend]
+    cmds:
+      - go vet
+      - go fmt
+      - golangci-lint run
+      - task: build
+
+  ci:
+    desc: Run CI build
+    cmds:
+      - task: build-prod
+
+  frontend:
+    desc: Build vue frontend
+    dir: web
+    sources:
+      - web/src/**/*
+    generates:
+      - web/dist/**/*
+    cmds:
+      - yarn
+      - yarn build
+
   docker:
     desc: Build budgeeter:latest
-    deps: [build]
+    deps: [build-prod]
     sources:
-      - ./build/budgeteer
+      - ./build/budgeteer{{exeExt}}
+      - ./build/Dockerfile
     cmds:
-      - docker build -t budgeteer:latest -t hub.javil.eu/budgeteer:latest ./build
+      - docker build -t {{.IMAGE_NAME}}:latest ./build
+      - docker push {{.IMAGE_NAME}}:latest
+
+  dev-docker:
+    desc: Build budgeeter:dev
+    sources:
+      - ./docker/Dockerfile
+      - ./docker/build.sh
+      - ./web/package.json
+    cmds:
+      - docker build -t {{.IMAGE_NAME}}:dev . -f docker/Dockerfile
+      - docker push {{.IMAGE_NAME}}:dev
 
   run:
+    desc: Start budgeteer
+    deps: [build-dev]
+    cmds:
+      - ./build/budgeteer{{exeExt}}
+
+  rundocker:
     desc: Start docker-compose
     deps: [docker]
     cmds:

bcrypt/verifier.go

@@ -1,23 +1,30 @@
-package bcrypt
-
-import "golang.org/x/crypto/bcrypt"
-
-// Verifier verifys passwords using Bcrypt
-type Verifier struct {
-	cost int
-}
-
-// Verify verifys a Password
-func (bv *Verifier) Verify(password string, hashOnDb string) error {
-	return bcrypt.CompareHashAndPassword([]byte(hashOnDb), []byte(password))
-}
-
-// Hash calculates a hash to be stored on the database
-func (bv *Verifier) Hash(password string) (string, error) {
-	hash, err := bcrypt.GenerateFromPassword([]byte(password), bv.cost)
-	if err != nil {
-		return "", err
-	}
-
-	return string(hash[:]), nil
-}
+package bcrypt
+
+import (
+	"fmt"
+
+	"golang.org/x/crypto/bcrypt"
+)
+
+// Verifier verifys passwords using Bcrypt.
+type Verifier struct{}
+
+// Verify verifys a Password.
+func (bv *Verifier) Verify(password string, hashOnDB string) error {
+	err := bcrypt.CompareHashAndPassword([]byte(hashOnDB), []byte(password))
+	if err != nil {
+		return fmt.Errorf("verify password: %w", err)
+	}
+
+	return nil
+}
+
+// Hash calculates a hash to be stored on the database.
+func (bv *Verifier) Hash(password string) (string, error) {
+	hash, err := bcrypt.GenerateFromPassword([]byte(password), bcrypt.DefaultCost)
+	if err != nil {
+		return "", fmt.Errorf("hash password: %w", err)
+	}
+
+	return string(hash), nil
+}

cmd/budgeteer/main.go

@@ -1,13 +1,16 @@
 package main
 
 import (
+	"io/fs"
 	"log"
+	"net/http"
 
 	"git.javil.eu/jacob1123/budgeteer/bcrypt"
 	"git.javil.eu/jacob1123/budgeteer/config"
-	"git.javil.eu/jacob1123/budgeteer/http"
 	"git.javil.eu/jacob1123/budgeteer/jwt"
 	"git.javil.eu/jacob1123/budgeteer/postgres"
+	"git.javil.eu/jacob1123/budgeteer/server"
+	"git.javil.eu/jacob1123/budgeteer/web"
 )
 
 func main() {
@@ -16,19 +19,24 @@ func main() {
 		log.Fatalf("Could not load config: %v", err)
 	}
 
-	bv := &bcrypt.Verifier{}
-
-	q, err := postgres.Connect(cfg.DatabaseHost, cfg.DatabaseUser, cfg.DatabasePassword, cfg.DatabaseName)
+	queries, err := postgres.Connect("pgx", cfg.DatabaseConnection)
 	if err != nil {
 		log.Fatalf("Failed connecting to DB: %v", err)
 	}
 
-	tv := &jwt.TokenVerifier{}
-
-	h := &http.Handler{
-		Service:             q,
-		TokenVerifier:       tv,
-		CredentialsVerifier: bv,
+	static, err := fs.Sub(web.Static, "dist")
+	if err != nil {
+		panic("couldn't open static files")
 	}
-	h.Serve()
+
+	handler := &server.Handler{
+		Service: queries,
+		TokenVerifier: &jwt.TokenVerifier{
+			Secret: cfg.SessionSecret,
+		},
+		CredentialsVerifier: &bcrypt.Verifier{},
+		StaticFS:            http.FS(static),
+	}
+
+	handler.Serve()
 }

config/config.go

@@ -1,29 +1,21 @@
-package config
-
-import (
-	"os"
-)
-
-// Config contains all needed configurations
-type Config struct {
-	DatabaseUser     string
-	DatabaseHost     string
-	DatabasePassword string
-	DatabaseName     string
-}
-
-// LoadConfig from path
-func LoadConfig() (*Config, error) {
-	configuration := Config{
-		DatabaseUser:     os.Getenv("BUDGETEER_DB_USER"),
-		DatabaseHost:     os.Getenv("BUDGETEER_DB_HOST"),
-		DatabasePassword: os.Getenv("BUDGETEER_DB_PASS"),
-		DatabaseName:     os.Getenv("BUDGETEER_DB_NAME"),
-	}
-
-	if configuration.DatabaseName == "" {
-		configuration.DatabaseName = "budgeteer"
-	}
-
-	return &configuration, nil
-}
+package config
+
+import (
+	"os"
+)
+
+// Config contains all needed configurations.
+type Config struct {
+	DatabaseConnection string
+	SessionSecret      string
+}
+
+// LoadConfig from path.
+func LoadConfig() (*Config, error) {
+	configuration := Config{
+		DatabaseConnection: os.Getenv("BUDGETEER_DB"),
+		SessionSecret:      os.Getenv("BUDGETEER_SESSION_SECRET"),
+	}
+
+	return &configuration, nil
+}

docker-compose.dev.yml

@@ -0,0 +1,43 @@
+version: '3.7'
+
+services:
+        app:
+                image: hub.javil.eu/budgeteer:dev
+                container_name: budgeteer
+                stdin_open: true # docker run -i
+                tty: true        # docker run -t
+                ports:
+                        - 1323:1323
+                        - 3000:3000
+                user: '1000' 
+                volumes:
+                        - ~/budgeteer:/src
+                        - ~/.gitconfig:/.gitconfig
+                        - ~/.go:/go
+                        - ~/.cache:/.cache
+                environment:
+                        BUDGETEER_DB: postgres://budgeteer:budgeteer@db:5432/budgeteer
+                        BUDGETEER_SESSION_SECRET: random string for JWT authorization
+                depends_on:
+                        - db
+
+        db:
+                image: postgres:14
+                ports:
+                        - 5432:5432
+                volumes:
+                        - db:/var/lib/postgresql/data
+                environment:
+                        POSTGRES_USER: budgeteer
+                        POSTGRES_PASSWORD: budgeteer
+                        POSTGRES_DBE: budgeteer
+
+        adminer:
+                image: adminer
+                ports:
+                        - 1424:8080
+                depends_on:
+                        - db
+                
+volumes:
+        db:

docker-compose.yml

@@ -2,7 +2,7 @@ version: '3.7'
 
 services:
         app:
-                image: budgeteer:latest
+                image: hub.javil.eu/budgeteer:latest
                 container_name: budgeteer
                 ports:
                         - 1323:1323

docker/Dockerfile

@@ -0,0 +1,17 @@
+FROM alpine as godeps
+RUN apk add go
+RUN go install github.com/kyleconroy/sqlc/cmd/sqlc@latest
+RUN go install github.com/go-task/task/v3/cmd/task@latest
+RUN go install github.com/golangci/golangci-lint/cmd/golangci-lint@latest
+
+FROM alpine
+RUN apk add go
+RUN apk add nodejs yarn bash curl git git-perl tmux
+ADD docker/build.sh /
+RUN yarn global add @vue/cli
+ENV PATH="/root/.yarn/bin/:${PATH}"
+WORKDIR /src
+ADD web/package.json /src/web/
+RUN yarn
+COPY --from=godeps /root/go/bin/task /root/go/bin/sqlc /root/go/bin/golangci-lint /usr/local/bin/
+CMD /build.sh

docker/build.sh

@@ -0,0 +1,7 @@
+#!/bin/sh
+
+tmux new-session -d -s watch 'cd web; yarn dev'
+tmux split-window;
+tmux send 'task -w run' ENTER;
+tmux split-window;
+tmux a;

go.mod

@@ -11,6 +11,8 @@ require (
 	golang.org/x/crypto v0.0.0-20211108221036-ceb1ce70b4fa
 )
 
+require github.com/DATA-DOG/go-txdb v0.1.5 // indirect
+
 require (
 	github.com/gin-contrib/sse v0.1.0 // indirect
 	github.com/go-playground/locales v0.13.0 // indirect

go.sum

@@ -4,6 +4,8 @@ github.com/Azure/go-ansiterm v0.0.0-20170929234023-d6e3b3328b78/go.mod h1:LmzpDX
 github.com/Azure/go-ansiterm v0.0.0-20210617225240-d185dfc1b5a1/go.mod h1:xomTg63KZ2rFqZQzSB4Vz2SUXa1BpHTVz9L5PTmPC4E=
 github.com/BurntSushi/toml v0.3.1/go.mod h1:xHWCNGjB5oqiDr8zfno3MHue2Ht5sIBksp03qcyfWMU=
 github.com/ClickHouse/clickhouse-go v1.5.1/go.mod h1:EaI/sW7Azgz9UATzd5ZdZHRUhHgv5+JMS9NSr2smCJI=
+github.com/DATA-DOG/go-txdb v0.1.5 h1:kKzz+LYk9qw1+fMyo8/9yDQiNXrJ2HbfX/TY61HkkB4=
+github.com/DATA-DOG/go-txdb v0.1.5/go.mod h1:DhAhxMXZpUJVGnT+p9IbzJoRKvlArO2pkHjnGX7o0n0=
 github.com/Masterminds/semver/v3 v3.1.1 h1:hLg3sBzpNErnxhQtUy/mmLR2I9foDujNK030IGemrRc=
 github.com/Masterminds/semver/v3 v3.1.1/go.mod h1:VPu/7SZ7ePZ3QOrcuXROw5FAcLl4a0cBrbBpGY/8hQs=
 github.com/Microsoft/go-winio v0.5.0/go.mod h1:JPGBdM1cNvN/6ISo+n8V5iA4v8pBzdOpzfwIujj1a84=

http/accounts.go

@@ -1,19 +0,0 @@
-package http
-
-import (
-	"net/http"
-
-	"github.com/gin-gonic/gin"
-)
-
-type AccountsData struct {
-	AlwaysNeededData
-}
-
-func (h *Handler) accounts(c *gin.Context) {
-	d := AccountsData{
-		c.MustGet("data").(AlwaysNeededData),
-	}
-
-	c.HTML(http.StatusOK, "accounts.html", d)
-}

http/always-needed-data.go

@@ -1,57 +0,0 @@
-package http
-
-import (
-	"net/http"
-
-	"git.javil.eu/jacob1123/budgeteer/postgres"
-	"github.com/gin-gonic/gin"
-	"github.com/google/uuid"
-)
-
-type AlwaysNeededData struct {
-	Budget            postgres.Budget
-	Accounts          []postgres.GetAccountsWithBalanceRow
-	OnBudgetAccounts  []postgres.GetAccountsWithBalanceRow
-	OffBudgetAccounts []postgres.GetAccountsWithBalanceRow
-}
-
-func (h *Handler) getImportantData(c *gin.Context) {
-	budgetID := c.Param("budgetid")
-	budgetUUID, err := uuid.Parse(budgetID)
-	if err != nil {
-		c.Redirect(http.StatusTemporaryRedirect, "/login")
-		c.Abort()
-		return
-	}
-
-	budget, err := h.Service.GetBudget(c.Request.Context(), budgetUUID)
-	if err != nil {
-		c.AbortWithError(http.StatusNotFound, err)
-		return
-	}
-
-	accounts, err := h.Service.GetAccountsWithBalance(c.Request.Context(), budgetUUID)
-	if err != nil {
-		c.AbortWithError(http.StatusInternalServerError, err)
-		return
-	}
-
-	var onBudgetAccounts, offBudgetAccounts []postgres.GetAccountsWithBalanceRow
-	for _, account := range accounts {
-		if account.OnBudget {
-			onBudgetAccounts = append(onBudgetAccounts, account)
-		} else {
-			offBudgetAccounts = append(offBudgetAccounts, account)
-		}
-	}
-
-	base := AlwaysNeededData{
-		Accounts:          accounts,
-		OnBudgetAccounts:  onBudgetAccounts,
-		OffBudgetAccounts: offBudgetAccounts,
-		Budget:            budget,
-	}
-
-	c.Set("data", base)
-	c.Next()
-}

http/budget.go

@@ -1,64 +0,0 @@
-package http
-
-import (
-	"net/http"
-
-	"git.javil.eu/jacob1123/budgeteer"
-	"git.javil.eu/jacob1123/budgeteer/postgres"
-	"github.com/gin-gonic/gin"
-	"github.com/google/uuid"
-)
-
-type AllAccountsData struct {
-	AlwaysNeededData
-	Account      *postgres.Account
-	Categories   []postgres.GetCategoriesRow
-	Transactions []postgres.GetTransactionsForBudgetRow
-}
-
-func (h *Handler) allAccounts(c *gin.Context) {
-	budgetID := c.Param("budgetid")
-	budgetUUID, err := uuid.Parse(budgetID)
-	if err != nil {
-		c.Redirect(http.StatusTemporaryRedirect, "/login")
-		return
-	}
-
-	categories, err := h.Service.GetCategories(c.Request.Context(), budgetUUID)
-	if err != nil {
-		c.AbortWithError(http.StatusNotFound, err)
-		return
-	}
-
-	transactions, err := h.Service.GetTransactionsForBudget(c.Request.Context(), budgetUUID)
-	if err != nil {
-		c.AbortWithError(http.StatusInternalServerError, err)
-		return
-	}
-
-	d := AllAccountsData{
-		c.MustGet("data").(AlwaysNeededData),
-		&postgres.Account{
-			Name: "All accounts",
-		},
-		categories,
-		transactions,
-	}
-
-	c.HTML(http.StatusOK, "account.html", d)
-}
-
-func (h *Handler) newBudget(c *gin.Context) {
-	budgetName, succ := c.GetPostForm("name")
-	if !succ {
-		c.AbortWithStatus(http.StatusNotAcceptable)
-		return
-	}
-
-	userID := c.MustGet("token").(budgeteer.Token).GetID()
-	_, err := h.Service.NewBudget(c.Request.Context(), budgetName, userID)
-	if err != nil {
-		c.AbortWithError(http.StatusInternalServerError, err)
-		return
-	}
-}

http/budgeting.go

@@ -1,182 +0,0 @@
-package http
-
-import (
-	"fmt"
-	"net/http"
-	"strconv"
-	"time"
-
-	"git.javil.eu/jacob1123/budgeteer/postgres"
-	"github.com/gin-gonic/gin"
-)
-
-type BudgetingData struct {
-	AlwaysNeededData
-	Categories       []CategoryWithBalance
-	AvailableBalance float64
-	Date             time.Time
-	Next             time.Time
-	Previous         time.Time
-}
-
-func getFirstOfMonth(year, month int, location *time.Location) time.Time {
-	return time.Date(year, time.Month(month), 1, 0, 0, 0, 0, location)
-}
-
-func getFirstOfMonthTime(date time.Time) time.Time {
-	var monthM time.Month
-	year, monthM, _ := date.Date()
-	month := int(monthM)
-	return getFirstOfMonth(year, month, date.Location())
-}
-
-type CategoryWithBalance struct {
-	*postgres.GetCategoriesRow
-	Available          float64
-	AvailableLastMonth float64
-	Activity           float64
-	Assigned           float64
-}
-
-func getDate(c *gin.Context) (time.Time, error) {
-	var year, month int
-	yearString := c.Param("year")
-	monthString := c.Param("month")
-	if yearString == "" && monthString == "" {
-		return getFirstOfMonthTime(time.Now()), nil
-	}
-
-	year, err := strconv.Atoi(yearString)
-	if err != nil {
-		return time.Time{}, fmt.Errorf("parse year: %w", err)
-	}
-
-	month, err = strconv.Atoi(monthString)
-	if err != nil {
-		return time.Time{}, fmt.Errorf("parse month: %w", err)
-	}
-
-	return getFirstOfMonth(year, month, time.Now().Location()), nil
-}
-
-func (h *Handler) budgeting(c *gin.Context) {
-	alwaysNeededData := c.MustGet("data").(AlwaysNeededData)
-	budgetUUID := alwaysNeededData.Budget.ID
-
-	firstOfMonth, err := getDate(c)
-	if err != nil {
-		c.Redirect(http.StatusTemporaryRedirect, "/budget/"+budgetUUID.String())
-		return
-	}
-
-	firstOfNextMonth := firstOfMonth.AddDate(0, 1, 0)
-	firstOfPreviousMonth := firstOfMonth.AddDate(0, -1, 0)
-	d := BudgetingData{
-		AlwaysNeededData: alwaysNeededData,
-		Date:             firstOfMonth,
-		Next:             firstOfNextMonth,
-		Previous:         firstOfPreviousMonth,
-	}
-
-	categories, err := h.Service.GetCategories(c.Request.Context(), budgetUUID)
-
-	cumultativeBalances, err := h.Service.GetCumultativeBalances(c.Request.Context(), budgetUUID)
-	if err != nil {
-		c.AbortWithError(http.StatusInternalServerError, fmt.Errorf("load balances: %w", err))
-		return
-	}
-
-	// skip everything in the future
-	categoriesWithBalance, moneyUsed, err := h.calculateBalances(c, alwaysNeededData.Budget, firstOfNextMonth, firstOfMonth, categories, cumultativeBalances)
-	if err != nil {
-		return
-	}
-	d.Categories = categoriesWithBalance
-
-	data := c.MustGet("data").(AlwaysNeededData)
-	var availableBalance float64 = 0
-	for _, cat := range categories {
-		if cat.ID != data.Budget.IncomeCategoryID {
-			continue
-		}
-		availableBalance = moneyUsed
-
-		for _, bal := range cumultativeBalances {
-			if bal.CategoryID != cat.ID {
-				continue
-			}
-
-			if !bal.Date.Before(firstOfNextMonth) {
-				continue
-			}
-
-			availableBalance += bal.Transactions.GetFloat64()
-		}
-	}
-
-	d.AvailableBalance = availableBalance
-
-	c.HTML(http.StatusOK, "budgeting.html", d)
-}
-
-func (h *Handler) calculateBalances(c *gin.Context, budget postgres.Budget, firstOfNextMonth time.Time, firstOfMonth time.Time, categories []postgres.GetCategoriesRow, cumultativeBalances []postgres.GetCumultativeBalancesRow) ([]CategoryWithBalance, float64, error) {
-	categoriesWithBalance := []CategoryWithBalance{}
-	hiddenCategory := CategoryWithBalance{
-		GetCategoriesRow: &postgres.GetCategoriesRow{
-			Name:  "",
-			Group: "Hidden Categories",
-		},
-	}
-
-	var moneyUsed float64 = 0
-	for i := range categories {
-		cat := &categories[i]
-		categoryWithBalance := CategoryWithBalance{
-			GetCategoriesRow: cat,
-		}
-		for _, bal := range cumultativeBalances {
-			if bal.CategoryID != cat.ID {
-				continue
-			}
-
-			if !bal.Date.Before(firstOfNextMonth) {
-				continue
-			}
-
-			moneyUsed -= bal.Assignments.GetFloat64()
-			categoryWithBalance.Available += bal.Assignments.GetFloat64()
-			categoryWithBalance.Available += bal.Transactions.GetFloat64()
-			if categoryWithBalance.Available < 0 && bal.Date.Before(firstOfMonth) {
-				moneyUsed += categoryWithBalance.Available
-				categoryWithBalance.Available = 0
-			}
-
-			if bal.Date.Before(firstOfMonth) {
-				categoryWithBalance.AvailableLastMonth = categoryWithBalance.Available
-			} else if bal.Date.Before(firstOfNextMonth) {
-				categoryWithBalance.Activity = bal.Transactions.GetFloat64()
-				categoryWithBalance.Assigned = bal.Assignments.GetFloat64()
-			}
-
-		}
-
-		// do not show hidden categories
-		if cat.Group == "Hidden Categories" {
-			hiddenCategory.Available += categoryWithBalance.Available
-			hiddenCategory.AvailableLastMonth += categoryWithBalance.AvailableLastMonth
-			hiddenCategory.Activity += categoryWithBalance.Activity
-			hiddenCategory.Assigned += categoryWithBalance.Assigned
-			continue
-		}
-
-		if cat.ID == budget.IncomeCategoryID {
-			continue
-		}
-
-		categoriesWithBalance = append(categoriesWithBalance, categoryWithBalance)
-	}
-
-	categoriesWithBalance = append(categoriesWithBalance, hiddenCategory)
-
-	return categoriesWithBalance, moneyUsed, nil
-}

http/http.go

@@ -1,101 +0,0 @@
-package http
-
-import (
-	"io/fs"
-	"net/http"
-	"strings"
-	"time"
-
-	"git.javil.eu/jacob1123/budgeteer"
-	"git.javil.eu/jacob1123/budgeteer/bcrypt"
-	"git.javil.eu/jacob1123/budgeteer/postgres"
-	"git.javil.eu/jacob1123/budgeteer/web"
-
-	"github.com/gin-gonic/gin"
-)
-
-// Handler handles incoming requests
-type Handler struct {
-	Service             *postgres.Database
-	TokenVerifier       budgeteer.TokenVerifier
-	CredentialsVerifier *bcrypt.Verifier
-}
-
-const (
-	expiration = 72
-	authCookie = "authentication"
-)
-
-// Serve starts the HTTP Server
-func (h *Handler) Serve() {
-	router := gin.Default()
-	router.FuncMap["now"] = time.Now
-
-	templates, err := NewTemplates(router.FuncMap)
-	if err != nil {
-		panic(err)
-	}
-
-	router.HTMLRender = templates
-
-	static, err := fs.Sub(web.Static, "static")
-	if err != nil {
-		panic("couldn't open static files")
-	}
-	router.Use(enableCachingForStaticFiles())
-	router.StaticFS("/static", http.FS(static))
-
-	router.GET("/", func(c *gin.Context) { c.HTML(http.StatusOK, "index.html", nil) })
-	router.GET("/login", h.login)
-	router.GET("/register", h.register)
-
-	withLogin := router.Group("")
-	withLogin.Use(h.verifyLoginWithRedirect)
-	withLogin.GET("/dashboard", h.dashboard)
-	withLogin.GET("/admin", h.admin)
-	withLogin.GET("/admin/clear-database", h.clearDatabase)
-
-	withBudget := router.Group("")
-	withBudget.Use(h.verifyLoginWithRedirect)
-	withBudget.Use(h.getImportantData)
-	withBudget.GET("/budget/:budgetid", h.budgeting)
-	withBudget.GET("/budget/:budgetid/:year/:month", h.budgeting)
-	withBudget.GET("/budget/:budgetid/all-accounts", h.allAccounts)
-	withBudget.GET("/budget/:budgetid/accounts", h.accounts)
-	withBudget.GET("/budget/:budgetid/account/:accountid", h.account)
-	withBudget.GET("/budget/:budgetid/settings", h.settings)
-	withBudget.GET("/budget/:budgetid/settings/clear", h.clearBudget)
-	withBudget.GET("/budget/:budgetid/settings/clean-negative", h.cleanNegativeBudget)
-	withBudget.GET("/budget/:budgetid/transaction/:transactionid", h.transaction)
-
-	api := router.Group("/api/v1")
-
-	unauthenticated := api.Group("/user")
-	unauthenticated.GET("/login", func(c *gin.Context) { c.Redirect(http.StatusPermanentRedirect, "/login") })
-	unauthenticated.POST("/login", h.loginPost)
-	unauthenticated.POST("/register", h.registerPost)
-
-	authenticated := api.Group("")
-	authenticated.Use(h.verifyLoginWithRedirect)
-
-	user := authenticated.Group("/user")
-	user.GET("/logout", logout)
-
-	budget := authenticated.Group("/budget")
-	budget.POST("/new", h.newBudget)
-
-	transaction := authenticated.Group("/transaction")
-	transaction.POST("/new", h.newTransaction)
-	transaction.POST("/:transactionid", h.newTransaction)
-	transaction.POST("/import/ynab", h.importYNAB)
-
-	router.Run(":1323")
-}
-
-func enableCachingForStaticFiles() gin.HandlerFunc {
-	return func(c *gin.Context) {
-		if strings.HasPrefix(c.Request.RequestURI, "/static/") {
-			c.Header("Cache-Control", "max-age=86400")
-		}
-	}
-}

http/session.go

@@ -1,122 +0,0 @@
-package http
-
-import (
-	"context"
-	"fmt"
-	"net/http"
-	"time"
-
-	"git.javil.eu/jacob1123/budgeteer"
-	"git.javil.eu/jacob1123/budgeteer/postgres"
-	"github.com/gin-gonic/gin"
-)
-
-func (h *Handler) verifyLogin(c *gin.Context) (budgeteer.Token, error) {
-	tokenString, err := c.Cookie(authCookie)
-	if err != nil {
-		return nil, fmt.Errorf("get cookie: %w", err)
-	}
-
-	token, err := h.TokenVerifier.VerifyToken(tokenString)
-	if err != nil {
-		c.SetCookie(authCookie, "", -1, "", "", false, false)
-		return nil, fmt.Errorf("verify token '%s': %w", tokenString, err)
-	}
-
-	return token, nil
-}
-
-func (h *Handler) verifyLoginWithRedirect(c *gin.Context) {
-	token, err := h.verifyLogin(c)
-	if err != nil {
-		c.Redirect(http.StatusTemporaryRedirect, "/login")
-		c.Abort()
-		return
-	}
-
-	c.Set("token", token)
-	c.Next()
-}
-
-func (h *Handler) login(c *gin.Context) {
-	if _, err := h.verifyLogin(c); err == nil {
-		c.Redirect(http.StatusTemporaryRedirect, "/dashboard")
-		return
-	}
-
-	c.HTML(http.StatusOK, "login.html", nil)
-}
-
-func (h *Handler) register(c *gin.Context) {
-	if _, err := h.verifyLogin(c); err == nil {
-		c.Redirect(http.StatusTemporaryRedirect, "/dashboard")
-		return
-	}
-
-	c.HTML(http.StatusOK, "register.html", nil)
-}
-
-func logout(c *gin.Context) {
-	clearLogin(c)
-}
-
-func clearLogin(c *gin.Context) {
-	c.SetCookie(authCookie, "", -1, "", "", false, true)
-}
-
-func (h *Handler) loginPost(c *gin.Context) {
-	username, _ := c.GetPostForm("username")
-	password, _ := c.GetPostForm("password")
-
-	user, err := h.Service.GetUserByUsername(c.Request.Context(), username)
-	if err != nil {
-		c.AbortWithError(http.StatusUnauthorized, err)
-		return
-	}
-
-	if err = h.CredentialsVerifier.Verify(password, user.Password); err != nil {
-		c.AbortWithError(http.StatusUnauthorized, err)
-		return
-	}
-
-	t, err := h.TokenVerifier.CreateToken(&user)
-	if err != nil {
-		c.AbortWithError(http.StatusUnauthorized, err)
-	}
-
-	go h.Service.UpdateLastLogin(context.Background(), user.ID)
-
-	maxAge := (int)((expiration * time.Hour).Seconds())
-	c.SetCookie(authCookie, t, maxAge, "", "", false, true)
-	c.JSON(http.StatusOK, map[string]string{
-		"token": t,
-	})
-}
-
-func (h *Handler) registerPost(c *gin.Context) {
-	email, _ := c.GetPostForm("email")
-	password, _ := c.GetPostForm("password")
-	name, _ := c.GetPostForm("name")
-
-	_, err := h.Service.GetUserByUsername(c.Request.Context(), email)
-	if err == nil {
-		c.AbortWithStatus(http.StatusUnauthorized)
-		return
-	}
-
-	hash, err := h.CredentialsVerifier.Hash(password)
-	if err != nil {
-		c.AbortWithError(http.StatusUnauthorized, err)
-		return
-	}
-
-	createUser := postgres.CreateUserParams{
-		Name:     name,
-		Password: hash,
-		Email:    email,
-	}
-	_, err = h.Service.CreateUser(c.Request.Context(), createUser)
-	if err != nil {
-		c.AbortWithError(http.StatusInternalServerError, err)
-	}
-}

http/templates.go

@@ -1,45 +0,0 @@
-package http
-
-import (
-	"fmt"
-	"html/template"
-	"io/fs"
-
-	"git.javil.eu/jacob1123/budgeteer/web"
-	"github.com/gin-gonic/gin/render"
-)
-
-type Templates struct {
-	templates map[string]*template.Template
-}
-
-func NewTemplates(funcMap template.FuncMap) (*Templates, error) {
-	templates, err := fs.Glob(web.Templates, "*.tpl")
-	if err != nil {
-		return nil, fmt.Errorf("glob: %w", err)
-	}
-
-	result := &Templates{
-		templates: make(map[string]*template.Template, 0),
-	}
-	pages, err := fs.Glob(web.Templates, "*.html")
-	for _, page := range pages {
-		allTemplates := append(templates, page)
-		tpl, err := template.New(page).Funcs(funcMap).ParseFS(web.Templates, allTemplates...)
-		fmt.Printf("page: %s, templates: %v\n", page, templates)
-		if err != nil {
-			return nil, err
-		}
-		result.templates[page] = tpl
-	}
-
-	return result, nil
-}
-
-func (tpl *Templates) Instance(name string, obj interface{}) render.Render {
-	return render.HTML{
-		Template: tpl.templates[name],
-		Name:     name,
-		Data:     obj,
-	}
-}

http/transaction-edit.go

@@ -1,62 +0,0 @@
-package http
-
-import (
-	"net/http"
-
-	"git.javil.eu/jacob1123/budgeteer/postgres"
-	"github.com/gin-gonic/gin"
-	"github.com/google/uuid"
-)
-
-type TransactionData struct {
-	AlwaysNeededData
-	Transaction *postgres.Transaction
-	Account     *postgres.Account
-	Categories  []postgres.GetCategoriesRow
-	Payees      []postgres.Payee
-}
-
-func (h *Handler) transaction(c *gin.Context) {
-	data := c.MustGet("data").(AlwaysNeededData)
-
-	transactionID := c.Param("transactionid")
-	transactionUUID, err := uuid.Parse(transactionID)
-	if err != nil {
-		c.Redirect(http.StatusTemporaryRedirect, "/login")
-		return
-	}
-
-	transaction, err := h.Service.GetTransaction(c.Request.Context(), transactionUUID)
-	if err != nil {
-		c.AbortWithError(http.StatusNotFound, err)
-		return
-	}
-
-	account, err := h.Service.GetAccount(c.Request.Context(), transaction.AccountID)
-	if err != nil {
-		c.AbortWithError(http.StatusNotFound, err)
-		return
-	}
-
-	categories, err := h.Service.GetCategories(c.Request.Context(), data.Budget.ID)
-	if err != nil {
-		c.AbortWithError(http.StatusNotFound, err)
-		return
-	}
-
-	payees, err := h.Service.GetPayees(c.Request.Context(), data.Budget.ID)
-	if err != nil {
-		c.AbortWithError(http.StatusNotFound, err)
-		return
-	}
-
-	d := TransactionData{
-		data,
-		&transaction,
-		&account,
-		categories,
-		payees,
-	}
-
-	c.HTML(http.StatusOK, "transaction.html", d)
-}

http/transaction.go

@@ -1,98 +0,0 @@
-package http
-
-import (
-	"fmt"
-	"net/http"
-	"time"
-
-	"git.javil.eu/jacob1123/budgeteer/postgres"
-	"github.com/gin-gonic/gin"
-)
-
-func (h *Handler) newTransaction(c *gin.Context) {
-	transactionMemo, _ := c.GetPostForm("memo")
-	transactionAccountID, err := getUUID(c, "account_id")
-	if err != nil {
-		c.AbortWithError(http.StatusNotAcceptable, fmt.Errorf("account_id: %w", err))
-		return
-	}
-
-	transactionCategoryID, err := getNullUUIDFromForm(c, "category_id")
-	if err != nil {
-		c.AbortWithError(http.StatusNotAcceptable, fmt.Errorf("category_id: %w", err))
-		return
-	}
-
-	transactionPayeeID, err := getNullUUIDFromForm(c, "payee_id")
-	if err != nil {
-		c.AbortWithError(http.StatusNotAcceptable, fmt.Errorf("payee_id: %w", err))
-		return
-	}
-
-	transactionDate, succ := c.GetPostForm("date")
-	if !succ {
-		c.AbortWithError(http.StatusNotAcceptable, fmt.Errorf("date missing"))
-		return
-	}
-
-	transactionDateValue, err := time.Parse("2006-01-02", transactionDate)
-	if err != nil {
-		c.AbortWithError(http.StatusNotAcceptable, fmt.Errorf("date is not a valid date"))
-		return
-	}
-
-	transactionAmount, succ := c.GetPostForm("amount")
-	if !succ {
-		c.AbortWithError(http.StatusNotAcceptable, fmt.Errorf("amount missing"))
-		return
-	}
-
-	amount := postgres.Numeric{}
-	amount.Set(transactionAmount)
-
-	transactionUUID, err := getNullUUIDFromParam(c, "transactionid")
-	if err != nil {
-		c.AbortWithError(http.StatusInternalServerError, fmt.Errorf("parse transaction id: %w", err))
-		return
-	}
-
-	if !transactionUUID.Valid {
-		new := postgres.CreateTransactionParams{
-			Memo:       transactionMemo,
-			Date:       transactionDateValue,
-			Amount:     amount,
-			AccountID:  transactionAccountID,
-			PayeeID:    transactionPayeeID,
-			CategoryID: transactionCategoryID,
-		}
-		_, err = h.Service.CreateTransaction(c.Request.Context(), new)
-		if err != nil {
-			c.AbortWithError(http.StatusInternalServerError, fmt.Errorf("create transaction: %w", err))
-		}
-
-		return
-	}
-
-	_, delete := c.GetPostForm("delete")
-	if delete {
-		err = h.Service.DeleteTransaction(c.Request.Context(), transactionUUID.UUID)
-		if err != nil {
-			c.AbortWithError(http.StatusInternalServerError, fmt.Errorf("delete transaction: %w", err))
-		}
-		return
-	}
-
-	update := postgres.UpdateTransactionParams{
-		ID:         transactionUUID.UUID,
-		Memo:       transactionMemo,
-		Date:       transactionDateValue,
-		Amount:     amount,
-		AccountID:  transactionAccountID,
-		PayeeID:    transactionPayeeID,
-		CategoryID: transactionCategoryID,
-	}
-	err = h.Service.UpdateTransaction(c.Request.Context(), update)
-	if err != nil {
-		c.AbortWithError(http.StatusInternalServerError, fmt.Errorf("update transaction: %w", err))
-	}
-}

http/util.go

@@ -1,56 +0,0 @@
-package http
-
-import (
-	"fmt"
-
-	"github.com/gin-gonic/gin"
-	"github.com/google/uuid"
-)
-
-func getUUID(c *gin.Context, name string) (uuid.UUID, error) {
-	value, succ := c.GetPostForm(name)
-	if !succ {
-		return uuid.UUID{}, fmt.Errorf("not set")
-	}
-
-	id, err := uuid.Parse(value)
-	if err != nil {
-		return uuid.UUID{}, fmt.Errorf("not a valid uuid: %w", err)
-	}
-
-	return id, nil
-}
-
-func getNullUUIDFromParam(c *gin.Context, name string) (uuid.NullUUID, error) {
-	value := c.Param(name)
-	if value == "" {
-		return uuid.NullUUID{}, nil
-	}
-
-	id, err := uuid.Parse(value)
-	if err != nil {
-		return uuid.NullUUID{}, fmt.Errorf("not a valid uuid: %w", err)
-	}
-
-	return uuid.NullUUID{
-		UUID:  id,
-		Valid: true,
-	}, nil
-}
-
-func getNullUUIDFromForm(c *gin.Context, name string) (uuid.NullUUID, error) {
-	value, succ := c.GetPostForm(name)
-	if !succ || value == "" {
-		return uuid.NullUUID{}, nil
-	}
-
-	id, err := uuid.Parse(value)
-	if err != nil {
-		return uuid.NullUUID{}, fmt.Errorf("not a valid uuid: %w", err)
-	}
-
-	return uuid.NullUUID{
-		UUID:  id,
-		Valid: true,
-	}, nil
-}

jwt/login.go

@@ -10,11 +10,12 @@ import (
 	"github.com/google/uuid"
 )
 
-// TokenVerifier verifies Tokens
+// TokenVerifier verifies Tokens.
 type TokenVerifier struct {
+	Secret string
 }
 
-// Token contains everything to authenticate a user
+// Token contains everything to authenticate a user.
 type Token struct {
 	username string
 	name     string
@@ -24,10 +25,9 @@ type Token struct {
 
 const (
 	expiration = 72
-	secret     = "uditapbzuditagscwxuqdflgzpbu´ßiaefnlmzeßtrubiadern"
 )
 
-// CreateToken creates a new token from username and name
+// CreateToken creates a new token from username and name.
 func (tv *TokenVerifier) CreateToken(user *postgres.User) (string, error) {
 	token := jwt.NewWithClaims(jwt.SigningMethodHS256, jwt.MapClaims{
 		"usr":  user.Email,
@@ -37,21 +37,27 @@ func (tv *TokenVerifier) CreateToken(user *postgres.User) (string, error) {
 	})
 
 	// Generate encoded token and send it as response.
-	t, err := token.SignedString([]byte(secret))
+	t, err := token.SignedString([]byte(tv.Secret))
 	if err != nil {
-		return "", err
+		return "", fmt.Errorf("create token: %w", err)
 	}
 
 	return t, nil
 }
 
-// VerifyToken verifys a given string-token
-func (tv *TokenVerifier) VerifyToken(tokenString string) (budgeteer.Token, error) {
+var (
+	ErrUnexpectedSigningMethod = fmt.Errorf("unexpected signing method")
+	ErrInvalidToken            = fmt.Errorf("token is invalid")
+	ErrTokenExpired            = fmt.Errorf("token has expired")
+)
+
+// VerifyToken verifys a given string-token.
+func (tv *TokenVerifier) VerifyToken(tokenString string) (budgeteer.Token, error) { //nolint:ireturn
 	token, err := jwt.Parse(tokenString, func(token *jwt.Token) (interface{}, error) {
 		if _, ok := token.Method.(*jwt.SigningMethodHMAC); !ok {
-			return nil, fmt.Errorf("Unexpected signing method: %v", token.Header["alg"])
+			return nil, fmt.Errorf("method '%v': %w", token.Header["alg"], ErrUnexpectedSigningMethod)
 		}
-		return []byte(secret), nil
+		return []byte(tv.Secret), nil
 	})
 	if err != nil {
 		return nil, fmt.Errorf("parse jwt: %w", err)
@@ -62,7 +68,7 @@ func (tv *TokenVerifier) VerifyToken(tokenString string) (budgeteer.Token, error
 		return nil, fmt.Errorf("verify jwt: %w", err)
 	}
 
-	tkn := &Token{
+	tkn := &Token{ //nolint:forcetypeassert
 		username: claims["usr"].(string),
 		name:     claims["name"].(string),
 		expiry:   claims["exp"].(float64),
@@ -73,16 +79,16 @@ func (tv *TokenVerifier) VerifyToken(tokenString string) (budgeteer.Token, error
 
 func verifyToken(token *jwt.Token) (jwt.MapClaims, error) {
 	if !token.Valid {
-		return nil, fmt.Errorf("Token is not valid")
+		return nil, ErrInvalidToken
 	}
 
 	claims, ok := token.Claims.(jwt.MapClaims)
 	if !ok {
-		return nil, fmt.Errorf("Claims are not of Type MapClaims")
+		return nil, ErrInvalidToken
 	}
 
 	if !claims.VerifyExpiresAt(time.Now().Unix(), true) {
-		return nil, fmt.Errorf("Claims have expired")
+		return nil, ErrTokenExpired
 	}
 
 	return claims, nil

postgres/accounts.sql.go

@@ -87,9 +87,8 @@ func (q *Queries) GetAccounts(ctx context.Context, budgetID uuid.UUID) ([]Accoun
 const getAccountsWithBalance = `-- name: GetAccountsWithBalance :many
 SELECT accounts.id, accounts.name, accounts.on_budget, SUM(transactions.amount)::decimal(12,2) as balance
 FROM accounts
-LEFT JOIN transactions ON transactions.account_id = accounts.id
+LEFT JOIN transactions ON transactions.account_id = accounts.id AND transactions.date < NOW()
 WHERE accounts.budget_id = $1
-AND transactions.date < NOW()
 GROUP BY accounts.id, accounts.name
 ORDER BY accounts.name
 `

postgres/budgets.sql.go

@@ -34,6 +34,15 @@ func (q *Queries) CreateBudget(ctx context.Context, arg CreateBudgetParams) (Bud
 	return i, err
 }
 
+const deleteBudget = `-- name: DeleteBudget :exec
+DELETE FROM budgets WHERE id = $1
+`
+
+func (q *Queries) DeleteBudget(ctx context.Context, id uuid.UUID) error {
+	_, err := q.db.ExecContext(ctx, deleteBudget, id)
+	return err
+}
+
 const getBudget = `-- name: GetBudget :one
 SELECT id, name, last_modification, income_category_id FROM budgets 
 WHERE id = $1

postgres/budgetservice.go

@@ -8,11 +8,15 @@ import (
 	"github.com/google/uuid"
 )
 
-// NewBudget creates a budget and adds it to the current user
+// NewBudget creates a budget and adds it to the current user.
 func (s *Database) NewBudget(context context.Context, name string, userID uuid.UUID) (*Budget, error) {
 	tx, err := s.BeginTx(context, &sql.TxOptions{})
-	q := s.WithTx(tx)
-	budget, err := q.CreateBudget(context, CreateBudgetParams{
+	if err != nil {
+		return nil, fmt.Errorf("begin transaction: %w", err)
+	}
+
+	transaction := s.WithTx(tx)
+	budget, err := transaction.CreateBudget(context, CreateBudgetParams{
 		Name:             name,
 		IncomeCategoryID: uuid.New(),
 	})
@@ -21,12 +25,12 @@ func (s *Database) NewBudget(context context.Context, name string, userID uuid.U
 	}
 
 	ub := LinkBudgetToUserParams{UserID: userID, BudgetID: budget.ID}
-	_, err = q.LinkBudgetToUser(context, ub)
+	_, err = transaction.LinkBudgetToUser(context, ub)
 	if err != nil {
 		return nil, fmt.Errorf("link budget to user: %w", err)
 	}
 
-	group, err := q.CreateCategoryGroup(context, CreateCategoryGroupParams{
+	group, err := transaction.CreateCategoryGroup(context, CreateCategoryGroupParams{
 		Name:     "Inflow",
 		BudgetID: budget.ID,
 	})
@@ -34,7 +38,7 @@ func (s *Database) NewBudget(context context.Context, name string, userID uuid.U
 		return nil, fmt.Errorf("create inflow category_group: %w", err)
 	}
 
-	cat, err := q.CreateCategory(context, CreateCategoryParams{
+	cat, err := transaction.CreateCategory(context, CreateCategoryParams{
 		Name:            "Ready to Assign",
 		CategoryGroupID: group.ID,
 	})
@@ -42,7 +46,7 @@ func (s *Database) NewBudget(context context.Context, name string, userID uuid.U
 		return nil, fmt.Errorf("create ready to assign category: %w", err)
 	}
 
-	err = q.SetInflowCategory(context, SetInflowCategoryParams{
+	err = transaction.SetInflowCategory(context, SetInflowCategoryParams{
 		IncomeCategoryID: cat.ID,
 		ID:               budget.ID,
 	})
@@ -50,7 +54,10 @@ func (s *Database) NewBudget(context context.Context, name string, userID uuid.U
 		return nil, fmt.Errorf("set inflow category: %w", err)
 	}
 
-	tx.Commit()
+	err = tx.Commit()
+	if err != nil {
+		return nil, fmt.Errorf("commit: %w", err)
+	}
 
 	return &budget, nil
 }

postgres/categories.sql.go

@@ -116,3 +116,44 @@ func (q *Queries) GetCategoryGroups(ctx context.Context, budgetID uuid.UUID) ([]
 	}
 	return items, nil
 }
+
+const searchCategories = `-- name: SearchCategories :many
+SELECT CONCAT(category_groups.name, ' : ', categories.name) as name, categories.id FROM categories
+INNER JOIN category_groups ON categories.category_group_id = category_groups.id
+WHERE category_groups.budget_id = $1
+AND categories.name LIKE $2
+ORDER BY category_groups.name, categories.name
+`
+
+type SearchCategoriesParams struct {
+	BudgetID uuid.UUID
+	Search   string
+}
+
+type SearchCategoriesRow struct {
+	Name interface{}
+	ID   uuid.UUID
+}
+
+func (q *Queries) SearchCategories(ctx context.Context, arg SearchCategoriesParams) ([]SearchCategoriesRow, error) {
+	rows, err := q.db.QueryContext(ctx, searchCategories, arg.BudgetID, arg.Search)
+	if err != nil {
+		return nil, err
+	}
+	defer rows.Close()
+	var items []SearchCategoriesRow
+	for rows.Next() {
+		var i SearchCategoriesRow
+		if err := rows.Scan(&i.Name, &i.ID); err != nil {
+			return nil, err
+		}
+		items = append(items, i)
+	}
+	if err := rows.Close(); err != nil {
+		return nil, err
+	}
+	if err := rows.Err(); err != nil {
+		return nil, err
+	}
+	return items, nil
+}

postgres/conn.go

@@ -5,7 +5,7 @@ import (
 	"embed"
 	"fmt"
 
-	_ "github.com/jackc/pgx/v4/stdlib"
+	_ "github.com/jackc/pgx/v4/stdlib" // needed for pg connection
 	"github.com/pressly/goose/v3"
 )
 
@@ -17,10 +17,9 @@ type Database struct {
 	*sql.DB
 }
 
-// Connect to a database
-func Connect(server string, user string, password string, database string) (*Database, error) {
-	connString := fmt.Sprintf("postgres://%s:%s@%s/%s", user, password, server, database)
-	conn, err := sql.Open("pgx", connString)
+// Connect connects to a database.
+func Connect(typ string, connString string) (*Database, error) {
+	conn, err := sql.Open(typ, connString)
 	if err != nil {
 		return nil, fmt.Errorf("open connection: %w", err)
 	}

postgres/models.go

@@ -4,11 +4,32 @@ package postgres
 
 import (
 	"database/sql"
+	"fmt"
 	"time"
 
 	"github.com/google/uuid"
 )
 
+type TransactionStatus string
+
+const (
+	TransactionStatusReconciled TransactionStatus = "Reconciled"
+	TransactionStatusCleared    TransactionStatus = "Cleared"
+	TransactionStatusUncleared  TransactionStatus = "Uncleared"
+)
+
+func (e *TransactionStatus) Scan(src interface{}) error {
+	switch s := src.(type) {
+	case []byte:
+		*e = TransactionStatus(s)
+	case string:
+		*e = TransactionStatus(s)
+	default:
+		return fmt.Errorf("unsupported scan type for TransactionStatus: %T", src)
+	}
+	return nil
+}
+
 type Account struct {
 	ID       uuid.UUID
 	BudgetID uuid.UUID
@@ -64,7 +85,8 @@ type Transaction struct {
 	AccountID  uuid.UUID
 	CategoryID uuid.NullUUID
 	PayeeID    uuid.NullUUID
-	TransferID uuid.NullUUID
+	GroupID    uuid.NullUUID
+	Status     TransactionStatus
 }
 
 type TransactionsByMonth struct {

postgres/numeric.go

@@ -1,11 +1,20 @@
 package postgres
 
-import "github.com/jackc/pgtype"
+import (
+	"fmt"
+	"math/big"
+
+	"github.com/jackc/pgtype"
+)
 
 type Numeric struct {
 	pgtype.Numeric
 }
 
+func NewZeroNumeric() Numeric {
+	return Numeric{pgtype.Numeric{Exp: 0, Int: big.NewInt(0), Status: pgtype.Present, NaN: false}}
+}
+
 func (n Numeric) GetFloat64() float64 {
 	if n.Status != pgtype.Present {
 		return 0
@@ -33,3 +42,89 @@ func (n Numeric) IsZero() bool {
 	float := n.GetFloat64()
 	return float == 0
 }
+
+func (n Numeric) MatchExp(exp int32) Numeric {
+	diffExp := n.Exp - exp
+	factor := big.NewInt(0).Exp(big.NewInt(10), big.NewInt(int64(diffExp)), nil) //nolint:gomnd
+	return Numeric{pgtype.Numeric{
+		Exp:    exp,
+		Int:    big.NewInt(0).Mul(n.Int, factor),
+		Status: n.Status,
+		NaN:    n.NaN,
+	}}
+}
+
+func (n Numeric) Sub(other Numeric) Numeric {
+	left := n
+	right := other
+	if n.Exp < other.Exp {
+		right = other.MatchExp(n.Exp)
+	} else if n.Exp > other.Exp {
+		left = n.MatchExp(other.Exp)
+	}
+
+	if left.Exp == right.Exp {
+		return Numeric{pgtype.Numeric{
+			Exp: left.Exp,
+			Int: big.NewInt(0).Sub(left.Int, right.Int),
+		}}
+	}
+
+	panic("Cannot subtract with different exponents")
+}
+
+func (n Numeric) Add(other Numeric) Numeric {
+	left := n
+	right := other
+	if n.Exp < other.Exp {
+		right = other.MatchExp(n.Exp)
+	} else if n.Exp > other.Exp {
+		left = n.MatchExp(other.Exp)
+	}
+
+	if left.Exp == right.Exp {
+		return Numeric{pgtype.Numeric{
+			Exp: left.Exp,
+			Int: big.NewInt(0).Add(left.Int, right.Int),
+		}}
+	}
+
+	panic("Cannot add with different exponents")
+}
+
+func (n Numeric) MarshalJSON() ([]byte, error) {
+	if n.Int.Int64() == 0 {
+		return []byte("\"0\""), nil
+	}
+
+	s := fmt.Sprintf("%d", n.Int)
+	bytes := []byte(s)
+
+	exp := n.Exp
+	for exp > 0 {
+		bytes = append(bytes, byte('0'))
+		exp--
+	}
+
+	if exp == 0 {
+		return bytes, nil
+	}
+
+	length := int32(len(bytes))
+	var bytesWithSeparator []byte
+
+	exp = -exp
+	for length <= exp {
+		bytes = append(bytes, byte('0'))
+		length++
+	}
+
+	split := length - exp
+	bytesWithSeparator = append(bytesWithSeparator, bytes[:split]...)
+	if split == 1 && n.Int.Int64() < 0 {
+		bytesWithSeparator = append(bytesWithSeparator, byte('0'))
+	}
+	bytesWithSeparator = append(bytesWithSeparator, byte('.'))
+	bytesWithSeparator = append(bytesWithSeparator, bytes[split:]...)
+	return bytesWithSeparator, nil
+}

postgres/payees.sql.go

@@ -56,3 +56,38 @@ func (q *Queries) GetPayees(ctx context.Context, budgetID uuid.UUID) ([]Payee, e
 	}
 	return items, nil
 }
+
+const searchPayees = `-- name: SearchPayees :many
+SELECT payees.id, payees.budget_id, payees.name FROM payees 
+WHERE payees.budget_id = $1
+AND payees.name LIKE $2
+ORDER BY payees.name
+`
+
+type SearchPayeesParams struct {
+	BudgetID uuid.UUID
+	Search   string
+}
+
+func (q *Queries) SearchPayees(ctx context.Context, arg SearchPayeesParams) ([]Payee, error) {
+	rows, err := q.db.QueryContext(ctx, searchPayees, arg.BudgetID, arg.Search)
+	if err != nil {
+		return nil, err
+	}
+	defer rows.Close()
+	var items []Payee
+	for rows.Next() {
+		var i Payee
+		if err := rows.Scan(&i.ID, &i.BudgetID, &i.Name); err != nil {
+			return nil, err
+		}
+		items = append(items, i)
+	}
+	if err := rows.Close(); err != nil {
+		return nil, err
+	}
+	if err := rows.Err(); err != nil {
+		return nil, err
+	}
+	return items, nil
+}

postgres/queries/accounts.sql

@@ -16,8 +16,7 @@ ORDER BY accounts.name;
 -- name: GetAccountsWithBalance :many
 SELECT accounts.id, accounts.name, accounts.on_budget, SUM(transactions.amount)::decimal(12,2) as balance
 FROM accounts
-LEFT JOIN transactions ON transactions.account_id = accounts.id
+LEFT JOIN transactions ON transactions.account_id = accounts.id AND transactions.date < NOW()
 WHERE accounts.budget_id = $1
-AND transactions.date < NOW()
 GROUP BY accounts.id, accounts.name
 ORDER BY accounts.name;

postgres/queries/budgets.sql

@@ -31,4 +31,7 @@ FROM (
         FROM transactions
         INNER JOIN accounts ON accounts.id = transactions.account_id
         WHERE accounts.budget_id = @budget_id
-) dates;
+) dates;
+
+-- name: DeleteBudget :exec
+DELETE FROM budgets WHERE id = $1;

postgres/queries/categories.sql

@@ -18,4 +18,12 @@ RETURNING *;
 SELECT categories.*, category_groups.name as group FROM categories
 INNER JOIN category_groups ON categories.category_group_id = category_groups.id
 WHERE category_groups.budget_id = $1
-ORDER BY category_groups.name, categories.name;
+ORDER BY category_groups.name, categories.name;
+
+-- name: SearchCategories :many
+SELECT CONCAT(category_groups.name, ' : ', categories.name) as name, categories.id FROM categories
+INNER JOIN category_groups ON categories.category_group_id = category_groups.id
+WHERE category_groups.budget_id = @budget_id
+AND categories.name LIKE @search
+ORDER BY category_groups.name, categories.name;
+--ORDER BY levenshtein(payees.name, $2);

postgres/queries/payees.sql

@@ -7,4 +7,11 @@ RETURNING *;
 -- name: GetPayees :many
 SELECT payees.* FROM payees 
 WHERE payees.budget_id = $1
-ORDER BY name;
+ORDER BY name;
+
+-- name: SearchPayees :many
+SELECT payees.* FROM payees 
+WHERE payees.budget_id = @budget_id
+AND payees.name LIKE @search
+ORDER BY payees.name;
+--ORDER BY levenshtein(payees.name, $2);

postgres/queries/transactions.sql

@@ -4,8 +4,8 @@ WHERE id = $1;
 
 -- name: CreateTransaction :one
 INSERT INTO transactions
-(date, memo, amount, account_id, payee_id, category_id)
-VALUES ($1, $2, $3, $4, $5, $6)
+(date, memo, amount, account_id, payee_id, category_id, group_id, status)
+VALUES ($1, $2, $3, $4, $5, $6, $7, $8)
 RETURNING *;
 
 -- name: UpdateTransaction :exec
@@ -23,7 +23,7 @@ DELETE FROM transactions
 WHERE id = $1;
 
 -- name: GetTransactionsForBudget :many
-SELECT  transactions.id, transactions.date, transactions.memo, transactions.amount,
+SELECT  transactions.id, transactions.date, transactions.memo, transactions.amount, transactions.group_id, transactions.status,
         accounts.name as account, COALESCE(payees.name, '') as payee, COALESCE(category_groups.name, '') as category_group, COALESCE(categories.name, '') as category
 FROM transactions 
 INNER JOIN accounts ON accounts.id = transactions.account_id
@@ -35,8 +35,19 @@ ORDER BY transactions.date DESC
 LIMIT 200;
 
 -- name: GetTransactionsForAccount :many
-SELECT  transactions.id, transactions.date, transactions.memo, transactions.amount,
-        accounts.name as account, COALESCE(payees.name, '') as payee, COALESCE(category_groups.name, '') as category_group, COALESCE(categories.name, '') as category
+SELECT  transactions.id, transactions.date, transactions.memo, 
+        transactions.amount, transactions.group_id, transactions.status,
+        accounts.name as account, 
+        COALESCE(payees.name, '') as payee, 
+        COALESCE(category_groups.name, '') as category_group, 
+        COALESCE(categories.name, '') as category,
+        (
+            SELECT CONCAT(otherAccounts.name) 
+            FROM transactions otherTransactions 
+            LEFT JOIN accounts otherAccounts ON otherAccounts.id = otherTransactions.account_id
+            WHERE otherTransactions.group_id = transactions.group_id 
+            AND otherTransactions.id != transactions.id
+        ) as transfer_account
 FROM transactions 
 INNER JOIN accounts ON accounts.id = transactions.account_id
 LEFT JOIN payees ON payees.id = transactions.payee_id

postgres/schema/0012_add-group-id.sql

@@ -0,0 +1,5 @@
+-- +goose Up
+ALTER TABLE transactions ADD COLUMN group_id uuid NULL;
+
+-- +goose Down
+ALTER TABLE transactions DROP COLUMN group_id;

postgres/schema/0013_add-transaction-status.sql

@@ -0,0 +1,12 @@
+-- +goose Up
+CREATE TYPE transaction_status AS ENUM (
+  'Reconciled',
+  'Cleared',
+  'Uncleared'
+);
+
+ALTER TABLE transactions ADD COLUMN status transaction_status NOT NULL DEFAULT 'Uncleared';
+
+-- +goose Down
+ALTER TABLE transactions DROP COLUMN status;
+DROP TYPE transaction_status;

postgres/schema/0014_enable-fuzzy-match-module.sql

@@ -0,0 +1,5 @@
+-- +goose Up
+CREATE EXTENSION IF NOT EXISTS "fuzzystrmatch";
+
+-- +goose Down
+DROP EXTENSION "fuzzystrmatch";

postgres/schema/20220109_212800_add-transfer-id.sql

@@ -1,6 +0,0 @@
--- +goose Up
-ALTER TABLE transactions ADD COLUMN
-    transfer_id uuid NULL REFERENCES transactions (id);
-
--- +goose Down
-ALTER TABLE transactions DROP COLUMN transfer_id;

postgres/transactions.sql.go

@@ -12,9 +12,9 @@ import (
 
 const createTransaction = `-- name: CreateTransaction :one
 INSERT INTO transactions
-(date, memo, amount, account_id, payee_id, category_id)
-VALUES ($1, $2, $3, $4, $5, $6)
-RETURNING id, date, memo, amount, account_id, category_id, payee_id, transfer_id
+(date, memo, amount, account_id, payee_id, category_id, group_id, status)
+VALUES ($1, $2, $3, $4, $5, $6, $7, $8)
+RETURNING id, date, memo, amount, account_id, category_id, payee_id, group_id, status
 `
 
 type CreateTransactionParams struct {
@@ -24,6 +24,8 @@ type CreateTransactionParams struct {
 	AccountID  uuid.UUID
 	PayeeID    uuid.NullUUID
 	CategoryID uuid.NullUUID
+	GroupID    uuid.NullUUID
+	Status     TransactionStatus
 }
 
 func (q *Queries) CreateTransaction(ctx context.Context, arg CreateTransactionParams) (Transaction, error) {
@@ -34,6 +36,8 @@ func (q *Queries) CreateTransaction(ctx context.Context, arg CreateTransactionPa
 		arg.AccountID,
 		arg.PayeeID,
 		arg.CategoryID,
+		arg.GroupID,
+		arg.Status,
 	)
 	var i Transaction
 	err := row.Scan(
@@ -44,7 +48,8 @@ func (q *Queries) CreateTransaction(ctx context.Context, arg CreateTransactionPa
 		&i.AccountID,
 		&i.CategoryID,
 		&i.PayeeID,
-		&i.TransferID,
+		&i.GroupID,
+		&i.Status,
 	)
 	return i, err
 }
@@ -75,7 +80,7 @@ func (q *Queries) DeleteTransaction(ctx context.Context, id uuid.UUID) error {
 }
 
 const getTransaction = `-- name: GetTransaction :one
-SELECT id, date, memo, amount, account_id, category_id, payee_id, transfer_id FROM transactions
+SELECT id, date, memo, amount, account_id, category_id, payee_id, group_id, status FROM transactions
 WHERE id = $1
 `
 
@@ -90,7 +95,8 @@ func (q *Queries) GetTransaction(ctx context.Context, id uuid.UUID) (Transaction
 		&i.AccountID,
 		&i.CategoryID,
 		&i.PayeeID,
-		&i.TransferID,
+		&i.GroupID,
+		&i.Status,
 	)
 	return i, err
 }
@@ -130,8 +136,19 @@ func (q *Queries) GetTransactionsByMonthAndCategory(ctx context.Context, budgetI
 }
 
 const getTransactionsForAccount = `-- name: GetTransactionsForAccount :many
-SELECT  transactions.id, transactions.date, transactions.memo, transactions.amount,
-        accounts.name as account, COALESCE(payees.name, '') as payee, COALESCE(category_groups.name, '') as category_group, COALESCE(categories.name, '') as category
+SELECT  transactions.id, transactions.date, transactions.memo, 
+        transactions.amount, transactions.group_id, transactions.status,
+        accounts.name as account, 
+        COALESCE(payees.name, '') as payee, 
+        COALESCE(category_groups.name, '') as category_group, 
+        COALESCE(categories.name, '') as category,
+        (
+            SELECT CONCAT(otherAccounts.name) 
+            FROM transactions otherTransactions 
+            LEFT JOIN accounts otherAccounts ON otherAccounts.id = otherTransactions.account_id
+            WHERE otherTransactions.group_id = transactions.group_id 
+            AND otherTransactions.id != transactions.id
+        ) as transfer_account
 FROM transactions 
 INNER JOIN accounts ON accounts.id = transactions.account_id
 LEFT JOIN payees ON payees.id = transactions.payee_id
@@ -143,14 +160,17 @@ LIMIT 200
 `
 
 type GetTransactionsForAccountRow struct {
-	ID            uuid.UUID
-	Date          time.Time
-	Memo          string
-	Amount        Numeric
-	Account       string
-	Payee         string
-	CategoryGroup string
-	Category      string
+	ID              uuid.UUID
+	Date            time.Time
+	Memo            string
+	Amount          Numeric
+	GroupID         uuid.NullUUID
+	Status          TransactionStatus
+	Account         string
+	Payee           string
+	CategoryGroup   string
+	Category        string
+	TransferAccount interface{}
 }
 
 func (q *Queries) GetTransactionsForAccount(ctx context.Context, accountID uuid.UUID) ([]GetTransactionsForAccountRow, error) {
@@ -167,10 +187,13 @@ func (q *Queries) GetTransactionsForAccount(ctx context.Context, accountID uuid.
 			&i.Date,
 			&i.Memo,
 			&i.Amount,
+			&i.GroupID,
+			&i.Status,
 			&i.Account,
 			&i.Payee,
 			&i.CategoryGroup,
 			&i.Category,
+			&i.TransferAccount,
 		); err != nil {
 			return nil, err
 		}
@@ -186,7 +209,7 @@ func (q *Queries) GetTransactionsForAccount(ctx context.Context, accountID uuid.
 }
 
 const getTransactionsForBudget = `-- name: GetTransactionsForBudget :many
-SELECT  transactions.id, transactions.date, transactions.memo, transactions.amount,
+SELECT  transactions.id, transactions.date, transactions.memo, transactions.amount, transactions.group_id, transactions.status,
         accounts.name as account, COALESCE(payees.name, '') as payee, COALESCE(category_groups.name, '') as category_group, COALESCE(categories.name, '') as category
 FROM transactions 
 INNER JOIN accounts ON accounts.id = transactions.account_id
@@ -203,6 +226,8 @@ type GetTransactionsForBudgetRow struct {
 	Date          time.Time
 	Memo          string
 	Amount        Numeric
+	GroupID       uuid.NullUUID
+	Status        TransactionStatus
 	Account       string
 	Payee         string
 	CategoryGroup string
@@ -223,6 +248,8 @@ func (q *Queries) GetTransactionsForBudget(ctx context.Context, budgetID uuid.UU
 			&i.Date,
 			&i.Memo,
 			&i.Amount,
+			&i.GroupID,
+			&i.Status,
 			&i.Account,
 			&i.Payee,
 			&i.CategoryGroup,

postgres/ynab-import.go

@@ -13,7 +13,6 @@ import (
 )
 
 type YNABImport struct {
-	Context        context.Context
 	accounts       []Account
 	payees         []Payee
 	categories     []GetCategoriesRow
@@ -22,73 +21,70 @@ type YNABImport struct {
 	budgetID       uuid.UUID
 }
 
-func NewYNABImport(context context.Context, q *Queries, budgetID uuid.UUID) (*YNABImport, error) {
-	accounts, err := q.GetAccounts(context, budgetID)
+func NewYNABImport(context context.Context, queries *Queries, budgetID uuid.UUID) (*YNABImport, error) {
+	accounts, err := queries.GetAccounts(context, budgetID)
 	if err != nil {
 		return nil, err
 	}
 
-	payees, err := q.GetPayees(context, budgetID)
+	payees, err := queries.GetPayees(context, budgetID)
 	if err != nil {
 		return nil, err
 	}
 
-	categories, err := q.GetCategories(context, budgetID)
+	categories, err := queries.GetCategories(context, budgetID)
 	if err != nil {
 		return nil, err
 	}
 
-	categoryGroups, err := q.GetCategoryGroups(context, budgetID)
+	categoryGroups, err := queries.GetCategoryGroups(context, budgetID)
 	if err != nil {
 		return nil, err
 	}
 
 	return &YNABImport{
-		Context:        context,
 		accounts:       accounts,
 		payees:         payees,
 		categories:     categories,
 		categoryGroups: categoryGroups,
-		queries:        q,
+		queries:        queries,
 		budgetID:       budgetID,
 	}, nil
-
 }
 
 // ImportAssignments expects a TSV-file as exported by YNAB in the following format:
-//"Month"	"Category Group/Category"	"Category Group"	"Category"	"Budgeted"	"Activity"	"Available"
-//"Apr 2019"	"Income: Next Month"	"Income"	"Next Month"	0,00€	0,00€	0,00€
+// "Month"	"Category Group/Category"	"Category Group"	"Category"	"Budgeted"	"Activity"	"Available"
+// "Apr 2019"	"Income: Next Month"	"Income"	"Next Month"	0,00€	0,00€	0,00€
 //
-// Activity and Available are not imported, since they are determined by the transactions and historic assignments
-func (ynab *YNABImport) ImportAssignments(r io.Reader) error {
+// Activity and Available are not imported, since they are determined by the transactions and historic assignments.
+func (ynab *YNABImport) ImportAssignments(context context.Context, r io.Reader) error {
 	csv := csv.NewReader(r)
 	csv.Comma = '\t'
 	csv.LazyQuotes = true
 
 	csvData, err := csv.ReadAll()
 	if err != nil {
-		return fmt.Errorf("could not read from tsv: %w", err)
+		return fmt.Errorf("read from tsv: %w", err)
 	}
 
 	count := 0
 	for _, record := range csvData[1:] {
-
 		dateString := record[0]
 		date, err := time.Parse("Jan 2006", dateString)
 		if err != nil {
-			return fmt.Errorf("could not parse date %s: %w", dateString, err)
+			return fmt.Errorf("parse date %s: %w", dateString, err)
 		}
 
-		categoryGroup, categoryName := record[2], record[3] //also in 1 joined by :
-		category, err := ynab.GetCategory(categoryGroup, categoryName)
+		categoryGroup, categoryName := record[2], record[3] // also in 1 joined by :
+		category, err := ynab.GetCategory(context, categoryGroup, categoryName)
 		if err != nil {
-			return fmt.Errorf("could not get category %s/%s: %w", categoryGroup, categoryName, err)
+			return fmt.Errorf("get category %s/%s: %w", categoryGroup, categoryName, err)
 		}
 
 		amountString := record[4]
 		amount, err := GetAmount(amountString, "0,00€")
 		if err != nil {
-			return fmt.Errorf("could not parse amount %s: %w", amountString, err)
+			return fmt.Errorf("parse amount %s: %w", amountString, err)
 		}
 
 		if amount.Int.Int64() == 0 {
@@ -100,9 +96,9 @@ func (ynab *YNABImport) ImportAssignments(r io.Reader) error {
 			CategoryID: category.UUID,
 			Amount:     amount,
 		}
-		_, err = ynab.queries.CreateAssignment(ynab.Context, assignment)
+		_, err = ynab.queries.CreateAssignment(context, assignment)
 		if err != nil {
-			return fmt.Errorf("could not save assignment %v: %w", assignment, err)
+			return fmt.Errorf("save assignment %v: %w", assignment, err)
 		}
 
 		count++
@@ -113,89 +109,187 @@ func (ynab *YNABImport) ImportAssignments(r io.Reader) error {
 	return nil
 }
 
-// ImportTransactions expects a TSV-file as exported by YNAB in the following format:
+type Transfer struct {
+	CreateTransactionParams
+	TransferToAccount *Account
+	FromAccount       string
+	ToAccount         string
+}
 
-func (ynab *YNABImport) ImportTransactions(r io.Reader) error {
+// ImportTransactions expects a TSV-file as exported by YNAB.
+func (ynab *YNABImport) ImportTransactions(context context.Context, r io.Reader) error {
 	csv := csv.NewReader(r)
 	csv.Comma = '\t'
 	csv.LazyQuotes = true
 
 	csvData, err := csv.ReadAll()
 	if err != nil {
-		return fmt.Errorf("could not read from tsv: %w", err)
+		return fmt.Errorf("read from tsv: %w", err)
 	}
 
-	var openTransfers []CreateTransactionParams
+	var openTransfers []Transfer
 
 	count := 0
 	for _, record := range csvData[1:] {
-		accountName := record[0]
-		account, err := ynab.GetAccount(accountName)
+		transaction, err := ynab.GetTransaction(context, record)
 		if err != nil {
-			return fmt.Errorf("could not get account %s: %w", accountName, err)
+			return err
 		}
 
-		//flag := record[1]
-
-		dateString := record[2]
-		date, err := time.Parse("02.01.2006", dateString)
+		payeeName := record[3]
+		// Transaction is a transfer
+		if strings.HasPrefix(payeeName, "Transfer : ") {
+			err = ynab.ImportTransferTransaction(context, payeeName, transaction.CreateTransactionParams,
+				&openTransfers, transaction.Account, transaction.Amount)
+		} else {
+			err = ynab.ImportRegularTransaction(context, payeeName, transaction.CreateTransactionParams)
+		}
 		if err != nil {
-			return fmt.Errorf("could not parse date %s: %w", dateString, err)
+			return err
 		}
 
-		categoryGroup, categoryName := record[5], record[6] //also in 4 joined by :
-		category, err := ynab.GetCategory(categoryGroup, categoryName)
+		count++
+	}
+
+	for _, openTransfer := range openTransfers {
+		fmt.Printf("Saving unmatched transfer from %s to %s on %s over %f as regular transaction\n",
+			openTransfer.FromAccount, openTransfer.ToAccount, openTransfer.Date, openTransfer.Amount.GetFloat64())
+		_, err = ynab.queries.CreateTransaction(context, openTransfer.CreateTransactionParams)
 		if err != nil {
-			return fmt.Errorf("could not get category %s/%s: %w", categoryGroup, categoryName, err)
+			return fmt.Errorf("save transaction %v: %w", openTransfer.CreateTransactionParams, err)
 		}
+	}
 
-		memo := record[7]
+	fmt.Printf("Imported %d transactions\n", count)
 
-		outflow := record[8]
-		inflow := record[9]
-		amount, err := GetAmount(inflow, outflow)
-		if err != nil {
-			return fmt.Errorf("could not parse amount from (%s/%s): %w", inflow, outflow, err)
-		}
+	return nil
+}
 
-		transaction := CreateTransactionParams{
+type NewTransaction struct {
+	CreateTransactionParams
+	Account *Account
+}
+
+func (ynab *YNABImport) GetTransaction(context context.Context, record []string) (NewTransaction, error) {
+	accountName := record[0]
+	account, err := ynab.GetAccount(context, accountName)
+	if err != nil {
+		return NewTransaction{}, fmt.Errorf("get account %s: %w", accountName, err)
+	}
+
+	// flag := record[1]
+
+	dateString := record[2]
+	date, err := time.Parse("02.01.2006", dateString)
+	if err != nil {
+		return NewTransaction{}, fmt.Errorf("parse date %s: %w", dateString, err)
+	}
+
+	categoryGroup, categoryName := record[5], record[6] // also in 4 joined by :
+	category, err := ynab.GetCategory(context, categoryGroup, categoryName)
+	if err != nil {
+		return NewTransaction{}, fmt.Errorf("get category %s/%s: %w", categoryGroup, categoryName, err)
+	}
+
+	memo := record[7]
+
+	outflow := record[8]
+	inflow := record[9]
+	amount, err := GetAmount(inflow, outflow)
+	if err != nil {
+		return NewTransaction{}, fmt.Errorf("parse amount from (%s/%s): %w", inflow, outflow, err)
+	}
+
+	statusEnum := TransactionStatusUncleared
+	status := record[10]
+	switch status {
+	case "Cleared":
+		statusEnum = TransactionStatusCleared
+	case "Reconciled":
+		statusEnum = TransactionStatusReconciled
+	case "Uncleared":
+	}
+
+	return NewTransaction{
+		CreateTransactionParams: CreateTransactionParams{
 			Date:       date,
 			Memo:       memo,
 			AccountID:  account.ID,
 			CategoryID: category,
 			Amount:     amount,
-		}
+			Status:     statusEnum,
+		},
+		Account: account,
+	}, nil
+}
 
-		payeeName := record[3]
-		if strings.HasPrefix(payeeName, "Transfer : ") {
-			// Transaction is a transfer to
-			transferToAccountName := payeeName[11:]
-			transferToAccount, err := ynab.GetAccount(transferToAccountName)
-			if err != nil {
-				return fmt.Errorf("Could not get transfer account %s: %w", transferToAccountName, err)
-			}
-			openTransfers = append(openTransfers, transaction)
-			fmt.Printf("Found transfer from %s to %s over %f\n", account.Name, transferToAccount.Name, amount.GetFloat64())
-		} else {
-			payeeID, err := ynab.GetPayee(payeeName)
-			if err != nil {
-				return fmt.Errorf("could not get payee %s: %w", payeeName, err)
-			}
-			transaction.PayeeID = payeeID
+func (ynab *YNABImport) ImportRegularTransaction(context context.Context, payeeName string,
+	transaction CreateTransactionParams) error {
+	payeeID, err := ynab.GetPayee(context, payeeName)
+	if err != nil {
+		return fmt.Errorf("get payee %s: %w", payeeName, err)
+	}
+	transaction.PayeeID = payeeID
 
-			_, err = ynab.queries.CreateTransaction(ynab.Context, transaction)
-			if err != nil {
-				return fmt.Errorf("could not save transaction %v: %w", transaction, err)
-			}
-		}
+	_, err = ynab.queries.CreateTransaction(context, transaction)
+	if err != nil {
+		return fmt.Errorf("save transaction %v: %w", transaction, err)
+	}
+	return nil
+}
 
-		//status := record[10]
-
-		count++
+func (ynab *YNABImport) ImportTransferTransaction(context context.Context, payeeName string,
+	transaction CreateTransactionParams, openTransfers *[]Transfer,
+	account *Account, amount Numeric) error {
+	transferToAccountName := payeeName[11:]
+	transferToAccount, err := ynab.GetAccount(context, transferToAccountName)
+	if err != nil {
+		return fmt.Errorf("get transfer account %s: %w", transferToAccountName, err)
 	}
 
-	fmt.Printf("Imported %d transactions\n", count)
+	transfer := Transfer{
+		transaction,
+		transferToAccount,
+		account.Name,
+		transferToAccountName,
+	}
 
+	found := false
+	for i, openTransfer := range *openTransfers {
+		if openTransfer.TransferToAccount.ID != transfer.AccountID {
+			continue
+		}
+		if openTransfer.AccountID != transfer.TransferToAccount.ID {
+			continue
+		}
+		if openTransfer.Amount.GetFloat64() != -1*transfer.Amount.GetFloat64() {
+			continue
+		}
+
+		fmt.Printf("Matched transfers from %s to %s over %f\n", account.Name, transferToAccount.Name, amount.GetFloat64())
+		transfers := *openTransfers
+		transfers[i] = transfers[len(transfers)-1]
+		*openTransfers = transfers[:len(transfers)-1]
+		found = true
+
+		groupID := uuid.New()
+		transfer.GroupID = uuid.NullUUID{UUID: groupID, Valid: true}
+		openTransfer.GroupID = uuid.NullUUID{UUID: groupID, Valid: true}
+
+		_, err = ynab.queries.CreateTransaction(context, transfer.CreateTransactionParams)
+		if err != nil {
+			return fmt.Errorf("save transaction %v: %w", transfer.CreateTransactionParams, err)
+		}
+		_, err = ynab.queries.CreateTransaction(context, openTransfer.CreateTransactionParams)
+		if err != nil {
+			return fmt.Errorf("save transaction %v: %w", openTransfer.CreateTransactionParams, err)
+		}
+		break
+	}
+
+	if !found {
+		*openTransfers = append(*openTransfers, transfer)
+	}
 	return nil
 }
 
@@ -215,7 +309,7 @@ func GetAmount(inflow string, outflow string) (Numeric, error) {
 	num := Numeric{}
 	err := num.Set(inflow)
 	if err != nil {
-		return num, fmt.Errorf("Could not parse inflow %s: %w", inflow, err)
+		return num, fmt.Errorf("parse inflow %s: %w", inflow, err)
 	}
 
 	// if inflow is zero, use outflow
@@ -225,19 +319,19 @@ func GetAmount(inflow string, outflow string) (Numeric, error) {
 
 	err = num.Set("-" + outflow)
 	if err != nil {
-		return num, fmt.Errorf("Could not parse outflow %s: %w", inflow, err)
+		return num, fmt.Errorf("parse outflow %s: %w", inflow, err)
 	}
 	return num, nil
 }
 
-func (ynab *YNABImport) GetAccount(name string) (*Account, error) {
+func (ynab *YNABImport) GetAccount(context context.Context, name string) (*Account, error) {
 	for _, acc := range ynab.accounts {
 		if acc.Name == name {
 			return &acc, nil
 		}
 	}
 
-	account, err := ynab.queries.CreateAccount(ynab.Context, CreateAccountParams{Name: name, BudgetID: ynab.budgetID})
+	account, err := ynab.queries.CreateAccount(context, CreateAccountParams{Name: name, BudgetID: ynab.budgetID})
 	if err != nil {
 		return nil, err
 	}
@@ -246,7 +340,7 @@ func (ynab *YNABImport) GetAccount(name string) (*Account, error) {
 	return &account, nil
 }
 
-func (ynab *YNABImport) GetPayee(name string) (uuid.NullUUID, error) {
+func (ynab *YNABImport) GetPayee(context context.Context, name string) (uuid.NullUUID, error) {
 	if name == "" {
 		return uuid.NullUUID{}, nil
 	}
@@ -257,7 +351,7 @@ func (ynab *YNABImport) GetPayee(name string) (uuid.NullUUID, error) {
 		}
 	}
 
-	payee, err := ynab.queries.CreatePayee(ynab.Context, CreatePayeeParams{Name: name, BudgetID: ynab.budgetID})
+	payee, err := ynab.queries.CreatePayee(context, CreatePayeeParams{Name: name, BudgetID: ynab.budgetID})
 	if err != nil {
 		return uuid.NullUUID{}, err
 	}
@@ -266,7 +360,7 @@ func (ynab *YNABImport) GetPayee(name string) (uuid.NullUUID, error) {
 	return uuid.NullUUID{UUID: payee.ID, Valid: true}, nil
 }
 
-func (ynab *YNABImport) GetCategory(group string, name string) (uuid.NullUUID, error) {
+func (ynab *YNABImport) GetCategory(context context.Context, group string, name string) (uuid.NullUUID, error) { //nolint
 	if group == "" || name == "" {
 		return uuid.NullUUID{}, nil
 	}
@@ -277,32 +371,25 @@ func (ynab *YNABImport) GetCategory(group string, name string) (uuid.NullUUID, e
 		}
 	}
 
-	for _, categoryGroup := range ynab.categoryGroups {
-		if categoryGroup.Name == group {
-			createCategory := CreateCategoryParams{Name: name, CategoryGroupID: categoryGroup.ID}
-			category, err := ynab.queries.CreateCategory(ynab.Context, createCategory)
-			if err != nil {
-				return uuid.NullUUID{}, err
-			}
-
-			getCategory := GetCategoriesRow{
-				ID:              category.ID,
-				CategoryGroupID: category.CategoryGroupID,
-				Name:            category.Name,
-				Group:           categoryGroup.Name,
-			}
-			ynab.categories = append(ynab.categories, getCategory)
-			return uuid.NullUUID{UUID: category.ID, Valid: true}, nil
+	var categoryGroup CategoryGroup
+	for _, existingGroup := range ynab.categoryGroups {
+		if existingGroup.Name == group {
+			categoryGroup = existingGroup
 		}
 	}
 
-	categoryGroup, err := ynab.queries.CreateCategoryGroup(ynab.Context, CreateCategoryGroupParams{Name: group, BudgetID: ynab.budgetID})
-	if err != nil {
-		return uuid.NullUUID{}, err
+	if categoryGroup.Name == "" {
+		newGroup := CreateCategoryGroupParams{Name: group, BudgetID: ynab.budgetID}
+		var err error
+		categoryGroup, err = ynab.queries.CreateCategoryGroup(context, newGroup)
+		if err != nil {
+			return uuid.NullUUID{}, err
+		}
+		ynab.categoryGroups = append(ynab.categoryGroups, categoryGroup)
 	}
-	ynab.categoryGroups = append(ynab.categoryGroups, categoryGroup)
 
-	category, err := ynab.queries.CreateCategory(ynab.Context, CreateCategoryParams{Name: name, CategoryGroupID: categoryGroup.ID})
+	newCategory := CreateCategoryParams{Name: name, CategoryGroupID: categoryGroup.ID}
+	category, err := ynab.queries.CreateCategory(context, newCategory)
 	if err != nil {
 		return uuid.NullUUID{}, err
 	}

server/account.go

@@ -1,4 +1,4 @@
-package http
+package server
 
 import (
 	"net/http"
@@ -8,20 +8,11 @@ import (
 	"github.com/google/uuid"
 )
 
-type AccountData struct {
-	AlwaysNeededData
-	Account      *postgres.Account
-	Categories   []postgres.GetCategoriesRow
-	Transactions []postgres.GetTransactionsForAccountRow
-}
-
-func (h *Handler) account(c *gin.Context) {
-	data := c.MustGet("data").(AlwaysNeededData)
-
+func (h *Handler) transactionsForAccount(c *gin.Context) {
 	accountID := c.Param("accountid")
 	accountUUID, err := uuid.Parse(accountID)
 	if err != nil {
-		c.Redirect(http.StatusTemporaryRedirect, "/login")
+		c.AbortWithError(http.StatusBadRequest, err)
 		return
 	}
 
@@ -31,24 +22,16 @@ func (h *Handler) account(c *gin.Context) {
 		return
 	}
 
-	categories, err := h.Service.GetCategories(c.Request.Context(), data.Budget.ID)
-	if err != nil {
-		c.AbortWithError(http.StatusNotFound, err)
-		return
-	}
-
 	transactions, err := h.Service.GetTransactionsForAccount(c.Request.Context(), accountUUID)
 	if err != nil {
 		c.AbortWithError(http.StatusNotFound, err)
 		return
 	}
 
-	d := AccountData{
-		data,
-		&account,
-		categories,
-		transactions,
-	}
-
-	c.HTML(http.StatusOK, "account.html", d)
+	c.JSON(http.StatusOK, TransactionsResponse{account, transactions})
+}
+
+type TransactionsResponse struct {
+	Account      postgres.Account
+	Transactions []postgres.GetTransactionsForAccountRow
 }

server/account_test.go

@@ -0,0 +1,86 @@
+package server
+
+import (
+	"encoding/json"
+	"net/http"
+	"net/http/httptest"
+	"strings"
+	"testing"
+
+	"git.javil.eu/jacob1123/budgeteer/bcrypt"
+	"git.javil.eu/jacob1123/budgeteer/jwt"
+	"git.javil.eu/jacob1123/budgeteer/postgres"
+	txdb "github.com/DATA-DOG/go-txdb"
+	"github.com/gin-gonic/gin"
+)
+
+func init() { //nolint:gochecknoinits
+	txdb.Register("pgtx", "pgx", "postgres://budgeteer_test:budgeteer_test@localhost:5432/budgeteer_test")
+}
+
+func TestRegisterUser(t *testing.T) { //nolint:funlen
+	t.Parallel()
+	database, err := postgres.Connect("pgtx", "example")
+	if err != nil {
+		t.Errorf("could not connect to db: %s", err)
+		return
+	}
+
+	h := Handler{
+		Service: database,
+		TokenVerifier: &jwt.TokenVerifier{
+			Secret: "this_is_my_demo_secret_for_unit_tests",
+		},
+		CredentialsVerifier: &bcrypt.Verifier{},
+	}
+
+	recorder := httptest.NewRecorder()
+	context, engine := gin.CreateTestContext(recorder)
+	h.LoadRoutes(engine)
+
+	t.Run("RegisterUser", func(t *testing.T) {
+		t.Parallel()
+		context.Request, err = http.NewRequest(
+			http.MethodPost,
+			"/api/v1/user/register",
+			strings.NewReader(`{"password":"pass","email":"info@example.com","name":"Test"}`))
+		if err != nil {
+			t.Errorf("error creating request: %s", err)
+			return
+		}
+
+		h.registerPost(context)
+
+		if recorder.Code != http.StatusOK {
+			t.Errorf("handler returned wrong status code: got %v want %v", recorder.Code, http.StatusOK)
+		}
+
+		var response LoginResponse
+		err = json.NewDecoder(recorder.Body).Decode(&response)
+		if err != nil {
+			t.Error(err.Error())
+			t.Error("Error registering")
+		}
+		if len(response.Token) == 0 {
+			t.Error("Did not get a token")
+		}
+	})
+
+	t.Run("GetTransactions", func(t *testing.T) {
+		t.Parallel()
+		context.Request, err = http.NewRequest(http.MethodGet, "/account/accountid/transactions", nil)
+		if recorder.Code != http.StatusOK {
+			t.Errorf("handler returned wrong status code: got %v want %v", recorder.Code, http.StatusOK)
+		}
+
+		var response TransactionsResponse
+		err = json.NewDecoder(recorder.Body).Decode(&response)
+		if err != nil {
+			t.Error(err.Error())
+			t.Error("Error retreiving list of transactions.")
+		}
+		if len(response.Transactions) == 0 {
+			t.Error("Did not get any transactions.")
+		}
+	})
+}

server/admin.go

@@ -1,4 +1,4 @@
-package http
+package server
 
 import (
 	"fmt"
@@ -9,18 +9,7 @@ import (
 	"github.com/pressly/goose/v3"
 )
 
-type AdminData struct {
-}
-
-func (h *Handler) admin(c *gin.Context) {
-	d := AdminData{}
-
-	c.HTML(http.StatusOK, "admin.html", d)
-}
-
 func (h *Handler) clearDatabase(c *gin.Context) {
-	d := AdminData{}
-
 	if err := goose.Reset(h.Service.DB, "schema"); err != nil {
 		c.AbortWithError(http.StatusInternalServerError, err)
 	}
@@ -28,30 +17,26 @@ func (h *Handler) clearDatabase(c *gin.Context) {
 	if err := goose.Up(h.Service.DB, "schema"); err != nil {
 		c.AbortWithError(http.StatusInternalServerError, err)
 	}
-
-	c.HTML(http.StatusOK, "admin.html", d)
 }
 
-type SettingsData struct {
-	AlwaysNeededData
-}
-
-func (h *Handler) settings(c *gin.Context) {
-	d := SettingsData{
-		c.MustGet("data").(AlwaysNeededData),
-	}
-
-	c.HTML(http.StatusOK, "settings.html", d)
-}
-
-func (h *Handler) clearBudget(c *gin.Context) {
+func (h *Handler) deleteBudget(c *gin.Context) {
 	budgetID := c.Param("budgetid")
 	budgetUUID, err := uuid.Parse(budgetID)
 	if err != nil {
-		c.Redirect(http.StatusTemporaryRedirect, "/login")
+		c.AbortWithStatus(http.StatusBadRequest)
 		return
 	}
 
+	h.clearBudgetData(c, budgetUUID)
+
+	err = h.Service.DeleteBudget(c.Request.Context(), budgetUUID)
+	if err != nil {
+		c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+}
+
+func (h *Handler) clearBudgetData(c *gin.Context, budgetUUID uuid.UUID) {
 	rows, err := h.Service.DeleteAllAssignments(c.Request.Context(), budgetUUID)
 	if err != nil {
 		c.AbortWithError(http.StatusInternalServerError, err)
@@ -69,6 +54,17 @@ func (h *Handler) clearBudget(c *gin.Context) {
 	fmt.Printf("Deleted %d transactions\n", rows)
 }
 
+func (h *Handler) clearBudget(c *gin.Context) {
+	budgetID := c.Param("budgetid")
+	budgetUUID, err := uuid.Parse(budgetID)
+	if err != nil {
+		c.AbortWithStatus(http.StatusBadRequest)
+		return
+	}
+
+	h.clearBudgetData(c, budgetUUID)
+}
+
 func (h *Handler) cleanNegativeBudget(c *gin.Context) {
 	/*budgetID := c.Param("budgetid")
 	budgetUUID, err := uuid.Parse(budgetID)
@@ -113,5 +109,4 @@ func (h *Handler) cleanNegativeBudget(c *gin.Context) {
 			break
 		}
 	}*/
-
 }

server/autocomplete.go

@@ -0,0 +1,53 @@
+package server
+
+import (
+	"net/http"
+
+	"git.javil.eu/jacob1123/budgeteer/postgres"
+	"github.com/gin-gonic/gin"
+	"github.com/google/uuid"
+)
+
+func (h *Handler) autocompleteCategories(c *gin.Context) {
+	budgetID := c.Param("budgetid")
+	budgetUUID, err := uuid.Parse(budgetID)
+	if err != nil {
+		c.AbortWithStatusJSON(http.StatusBadRequest, ErrorResponse{"budgetid missing from URL"})
+		return
+	}
+
+	query := c.Request.URL.Query().Get("s")
+	searchParams := postgres.SearchCategoriesParams{
+		BudgetID: budgetUUID,
+		Search:   "%" + query + "%",
+	}
+	categories, err := h.Service.SearchCategories(c.Request.Context(), searchParams)
+	if err != nil {
+		c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+
+	c.JSON(http.StatusOK, categories)
+}
+
+func (h *Handler) autocompletePayee(c *gin.Context) {
+	budgetID := c.Param("budgetid")
+	budgetUUID, err := uuid.Parse(budgetID)
+	if err != nil {
+		c.AbortWithStatusJSON(http.StatusBadRequest, ErrorResponse{"budgetid missing from URL"})
+		return
+	}
+
+	query := c.Request.URL.Query().Get("s")
+	searchParams := postgres.SearchPayeesParams{
+		BudgetID: budgetUUID,
+		Search:   query + "%",
+	}
+	payees, err := h.Service.SearchPayees(c.Request.Context(), searchParams)
+	if err != nil {
+		c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+
+	c.JSON(http.StatusOK, payees)
+}

server/budget.go

@@ -0,0 +1,33 @@
+package server
+
+import (
+	"net/http"
+
+	"github.com/gin-gonic/gin"
+)
+
+type newBudgetInformation struct {
+	Name string `json:"name"`
+}
+
+func (h *Handler) newBudget(c *gin.Context) {
+	var newBudget newBudgetInformation
+	if err := c.BindJSON(&newBudget); err != nil {
+		c.AbortWithError(http.StatusNotAcceptable, err)
+		return
+	}
+
+	if newBudget.Name == "" {
+		c.AbortWithStatusJSON(http.StatusBadRequest, ErrorResponse{"budget name is required"})
+		return
+	}
+
+	userID := MustGetToken(c).GetID()
+	budget, err := h.Service.NewBudget(c.Request.Context(), newBudget.Name, userID)
+	if err != nil {
+		c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+
+	c.JSON(http.StatusOK, budget)
+}

server/budgeting.go

@@ -0,0 +1,231 @@
+package server
+
+import (
+	"fmt"
+	"net/http"
+	"strconv"
+	"time"
+
+	"git.javil.eu/jacob1123/budgeteer/postgres"
+	"github.com/gin-gonic/gin"
+	"github.com/google/uuid"
+)
+
+func getFirstOfMonth(year, month int, location *time.Location) time.Time {
+	return time.Date(year, time.Month(month), 1, 0, 0, 0, 0, location)
+}
+
+func getFirstOfMonthTime(date time.Time) time.Time {
+	var monthM time.Month
+	year, monthM, _ := date.Date()
+	month := int(monthM)
+	return getFirstOfMonth(year, month, date.Location())
+}
+
+type CategoryWithBalance struct {
+	*postgres.GetCategoriesRow
+	Available          postgres.Numeric
+	AvailableLastMonth postgres.Numeric
+	Activity           postgres.Numeric
+	Assigned           postgres.Numeric
+}
+
+func getDate(c *gin.Context) (time.Time, error) {
+	var year, month int
+	yearString := c.Param("year")
+	monthString := c.Param("month")
+	if yearString == "" && monthString == "" {
+		return getFirstOfMonthTime(time.Now()), nil
+	}
+
+	year, err := strconv.Atoi(yearString)
+	if err != nil {
+		return time.Time{}, fmt.Errorf("parse year: %w", err)
+	}
+
+	month, err = strconv.Atoi(monthString)
+	if err != nil {
+		return time.Time{}, fmt.Errorf("parse month: %w", err)
+	}
+
+	return getFirstOfMonth(year, month, time.Now().Location()), nil
+}
+
+func (h *Handler) budgetingForMonth(c *gin.Context) {
+	budgetID := c.Param("budgetid")
+	budgetUUID, err := uuid.Parse(budgetID)
+	if err != nil {
+		c.AbortWithStatusJSON(http.StatusBadRequest, ErrorResponse{"budgetid missing from URL"})
+		return
+	}
+
+	budget, err := h.Service.GetBudget(c.Request.Context(), budgetUUID)
+	if err != nil {
+		c.AbortWithError(http.StatusBadRequest, err)
+		return
+	}
+
+	firstOfMonth, err := getDate(c)
+	if err != nil {
+		c.Redirect(http.StatusTemporaryRedirect, "/budget/"+budgetUUID.String())
+		return
+	}
+
+	categories, err := h.Service.GetCategories(c.Request.Context(), budgetUUID)
+	if err != nil {
+		c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+
+	firstOfNextMonth := firstOfMonth.AddDate(0, 1, 0)
+	cumultativeBalances, err := h.Service.GetCumultativeBalances(c.Request.Context(), budgetUUID)
+	if err != nil {
+		c.AbortWithStatusJSON(http.StatusInternalServerError, ErrorResponse{fmt.Sprintf("error loading balances: %s", err)})
+		return
+	}
+
+	categoriesWithBalance, moneyUsed := h.calculateBalances(
+		budget, firstOfNextMonth, firstOfMonth, categories, cumultativeBalances)
+
+	availableBalance := h.getAvailableBalance(categories, budget, moneyUsed, cumultativeBalances, firstOfNextMonth)
+
+	data := struct {
+		Categories       []CategoryWithBalance
+		AvailableBalance postgres.Numeric
+	}{categoriesWithBalance, availableBalance}
+	c.JSON(http.StatusOK, data)
+}
+
+func (*Handler) getAvailableBalance(categories []postgres.GetCategoriesRow, budget postgres.Budget,
+	moneyUsed postgres.Numeric, cumultativeBalances []postgres.GetCumultativeBalancesRow,
+	firstOfNextMonth time.Time) postgres.Numeric {
+	availableBalance := postgres.NewZeroNumeric()
+	for _, cat := range categories {
+		if cat.ID != budget.IncomeCategoryID {
+			continue
+		}
+		availableBalance = moneyUsed
+
+		for _, bal := range cumultativeBalances {
+			if bal.CategoryID != cat.ID {
+				continue
+			}
+
+			if !bal.Date.Before(firstOfNextMonth) {
+				continue
+			}
+
+			availableBalance = availableBalance.Add(bal.Transactions)
+		}
+	}
+	return availableBalance
+}
+
+func (h *Handler) budgeting(c *gin.Context) {
+	budgetID := c.Param("budgetid")
+	budgetUUID, err := uuid.Parse(budgetID)
+	if err != nil {
+		c.AbortWithStatusJSON(http.StatusBadRequest, ErrorResponse{"budgetid missing from URL"})
+		return
+	}
+
+	budget, err := h.Service.GetBudget(c.Request.Context(), budgetUUID)
+	if err != nil {
+		c.AbortWithError(http.StatusNotFound, err)
+		return
+	}
+
+	accounts, err := h.Service.GetAccountsWithBalance(c.Request.Context(), budgetUUID)
+	if err != nil {
+		c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+
+	data := struct {
+		Accounts []postgres.GetAccountsWithBalanceRow
+		Budget   postgres.Budget
+	}{accounts, budget}
+
+	c.JSON(http.StatusOK, data)
+}
+
+func (h *Handler) calculateBalances(budget postgres.Budget,
+	firstOfNextMonth time.Time, firstOfMonth time.Time, categories []postgres.GetCategoriesRow,
+	cumultativeBalances []postgres.GetCumultativeBalancesRow) ([]CategoryWithBalance, postgres.Numeric) {
+	categoriesWithBalance := []CategoryWithBalance{}
+	hiddenCategory := CategoryWithBalance{
+		GetCategoriesRow: &postgres.GetCategoriesRow{
+			Name:  "",
+			Group: "Hidden Categories",
+		},
+		Available:          postgres.NewZeroNumeric(),
+		AvailableLastMonth: postgres.NewZeroNumeric(),
+		Activity:           postgres.NewZeroNumeric(),
+		Assigned:           postgres.NewZeroNumeric(),
+	}
+
+	moneyUsed := postgres.NewZeroNumeric()
+	for i := range categories {
+		cat := &categories[i]
+		// do not show hidden categories
+		categoryWithBalance := h.CalculateCategoryBalances(cat, cumultativeBalances,
+			firstOfNextMonth, &moneyUsed, firstOfMonth, hiddenCategory, budget)
+		if cat.Group == "Hidden Categories" {
+			hiddenCategory.Available = hiddenCategory.Available.Add(categoryWithBalance.Available)
+			hiddenCategory.AvailableLastMonth = hiddenCategory.AvailableLastMonth.Add(categoryWithBalance.AvailableLastMonth)
+			hiddenCategory.Activity = hiddenCategory.Activity.Add(categoryWithBalance.Activity)
+			hiddenCategory.Assigned = hiddenCategory.Assigned.Add(categoryWithBalance.Assigned)
+			continue
+		}
+
+		if cat.ID == budget.IncomeCategoryID {
+			continue
+		}
+
+		categoriesWithBalance = append(categoriesWithBalance, categoryWithBalance)
+	}
+
+	categoriesWithBalance = append(categoriesWithBalance, hiddenCategory)
+
+	return categoriesWithBalance, moneyUsed
+}
+
+func (*Handler) CalculateCategoryBalances(cat *postgres.GetCategoriesRow,
+	cumultativeBalances []postgres.GetCumultativeBalancesRow, firstOfNextMonth time.Time,
+	moneyUsed *postgres.Numeric, firstOfMonth time.Time, hiddenCategory CategoryWithBalance,
+	budget postgres.Budget) CategoryWithBalance {
+	categoryWithBalance := CategoryWithBalance{
+		GetCategoriesRow:   cat,
+		Available:          postgres.NewZeroNumeric(),
+		AvailableLastMonth: postgres.NewZeroNumeric(),
+		Activity:           postgres.NewZeroNumeric(),
+		Assigned:           postgres.NewZeroNumeric(),
+	}
+	for _, bal := range cumultativeBalances {
+		if bal.CategoryID != cat.ID {
+			continue
+		}
+
+		// skip everything in the future
+		if !bal.Date.Before(firstOfNextMonth) {
+			continue
+		}
+
+		*moneyUsed = moneyUsed.Sub(bal.Assignments)
+		categoryWithBalance.Available = categoryWithBalance.Available.Add(bal.Assignments)
+		categoryWithBalance.Available = categoryWithBalance.Available.Add(bal.Transactions)
+		if !categoryWithBalance.Available.IsPositive() && bal.Date.Before(firstOfMonth) {
+			*moneyUsed = moneyUsed.Add(categoryWithBalance.Available)
+			categoryWithBalance.Available = postgres.NewZeroNumeric()
+		}
+
+		if bal.Date.Before(firstOfMonth) {
+			categoryWithBalance.AvailableLastMonth = categoryWithBalance.Available
+		} else if bal.Date.Before(firstOfNextMonth) {
+			categoryWithBalance.Activity = bal.Transactions
+			categoryWithBalance.Assigned = bal.Assignments
+		}
+	}
+
+	return categoryWithBalance
+}

server/dashboard.go

@@ -1,15 +1,14 @@
-package http
+package server
 
 import (
 	"net/http"
 
-	"git.javil.eu/jacob1123/budgeteer"
 	"git.javil.eu/jacob1123/budgeteer/postgres"
 	"github.com/gin-gonic/gin"
 )
 
 func (h *Handler) dashboard(c *gin.Context) {
-	userID := c.MustGet("token").(budgeteer.Token).GetID()
+	userID := MustGetToken(c).GetID()
 	budgets, err := h.Service.GetBudgetsForUser(c.Request.Context(), userID)
 	if err != nil {
 		return
@@ -18,7 +17,7 @@ func (h *Handler) dashboard(c *gin.Context) {
 	d := DashboardData{
 		Budgets: budgets,
 	}
-	c.HTML(http.StatusOK, "dashboard.html", d)
+	c.JSON(http.StatusOK, d)
 }
 
 type DashboardData struct {

server/http.go

@@ -0,0 +1,120 @@
+package server
+
+import (
+	"errors"
+	"io"
+	"io/fs"
+	"net/http"
+	"path"
+	"strings"
+
+	"git.javil.eu/jacob1123/budgeteer"
+	"git.javil.eu/jacob1123/budgeteer/bcrypt"
+	"git.javil.eu/jacob1123/budgeteer/postgres"
+	"github.com/gin-gonic/gin"
+)
+
+// Handler handles incoming requests.
+type Handler struct {
+	Service             *postgres.Database
+	TokenVerifier       budgeteer.TokenVerifier
+	CredentialsVerifier *bcrypt.Verifier
+	StaticFS            http.FileSystem
+}
+
+// Serve starts the http server.
+func (h *Handler) Serve() {
+	router := gin.Default()
+	h.LoadRoutes(router)
+
+	if err := router.Run(":1323"); err != nil {
+		panic(err)
+	}
+}
+
+type ErrorResponse struct {
+	Message string
+}
+
+// LoadRoutes initializes all the routes.
+func (h *Handler) LoadRoutes(router *gin.Engine) {
+	router.Use(enableCachingForStaticFiles())
+	router.NoRoute(h.ServeStatic)
+
+	withLogin := router.Group("")
+	withLogin.Use(h.verifyLoginWithRedirect)
+
+	withBudget := router.Group("")
+	withBudget.Use(h.verifyLoginWithForbidden)
+	withBudget.GET("/budget/:budgetid/:year/:month", h.budgeting)
+	withBudget.GET("/budget/:budgetid/settings/clean-negative", h.cleanNegativeBudget)
+
+	api := router.Group("/api/v1")
+
+	unauthenticated := api.Group("/user")
+	unauthenticated.GET("/login", func(c *gin.Context) { c.Redirect(http.StatusPermanentRedirect, "/login") })
+	unauthenticated.POST("/login", h.loginPost)
+	unauthenticated.POST("/register", h.registerPost)
+
+	authenticated := api.Group("")
+	authenticated.Use(h.verifyLoginWithForbidden)
+	authenticated.GET("/dashboard", h.dashboard)
+	authenticated.GET("/account/:accountid/transactions", h.transactionsForAccount)
+	authenticated.GET("/admin/clear-database", h.clearDatabase)
+	authenticated.GET("/budget/:budgetid", h.budgeting)
+	authenticated.GET("/budget/:budgetid/:year/:month", h.budgetingForMonth)
+	authenticated.GET("/budget/:budgetid/autocomplete/payees", h.autocompletePayee)
+	authenticated.GET("/budget/:budgetid/autocomplete/categories", h.autocompleteCategories)
+	authenticated.DELETE("/budget/:budgetid", h.deleteBudget)
+	authenticated.POST("/budget/:budgetid/import/ynab", h.importYNAB)
+	authenticated.POST("/budget/:budgetid/settings/clear", h.clearBudget)
+
+	budget := authenticated.Group("/budget")
+	budget.POST("/new", h.newBudget)
+
+	transaction := authenticated.Group("/transaction")
+	transaction.POST("/new", h.newTransaction)
+	transaction.POST("/:transactionid", h.newTransaction)
+}
+
+func (h *Handler) ServeStatic(c *gin.Context) {
+	h.ServeStaticFile(c, c.Request.URL.Path)
+}
+
+func (h *Handler) ServeStaticFile(c *gin.Context, fullPath string) {
+	file, err := h.StaticFS.Open(fullPath)
+	if errors.Is(err, fs.ErrNotExist) {
+		h.ServeStaticFile(c, path.Join("/", "/index.html"))
+		return
+	}
+
+	if err != nil {
+		c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+
+	stat, err := file.Stat()
+	if err != nil {
+		c.AbortWithError(http.StatusInternalServerError, err)
+		return
+	}
+
+	if stat.IsDir() {
+		h.ServeStaticFile(c, path.Join(fullPath, "index.html"))
+		return
+	}
+
+	if file, ok := file.(io.ReadSeeker); ok {
+		http.ServeContent(c.Writer, c.Request, stat.Name(), stat.ModTime(), file)
+	} else {
+		panic("File does not implement ReadSeeker")
+	}
+}
+
+func enableCachingForStaticFiles() gin.HandlerFunc {
+	return func(c *gin.Context) {
+		if strings.HasPrefix(c.Request.RequestURI, "/static/") {
+			c.Header("Cache-Control", "max-age=86400")
+		}
+	}
+}

server/json-date.go

@@ -0,0 +1,37 @@
+package server
+
+import (
+	"encoding/json"
+	"fmt"
+	"strings"
+	"time"
+)
+
+type JSONDate time.Time
+
+// UnmarshalJSON parses the JSONDate from a JSON input.
+func (j *JSONDate) UnmarshalJSON(b []byte) error {
+	s := strings.Trim(string(b), "\"")
+	t, err := time.Parse("2006-01-02", s)
+	if err != nil {
+		return fmt.Errorf("parse date: %w", err)
+	}
+	*j = JSONDate(t)
+	return nil
+}
+
+// MarshalJSON converts the JSONDate to a JSON in ISO format.
+func (j JSONDate) MarshalJSON() ([]byte, error) {
+	result, err := json.Marshal(time.Time(j))
+	if err != nil {
+		return nil, fmt.Errorf("marshal date: %w", err)
+	}
+
+	return result, nil
+}
+
+// Format formats the time using the regular time.Time mechanics..
+func (j JSONDate) Format(s string) string {
+	t := time.Time(j)
+	return t.Format(s)
+}

server/session.go

@@ -0,0 +1,173 @@
+package server
+
+import (
+	"context"
+	"fmt"
+	"net/http"
+
+	"git.javil.eu/jacob1123/budgeteer"
+	"git.javil.eu/jacob1123/budgeteer/postgres"
+	"github.com/gin-gonic/gin"
+	"github.com/google/uuid"
+)
+
+const (
+	HeaderName = "Authorization"
+	Bearer     = "Bearer "
+	ParamName  = "token"
+)
+
+func MustGetToken(c *gin.Context) budgeteer.Token { //nolint:ireturn
+	token := c.MustGet(ParamName)
+	if token, ok := token.(budgeteer.Token); !ok {
+		return token
+	}
+
+	panic("Token is not a valid Token")
+}
+
+func (h *Handler) verifyLogin(c *gin.Context) (budgeteer.Token, *ErrorResponse) { //nolint:ireturn
+	tokenString := c.GetHeader(HeaderName)
+	if len(tokenString) <= len(Bearer) {
+		return nil, &ErrorResponse{"no authorization header supplied"}
+	}
+
+	tokenString = tokenString[7:]
+	token, err := h.TokenVerifier.VerifyToken(tokenString)
+	if err != nil {
+		return nil, &ErrorResponse{fmt.Sprintf("verify token '%s': %s", tokenString, err)}
+	}
+
+	return token, nil
+}
+
+func (h *Handler) verifyLoginWithForbidden(c *gin.Context) {
+	token, err := h.verifyLogin(c)
+	if err != nil {
+		// c.Header("WWW-Authenticate", "Bearer")
+		c.AbortWithStatusJSON(http.StatusForbidden, err)
+		return
+	}
+
+	c.Set(ParamName, token)
+	c.Next()
+}
+
+func (h *Handler) verifyLoginWithRedirect(c *gin.Context) {
+	token, err := h.verifyLogin(c)
+	if err != nil {
+		c.Redirect(http.StatusTemporaryRedirect, "/login")
+		c.Abort()
+		return
+	}
+
+	c.Set(ParamName, token)
+	c.Next()
+}
+
+type loginInformation struct {
+	Password string `json:"password"`
+	User     string `json:"user"`
+}
+
+func (h *Handler) loginPost(c *gin.Context) {
+	var login loginInformation
+	err := c.BindJSON(&login)
+	if err != nil {
+		return
+	}
+
+	user, err := h.Service.GetUserByUsername(c.Request.Context(), login.User)
+	if err != nil {
+		c.AbortWithError(http.StatusUnauthorized, err)
+		return
+	}
+
+	if err = h.CredentialsVerifier.Verify(login.Password, user.Password); err != nil {
+		c.AbortWithError(http.StatusUnauthorized, err)
+		return
+	}
+
+	token, err := h.TokenVerifier.CreateToken(&user)
+	if err != nil {
+		c.AbortWithError(http.StatusUnauthorized, err)
+	}
+
+	go h.UpdateLastLogin(user.ID)
+
+	budgets, err := h.Service.GetBudgetsForUser(c.Request.Context(), user.ID)
+	if err != nil {
+		return
+	}
+
+	c.JSON(http.StatusOK, LoginResponse{token, user, budgets})
+}
+
+type LoginResponse struct {
+	Token   string
+	User    postgres.User
+	Budgets []postgres.Budget
+}
+
+type registerInformation struct {
+	Password string `json:"password"`
+	Email    string `json:"email"`
+	Name     string `json:"name"`
+}
+
+func (h *Handler) registerPost(c *gin.Context) {
+	var register registerInformation
+	err := c.BindJSON(&register)
+	if err != nil {
+		c.AbortWithStatusJSON(http.StatusBadRequest, ErrorResponse{"error parsing body"})
+		return
+	}
+
+	if register.Email == "" || register.Password == "" || register.Name == "" {
+		c.AbortWithStatusJSON(http.StatusBadRequest, ErrorResponse{"e-mail, password and name are required"})
+		return
+	}
+
+	_, err = h.Service.GetUserByUsername(c.Request.Context(), register.Email)
+	if err == nil {
+		c.AbortWithStatusJSON(http.StatusBadRequest, ErrorResponse{"email is already taken"})
+		return
+	}
+
+	hash, err := h.CredentialsVerifier.Hash(register.Password)
+	if err != nil {
+		c.AbortWithError(http.StatusBadRequest, err)
+		return
+	}
+
+	createUser := postgres.CreateUserParams{
+		Name:     register.Name,
+		Password: hash,
+		Email:    register.Email,
+	}
+	user, err := h.Service.CreateUser(c.Request.Context(), createUser)
+	if err != nil {
+		c.AbortWithError(http.StatusInternalServerError, err)
+	}
+
+	token, err := h.TokenVerifier.CreateToken(&user)
+	if err != nil {
+		c.AbortWithError(http.StatusUnauthorized, err)
+	}
+
+	go h.UpdateLastLogin(user.ID)
+
+	budgets, err := h.Service.GetBudgetsForUser(c.Request.Context(), user.ID)
+	if err != nil {
+		return
+	}
+
+	c.JSON(http.StatusOK, LoginResponse{token, user, budgets})
+}
+
+func (h *Handler) UpdateLastLogin(userID uuid.UUID) {
+	_, err := h.Service.UpdateLastLogin(context.Background(), userID)
+	if err != nil {
+		fmt.Printf("Error updating last login: %s", err)
+	}
+}

server/transaction.go

@@ -0,0 +1,78 @@
+package server
+
+import (
+	"fmt"
+	"net/http"
+	"time"
+
+	"git.javil.eu/jacob1123/budgeteer/postgres"
+	"github.com/gin-gonic/gin"
+	"github.com/google/uuid"
+)
+
+type NewTransactionPayload struct {
+	Date  JSONDate `json:"date"`
+	Payee struct {
+		ID   uuid.NullUUID
+		Name string
+	} `json:"payee"`
+	Category struct {
+		ID   uuid.NullUUID
+		Name string
+	} `json:"category"`
+	Memo      string    `json:"memo"`
+	Amount    string    `json:"amount"`
+	BudgetID  uuid.UUID `json:"budgetId"`
+	AccountID uuid.UUID `json:"accountId"`
+	State     string    `json:"state"`
+}
+
+func (h *Handler) newTransaction(c *gin.Context) {
+	var payload NewTransactionPayload
+	err := c.BindJSON(&payload)
+	if err != nil {
+		c.AbortWithError(http.StatusBadRequest, err)
+		return
+	}
+
+	amount := postgres.Numeric{}
+	err = amount.Set(payload.Amount)
+	if err != nil {
+		c.AbortWithError(http.StatusBadRequest, fmt.Errorf("amount: %w", err))
+		return
+	}
+
+	payeeID := payload.Payee.ID
+	if !payeeID.Valid && payload.Payee.Name != "" {
+		newPayee := postgres.CreatePayeeParams{
+			Name:     payload.Payee.Name,
+			BudgetID: payload.BudgetID,
+		}
+		payee, err := h.Service.CreatePayee(c.Request.Context(), newPayee)
+		if err != nil {
+			c.AbortWithError(http.StatusInternalServerError, fmt.Errorf("create payee: %w", err))
+		}
+
+		payeeID = uuid.NullUUID{
+			UUID:  payee.ID,
+			Valid: true,
+		}
+	}
+
+	newTransaction := postgres.CreateTransactionParams{
+		Memo:       payload.Memo,
+		Date:       time.Time(payload.Date),
+		Amount:     amount,
+		AccountID:  payload.AccountID,
+		PayeeID:    payeeID,
+		CategoryID: payload.Category.ID,
+		Status:     postgres.TransactionStatus(payload.State),
+	}
+	transaction, err := h.Service.CreateTransaction(c.Request.Context(), newTransaction)
+	if err != nil {
+		c.AbortWithError(http.StatusInternalServerError, fmt.Errorf("create transaction: %w", err))
+		return
+	}
+
+	c.JSON(http.StatusOK, transaction)
+}

server/ynab-import.go

@@ -1,7 +1,6 @@
-package http
+package server
 
 import (
-	"fmt"
 	"net/http"
 
 	"git.javil.eu/jacob1123/budgeteer/postgres"
@@ -10,9 +9,9 @@ import (
 )
 
 func (h *Handler) importYNAB(c *gin.Context) {
-	budgetID, succ := c.GetPostForm("budget_id")
+	budgetID, succ := c.Params.Get("budgetid")
 	if !succ {
-		c.AbortWithError(http.StatusBadRequest, fmt.Errorf("no budget_id specified"))
+		c.AbortWithStatusJSON(http.StatusBadRequest, ErrorResponse{"no budget_id specified"})
 		return
 	}
 
@@ -40,7 +39,7 @@ func (h *Handler) importYNAB(c *gin.Context) {
 		return
 	}
 
-	err = ynab.ImportTransactions(transactions)
+	err = ynab.ImportTransactions(c.Request.Context(), transactions)
 	if err != nil {
 		c.AbortWithError(http.StatusInternalServerError, err)
 		return
@@ -58,7 +57,7 @@ func (h *Handler) importYNAB(c *gin.Context) {
 		return
 	}
 
-	err = ynab.ImportAssignments(assignments)
+	err = ynab.ImportAssignments(c.Request.Context(), assignments)
 	if err != nil {
 		c.AbortWithError(http.StatusInternalServerError, err)
 		return

token.go

@@ -5,7 +5,7 @@ import (
 	"github.com/google/uuid"
 )
 
-// Token contains data that authenticates a user
+// Token contains data that authenticates a user.
 type Token interface {
 	GetUsername() string
 	GetName() string
@@ -13,7 +13,7 @@ type Token interface {
 	GetID() uuid.UUID
 }
 
-// TokenVerifier verifies a Token
+// TokenVerifier verifies a Token.
 type TokenVerifier interface {
 	VerifyToken(string) (Token, error)
 	CreateToken(*postgres.User) (string, error)

web/account.html

@@ -1,36 +0,0 @@
-{{template "base" .}}
-
-{{define "title"}}{{.Account.Name}}{{end}}
-
-{{define "new"}}
-    {{template "transaction-new" .}}
-{{end}}
-
-{{define "main"}}
-<div class="budget-item">
-    <a href="#newtransactionmodal" data-bs-toggle="modal" data-bs-target="#newtransactionmodal">New Transaction</a>
-    <span class="time"></span>
-</div>
-<table class="container col-lg-12" id="content">
-    {{range .Transactions}}
-    <tr class="{{if .Date.After now}}future{{end}}">
-        <td>{{.Date.Format "02.01.2006"}}</td>
-        <td>
-            {{.Account}}
-        </td>
-        <td>
-            {{.Payee}}
-        </td>
-        <td>
-            {{if .CategoryGroup}}
-                {{.CategoryGroup}} : {{.Category}}
-            {{end}}
-        </td>
-        <td>
-            <a href="/budget/{{$.Budget.ID}}/transaction/{{.ID}}">{{.Memo}}</a>
-        </td>
-        {{template "amount-cell" .Amount}}
-    </tr>
-    {{end}}
-</table>
-{{end}}

web/accounts.html

@@ -1,17 +0,0 @@
-{{define "title"}}
-    Accounts
-{{end}}
-
-{{define "new"}}
-{{end}}
-
-{{template "base" .}}
-
-{{define "main"}}
-    {{range .Accounts}}
-    <div class="budget-item">
-        <a href="/budget/{{$.Budget.ID}}/account/{{.ID}}">{{.Name}}</a>
-        <span class="time">{{printf "%.2f" .Balance.GetFloat64}}</span>
-    </div>
-    {{end}}
-{{end}}

web/admin.html

@@ -1,18 +0,0 @@
-
-{{define "title"}}
-    Admin
-{{end}}
-
-{{define "sidebar"}}
-    Settings for all Budgets
-{{end}}
-
-{{template "base" .}}
-
-{{define "main"}}
-    <h1>Danger Zone</h1>
-    <div class="budget-item">
-        <button>Clear database</button>
-        <p>This removes all data and starts from scratch. Not undoable!</p>
-    </div>
-{{end}}

web/amount.tpl

@@ -1,23 +0,0 @@
-{{define "amount"}}
-        <span class="right {{if .IsZero}}zero{{else if not .IsPositive}}negative{{end}}">
-            {{printf "%.2f" .GetFloat64}}
-        </span>
-{{end}}
-
-{{define "amount-cell"}}
-        <td class="right {{if .IsZero}}zero{{else if not .IsPositive}}negative{{end}}">
-            {{printf "%.2f" .GetFloat64}}
-        </td>
-{{end}}
-
-{{define "amountf64"}}
-        <span class="right {{if eq . 0.0}}zero{{else if lt . 0.0}}negative{{end}}">
-            {{printf "%.2f" .}}
-        </span>
-{{end}}
-
-{{define "amountf64-cell"}}
-        <td class="right {{if eq . 0.0}}zero{{else if lt . 0.0}}negative{{end}}">
-            {{printf "%.2f" .}}
-        </td>
-{{end}}

web/base.tpl

@@ -1,39 +0,0 @@
-{{define "base"}}
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8">
-	    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-
-	    <link href="/static/css/bootstrap.min.css" rel="stylesheet" />
-	    <link href="/static/css/main.css" rel="stylesheet" />
-
-	    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> 
-	    <script src="https://malsup.github.io/jquery.form.js"></script> 
-
-	    <script src="/static/js/bootstrap.min.js"></script> 
-	    <script src="/static/js/main.js"></script> 
-        <title>{{template "title" .}} - Budgeteer</title>
-
-        {{block "more-head" .}}{{end}}
-    </head>
-    <body>
-        <div id="wrapper">
-            <div id="sidebar">
-                {{block "sidebar" .}}
-                    {{template "budget-sidebar" .}}
-                {{end}}
-            </div>
-            <div id="content">
-                <div class="container" id="head">
-                    {{template "title" .}}
-                </div>
-                <div class="container col-lg-12" id="content">
-                        {{template "main" .}}
-                </div>
-                {{block "new" .}}{{end}}
-            </div>
-        </div>
-    </body>
-</html>
-{{end}}

web/budget-new.tpl

@@ -1,40 +0,0 @@
-{{define "budget-new"}}
-    <div id="newbudgetmodal" class="modal fade" role="dialog">
-        <div class="modal-dialog" role="document">
-            <script>        
-                $(document).ready(function () {
-                    $('#errorcreatingbudget').hide();
-                    $('#newbudgetform').ajaxForm({
-                        error: function() {
-                            $('#errorcreatingbudget').show();
-                        }
-                    }); 
-                }); 
-            </script>
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h5 class="modal-title">New Budget</h5>
-                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
-                        <span aria-hidden="true">&times;</span>
-                    </button>
-                </div>
-                <form id="newbudgetform" action="/api/v1/budget/new" method="POST">
-                    <div class="modal-body">
-                        <div class="form-group">
-                            <label for="name">Name</label>
-                            <input type="text" name="name" class="form-control" placeholder="Name" />
-                        </div>
-
-                        <div id="errorcreatingbudget">
-                            Error creating budget.
-                        </div>
-                    </div>
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-                        <input type="submit" class="btn btn-primary" value="Create" class="form-control" />
-                    </div>
-                </form>
-            </div>
-        </div>
-    </div>
-{{end}}

web/budget-sidebar.tpl

@@ -1,48 +0,0 @@
-{{define "budget-sidebar"}}
-<h1><a href="/dashboard">⌂</a> {{.Budget.Name}}</h1>
-<ul>
-        <li><a href="/budget/{{.Budget.ID}}">Budget</a></li>
-        <li>Reports (Coming Soon)</li>
-        <li><a href="/budget/{{.Budget.ID}}/all-accounts">All Accounts</a></li>
-        <li>
-                On-Budget Accounts
-                <ul class="two-valued">
-                        {{- range .OnBudgetAccounts}}
-                        <li>
-                                <a href="/budget/{{$.Budget.ID}}/account/{{.ID}}">{{.Name}}</a>
-                                {{- template "amount" .Balance}}
-                        </li>
-                        {{- end}}
-                </ul>
-        </li>
-        <li>
-                Off-Budget Accounts
-                <ul class="two-valued">
-                        {{- range .OffBudgetAccounts}}
-                                <li>
-                                        <a href="/budget/{{$.Budget.ID}}/account/{{.ID}}">{{.Name}}</a>
-                                        {{template "amount" .Balance -}}
-                                </li>
-                        {{- end}}
-                </ul>
-        </li>
-        <li>
-                Closed Accounts
-        </li>
-        <li>
-                <a href="/budget/{{$.Budget.ID}}/accounts">Edit accounts</a>
-        </li>
-        <li>
-                + Add Account
-        </li>
-        <li>
-                <a href="/budget/{{.Budget.ID}}/settings">Budget-Settings</a>
-        </li>
-        <li>
-                <a href="/admin">Admin</a>
-        </li>
-        <li>
-                <a href="/api/v1/user/logout">Logout</a>
-        </li>
-</ul>        
-{{end}}

web/budgeting.html

@@ -1,50 +0,0 @@
-
-{{template "base" .}}
-
-{{define "title"}}
-    {{printf "Budget for %s %d" .Date.Month .Date.Year}}
-{{end}}
-
-{{define "new"}}
-{{end}}
-
-{{define "main"}}
-<div class="budget-item">
-    <a href="#newtransactionmodal" data-bs-toggle="modal" data-bs-target="#newtransactionmodal">New Transaction</a>
-    <span class="time"></span>
-</div>
-<div>
-    <a href="{{printf "/budget/%s/%d/%d" .Budget.ID .Previous.Year .Previous.Month}}">Previous Month</a> - 
-    <a href="{{printf "/budget/%s" .Budget.ID}}">Current Month</a> - 
-    <a href="{{printf "/budget/%s/%d/%d" .Budget.ID .Next.Year .Next.Month}}">Next Month</a>
-</div>
-<div>
-    <span>Available Balance: </span>{{template "amountf64" .AvailableBalance}}
-</div>
-<table class="container col-lg-12" id="content">
-    <tr>
-        <th>Group</th>
-        <th>Category</th>
-        <th></th>
-        <th></th>
-        <th>Leftover</th>
-        <th>Assigned</th>
-        <th>Activity</th>
-        <th>Available</th>
-    </tr>
-    {{range .Categories}}
-    <tr>
-        <td>{{.Group}}</td>
-        <td>{{.Name}}</td>
-        <td>
-        </td>
-        <td>
-        </td>
-        {{template "amountf64-cell" .AvailableLastMonth}}
-        {{template "amountf64-cell" .Assigned}}
-        {{template "amountf64-cell" .Activity}}
-        {{template "amountf64-cell" .Available}}
-    </tr>
-    {{end}}
-</table>
-{{end}}

web/dashboard.html

@@ -1,26 +0,0 @@
-{{define "title"}}
-    Budgets
-{{end}}
-
-{{define "new"}}
-    {{template "budget-new"}}
-{{end}}
-
-{{define "sidebar"}}
-    Please select a budget.
-{{end}}
-
-{{template "base" .}}
-
-{{define "main"}}
-    {{range .Budgets}}
-    <div class="budget-item">
-        <a href="budget/{{.ID}}">{{.Name}}</a>
-        <span class="time"></span>
-    </div>
-    {{end}}
-    <div class="budget-item">
-        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#newbudgetmodal">New Budget</a>
-        <span class="time"></span>
-    </div>
-{{end}}

web/index.html

@@ -1,17 +1,13 @@
-{{define "title"}}
-    Start
-{{end}}
-
-{{define "new"}}
-{{end}}
-
-{{template "base" .}}
-
-{{define "main"}}
-<div class="container col-md-8 col-ld-8" id="content">
-	Willkommen bei Budgeteer, der neuen App für's Budget!
-</div>
-<div class="container col-md-4" id="login">
-    	<a href="/login">Login</a> or <a href="/login">register</a>
-</div>
-{{end}}
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

web/login.html

@@ -1,42 +0,0 @@
-{{template "base" .}}
-
-{{define "title"}}Login{{end}}
-
-{{define "more-head"}}
-<script> 
-	$(document).ready(function() { 
-		$('#invalidCredentials').hide(); 
-		$('#loginForm').ajaxForm({
-			success:    function() {
-				window.location.href = "/dashboard";
-			},
-			error: function() {
-				$('#invalidCredentials').show();
-			}
-		}); 
-	}); 
-</script> 
-{{end}}
-
-{{define "main"}}
-<form id="loginForm" action="/api/v1/user/login" method="POST" class="center-block">
-	<div class="form-group">
-		<label for="username">User</label>
-		<input type="text" name="username" class="form-control" placeholder="User" />
-	</div>
-
-	<div class="form-group">
-		<label for="password">Password</label>
-		<input type="password" name="password" class="form-control" placeholder="Password" />
-		<p id="invalidCredentials">
-			The entered credentials are invalid
-		</p>
-	</div>
-
-	<input type="submit" value="Login" class="btn btn-default" />
-
-	<p>
-		New user? <a href="/register">Register</a> instead!
-	</p>
-</form>
-{{end}}

web/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "web",
+  "version": "0.0.0",
+  "scripts": {
+    "serve": "vite preview",
+    "build": "vite build",
+    "dev": "vite",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@mdi/font": "5.9.55",
+    "@vueuse/core": "^7.6.1",
+    "autoprefixer": "^10.4.2",
+    "pinia": "^2.0.11",
+    "postcss": "^8.4.6",
+    "tailwindcss": "^3.0.18",
+    "vue": "^3.2.25",
+    "vue-router": "^4.0.12"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^2.0.0",
+    "@vue/cli-plugin-babel": "5.0.0-beta.7",
+    "@vue/cli-plugin-typescript": "~4.5.0",
+    "@vue/cli-service": "5.0.0-beta.7",
+    "sass": "^1.38.0",
+    "sass-loader": "^10.0.0",
+    "vite": "^2.7.2",
+    "vue-cli-plugin-vuetify": "~2.4.5"
+  }
+}

web/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

web/register.html

@@ -1,72 +0,0 @@
-{{define "title"}}Register{{end}}
-
-{{template "base" .}}
-
-{{define "more-head"}}
-<script>
-function checkPasswordMatchUi() {
-    if(checkPasswordMatch())
-        $("#divCheckPasswordMatch").html("Passwords match.");
-    else
-        $("#divCheckPasswordMatch").html("Passwords do not match!");
-}
-
-function checkPasswordMatch() {
-    var password = $("#password").val();
-    var confirmPassword = $("#password_confirm").val();
-    return password == confirmPassword;
-}
-
-$(document).ready(function () {
-    $("#password, #password_confirm").keyup(checkPasswordMatchUi);
-    $('#invalidCredentials').hide(); 
-    $('#loginForm').ajaxForm({
-        beforeSubmit: function(a, b, c) {
-            var match = checkPasswordMatch();
-            if(!match){
-                $("#divCheckPasswordMatch").fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300);
-            }
-            return match;
-        },
-        success: function() {
-            window.location.href = "/dashboard";
-        },
-        error: function() {
-            $('#invalidCredentials').show();
-        }
-    }); 
-}); 
-</script> 
-{{end}}
-
-{{define "main"}}
-<form id="loginForm" action="/api/v1/user/register" method="POST" class="center-block">
-    <div class="form-group">
-        <label for="email">E-Mail</label>
-        <input type="text" name="email" class="form-control" placeholder="E-Mail" />
-    </div>
-
-    <div class="form-group">
-        <label for="name">Name</label>
-        <input type="text" name="name" class="form-control" placeholder="Name"  />
-    </div>
-
-    <div class="form-group">
-        <label for="password">Password</label>
-        <input type="password" name="password" id="password" class="form-control" placeholder="Password" />
-        <input type="password" id="password_confirm" class="form-control" placeholder="Verify password" />
-    </div>
-    
-    <div id="divCheckPasswordMatch"></div>
-
-    <div id="invalidCredentials">
-        Username already exists
-    </div>
-
-    <input type="submit" value="Login" class="form-control" />
-
-	<p>
-		Existing user? <a href="/login">Login</a> instead!
-	</p>
-</form>
-{{end}}

web/settings.html

@@ -1,32 +0,0 @@
-{{define "title"}}
-    Settings for Budget "{{.Budget.Name}}"
-{{end}}
-
-{{template "base" .}}
-
-{{define "main"}}
-    <h1>Danger Zone</h1>
-    <div class="budget-item">
-        <a href="/budget/{{.Budget.ID}}/settings/clear">Clear database</a>
-        <p>This removes all data and starts from scratch. Not undoable!</p>
-    </div>
-    <div class="budget-item">
-        <a href="/budget/{{.Budget.ID}}/settings/clean-negative">Fix all historic negative category-balances</a>
-        <p>This restores YNABs functionality, that would substract any overspent categories' balances from next months inflows.</p>
-    </div>
-    <div class="budget-item">
-        <form method="POST" action="/api/v1/transaction/import/ynab" enctype="multipart/form-data">
-            <input type="hidden" name="budget_id" value="{{.Budget.ID}}" />
-            <label for="transactions_file">
-                Transaktionen:
-                <input type="file" name="transactions" accept="text/*" />
-            </label>
-            <br />
-            <label for="assignments_file">
-                Budget:
-                <input type="file" name="assignments" accept="text/*" />
-            </label>
-            <button type="submit">Importieren</button>
-        </form>
-    </div>
-{{end}}

web/src/@types/shims-vue.d.ts

@@ -0,0 +1,5 @@
+declare module "*.vue" {
+  import { defineComponent } from "vue";
+  const component: ReturnType<typeof defineComponent>;
+  export default component;
+}

web/src/App.vue

@@ -0,0 +1,65 @@
+<script lang="ts">
+import { mapState } from "pinia";
+import { defineComponent } from "vue";
+import { useBudgetsStore } from "./stores/budget";
+import { useSessionStore } from "./stores/session";
+import { useSettingsStore } from "./stores/settings";
+
+export default defineComponent({
+    computed: {
+        ...mapState(useBudgetsStore, ["CurrentBudgetName"]),
+        ...mapState(useSettingsStore, ["Menu"]),
+        ...mapState(useSessionStore, ["LoggedIn"]),
+    },
+    methods: {
+        logout() {
+            useSessionStore().logout();
+            this.$router.push("/login");
+        },
+        toggleMenu() {
+            useSettingsStore().toggleMenu();
+        },
+        toggleMenuSize() {
+            useSettingsStore().toggleMenuSize();
+        }
+    },
+})
+</script>
+
+<template>
+    <div class="box-border w-full">
+        <div class="flex bg-gray-400 p-4 m-2 rounded-lg">
+            <span class="flex-1 font-bold text-5xl -my-3 hidden md:inline" @click="toggleMenuSize">≡</span>
+            <span class="flex-1 font-bold text-5xl -my-3 md:hidden" @click="toggleMenu">≡</span>
+
+            <span class="flex-1">{{ CurrentBudgetName }}</span>
+
+            <div class="flex flex-1 flex-row justify-end -mx-4">
+                <router-link class="mx-4" v-if="LoggedIn" to="/dashboard">Dashboard</router-link>
+                <router-link class="mx-4" v-if="!LoggedIn" to="/login">Login</router-link>
+                <a class="mx-4" v-if="LoggedIn" @click="logout">Logout</a>
+            </div>
+        </div>
+
+        <div class="flex flex-col md:flex-row flex-1">
+            <div
+                :class="[Menu.Expand ? 'md:w-72' : 'md:w-36', Menu.Show ? '' : 'hidden']"
+                class="md:block flex-shrink-0 w-full"
+            >
+                <router-view name="sidebar"></router-view>
+            </div>
+
+            <div class="flex-1 p-6">
+                <router-view></router-view>
+            </div>
+        </div>
+    </div>
+</template>
+
+<style>
+#app {
+    font-family: Avenir, Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+</style>

web/src/api.ts

@@ -0,0 +1,26 @@
+import { useSessionStore } from "./stores/session";
+
+export const BASE_URL = "/api/v1"
+
+export function GET(path: string) {
+    const sessionStore = useSessionStore();
+    return fetch(BASE_URL + path, {
+        headers: sessionStore.AuthHeaders,
+    })
+};
+
+export function POST(path: string, body: FormData | string | null) {
+    const sessionStore = useSessionStore();
+    return fetch(BASE_URL + path, {
+        method: "POST",
+        headers: sessionStore.AuthHeaders,
+        body: body,
+    })
+}
+export function DELETE(path: string) {
+    const sessionStore = useSessionStore();
+    return fetch(BASE_URL + path, {
+        method: "DELETE",
+        headers: sessionStore.AuthHeaders,
+    })
+}

web/src/components/Autocomplete.vue

@@ -0,0 +1,101 @@
+<script lang="ts" setup>
+import { defineComponent, PropType, ref, watch } from "vue"
+import { GET } from "../api";
+import { useBudgetsStore } from "../stores/budget";
+
+export interface Suggestion {
+    ID: string
+    Name: string
+}
+
+interface Data {
+    Selected: Suggestion | undefined
+    SearchQuery: String
+    Suggestions: Suggestion[]
+}
+
+const props = defineProps<{
+    modelValue: Suggestion | undefined,
+    type: String
+}>();
+
+const Selected = ref<Suggestion | undefined>(props.modelValue || undefined);
+const SearchQuery = ref(props.modelValue?.Name || "");
+const Suggestions = ref<Array<Suggestion>>([]);
+const emit = defineEmits(["update:modelValue"]);
+watch(SearchQuery, () => {
+    load(SearchQuery.value);
+});
+function saveTransaction(e: MouseEvent) {
+    e.preventDefault();
+};
+function load(text: String) {
+    emit('update:modelValue', { ID: null, Name: text });
+    if (text == "") {
+        Suggestions.value = [];
+        return;
+    }
+
+    const budgetStore = useBudgetsStore();
+    GET("/budget/" + budgetStore.CurrentBudgetID + "/autocomplete/" + props.type + "?s=" + text)
+        .then(x => x.json())
+        .then(x => {
+            let suggestions = x || [];
+            if (suggestions.length > 10) {
+                suggestions = suggestions.slice(0, 10);
+            }
+            Suggestions.value = suggestions;
+        });
+};
+function keypress(e: KeyboardEvent) {
+    console.log(e.key);
+    if (e.key == "Enter") {
+        const selected = Suggestions.value[0];
+        selectElement(selected);
+        const el = (<HTMLInputElement>e.target);
+        const inputElements = Array.from(el.ownerDocument.querySelectorAll('input:not([disabled]):not([readonly])'));
+        const currentIndex = inputElements.indexOf(el);
+        const nextElement = inputElements[currentIndex < inputElements.length - 1 ? currentIndex + 1 : 0];
+        (<HTMLInputElement>nextElement).focus();
+
+    }
+};
+function selectElement(element: Suggestion) {
+    Selected.value = element;
+    Suggestions.value = [];
+    emit('update:modelValue', element);
+};
+function select(e: MouseEvent) {
+    const target = (<HTMLInputElement>e.target);
+    const valueAttribute = target.attributes.getNamedItem("value");
+    let selectedID = "";
+    if (valueAttribute != null)
+        selectedID = valueAttribute.value;
+    const selected = Suggestions.value.filter(x => x.ID == selectedID)[0];
+    selectElement(selected);
+};
+function clear() {
+    Selected.value = undefined;
+    emit('update:modelValue', { ID: null, Name: SearchQuery.value });
+};
+</script>
+
+<template>
+    <div>
+        <input
+            class="border-b-2 border-black"
+            @keypress="keypress"
+            v-if="Selected == undefined"
+            v-model="SearchQuery"
+        />
+        <span @click="clear" v-if="Selected != undefined" class="bg-gray-300">{{ Selected.Name }}</span>
+        <div v-if="Suggestions.length > 0" class="absolute bg-gray-400 w-64 p-2">
+            <span
+                v-for="suggestion in Suggestions"
+                class="block"
+                @click="select"
+                :value="suggestion.ID"
+            >{{ suggestion.Name }}</span>
+        </div>
+    </div>
+</template>

web/src/components/Card.vue

@@ -0,0 +1,8 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+    <div class="flex flex-row items-center bg-gray-300 h-32 rounded-lg">
+        <slot></slot>
+    </div>
+</template>

web/src/components/Currency.vue

@@ -0,0 +1,15 @@
+<script lang="ts" setup>
+import { computed } from 'vue';
+
+const props = defineProps<{ value: number | undefined }>();
+
+const internalValue = computed(() => Number(props.value ?? 0));
+
+const formattedValue = computed(() => internalValue.value.toLocaleString(undefined, {
+    minimumFractionDigits: 2,
+}));
+</script>
+
+<template>
+    <span class="text-right" :class="internalValue < 0 ? 'negative' : ''">{{ formattedValue }} €</span>
+</template>

web/src/components/TransactionInputRow.vue

@@ -0,0 +1,61 @@
+<script lang="ts" setup>
+import { computed, ref } from "vue";
+import Autocomplete, { Suggestion } from '../components/Autocomplete.vue'
+import { useAccountStore } from '../stores/budget-account'
+
+const props = defineProps<{
+    budgetid: string
+    accountid: string
+}>()
+
+const TransactionDate = ref(new Date().toISOString().substring(0, 10));
+const Payee = ref<Suggestion | undefined>(undefined);
+const Category = ref<Suggestion | undefined>(undefined);
+const Memo = ref("");
+const Amount = ref("0");
+
+const payload = computed(() => JSON.stringify({
+    budget_id: props.budgetid,
+    account_id: props.accountid,
+    date: TransactionDate.value,
+    payee: Payee.value,
+    category: Category.value,
+    memo: Memo.value,
+    amount: Amount.value,
+    state: "Uncleared"
+}));
+
+const accountStore = useAccountStore();
+function saveTransaction(e: MouseEvent) {
+    e.preventDefault();
+    accountStore.saveTransaction(payload.value);
+}
+</script>
+
+<template>
+    <tr>
+        <td style="width: 90px;" class="text-sm">
+            <input class="border-b-2 border-black" type="date" v-model="TransactionDate" />
+        </td>
+        <td style="max-width: 150px;">
+            <Autocomplete v-model="Payee" type="payees" />
+        </td>
+        <td style="max-width: 200px;">
+            <Autocomplete v-model="Category" type="categories" />
+        </td>
+        <td>
+            <input class="block w-full border-b-2 border-black" type="text" v-model="Memo" />
+        </td>
+        <td style="width: 80px;" class="text-right">
+            <input
+                class="text-right block w-full border-b-2 border-black"
+                type="currency"
+                v-model="Amount"
+            />
+        </td>
+        <td style="width: 20px;">
+            <input type="submit" @click="saveTransaction" value="Save" />
+        </td>
+        <td style="width: 20px;"></td>
+    </tr>
+</template>

web/src/components/TransactionRow.vue

@@ -0,0 +1,44 @@
+<script lang="ts" setup>
+import { computed } from "vue";
+import { useBudgetsStore } from "../stores/budget";
+import { Transaction } from "../stores/budget-account";
+import Currency from "./Currency.vue";
+
+const props = defineProps<{
+    transaction: Transaction,
+    index: number,
+}>();
+    
+const CurrentBudgetID = computed(()=> useBudgetsStore().CurrentBudgetID);
+</script>
+
+<template>
+    <tr class="{{transaction.Date.After now ? 'future' : ''}}"
+        :class="[index % 6 < 3 ? 'bg-gray-300' : 'bg-gray-100']">
+        <!--:class="[index % 6 < 3 ? index % 6 === 1 ? 'bg-gray-400' : 'bg-gray-300' : index % 6 !== 4 ? 'bg-gray-100' : '']">-->
+        <td style="width: 90px;">{{ transaction.Date.substring(0, 10) }}</td>
+        <td style="max-width: 150px;">{{ transaction.TransferAccount ? "Transfer : " + transaction.TransferAccount : transaction.Payee }}</td>
+        <td style="max-width: 200px;">
+            {{ transaction.CategoryGroup ? transaction.CategoryGroup + " : " + transaction.Category : "" }}
+        </td>
+        <td>
+            <a :href="'/budget/' + CurrentBudgetID + '/transaction/' + transaction.ID">
+                {{ transaction.Memo }}
+            </a>
+        </td>
+        <td>
+            <Currency class="block" :value="transaction.Amount" />
+        </td>
+        <td style="width: 20px;">
+            {{ transaction.Status == "Reconciled" ? "✔" : (transaction.Status == "Uncleared" ? "" : "*") }}
+        </td>
+        <td style="width: 20px;">{{ transaction.GroupID ? "☀" : "" }}</td>
+    </tr>
+</template>
+
+<style>
+td {
+    overflow: hidden;
+    white-space: nowrap;
+}
+</style>

web/src/dialogs/NewBudget.vue

@@ -0,0 +1,36 @@
+<script lang="ts" setup>
+import Card from '../components/Card.vue';
+import { ref } from "vue";
+import { useBudgetsStore } from '../stores/budget';
+
+const dialog = ref(false);
+const budgetName = ref("");
+function saveBudget() {
+  useBudgetsStore().NewBudget(budgetName.value);
+  dialog.value = false;
+};
+function newBudget() {
+  dialog.value = true;
+};
+</script>
+
+<template>
+  <Card>
+    <p class="w-24 text-center text-6xl">+</p>
+    <button class="text-lg" dark @click="newBudget">New Budget</button>
+  </Card>
+  <div v-if="dialog" justify="center">
+    <div>
+      <div>
+        <span class="text-h5">New Budget</span>
+      </div>
+      <div>
+        <input type="text" v-model="budgetName" label="Budget name" required />
+      </div>
+      <div>
+        <button @click="dialog = false">Close</button>
+        <button @click="saveBudget">Save</button>
+      </div>
+    </div>
+  </div>
+</template>

web/src/index.css

@@ -0,0 +1,11 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+h1 {
+  font-size: 200%;
+}
+
+a {
+  text-decoration: underline;
+}

web/src/main.ts

@@ -0,0 +1,25 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import './index.css'
+import router from './router'
+import { createPinia } from 'pinia'
+import { useBudgetsStore } from './stores/budget';
+import { useAccountStore } from './stores/budget-account'
+import PiniaLogger from './pinia-logger'
+
+const app = createApp(App)
+app.use(router)
+
+const pinia = createPinia()
+pinia.use(PiniaLogger())
+app.use(pinia)
+app.mount('#app')
+
+router.beforeEach(async (to, from, next) => {
+  const budgetStore = useBudgetsStore();
+  await budgetStore.SetCurrentBudget((<string>to.params.budgetid));
+
+  const accountStore = useAccountStore();
+  await accountStore.SetCurrentAccount((<string>to.params.budgetid), (<string>to.params.accountid));
+  next();
+})

web/src/pages/Account.vue

@@ -0,0 +1,51 @@
+<script lang="ts" setup>
+import { computed, ref } from "vue"
+import Currency from "../components/Currency.vue";
+import TransactionRow from "../components/TransactionRow.vue";
+import TransactionInputRow from "../components/TransactionInputRow.vue";
+import { useAccountStore } from "../stores/budget-account";
+
+const props = defineProps<{
+  budgetid: string
+  accountid: string
+}>()
+
+const accountStore = useAccountStore();
+const CurrentAccount = computed(() => accountStore.CurrentAccount);
+const TransactionsList = computed(() => accountStore.TransactionsList);
+</script>
+
+<template>
+    <h1>{{ CurrentAccount?.Name }}</h1>
+    <p>
+        Current Balance:
+        <Currency :value="CurrentAccount?.Balance" />
+    </p>
+    <table>
+        <tr class="font-bold">
+            <td style="width: 90px;">Date</td>
+            <td style="max-width: 150px;">Payee</td>
+            <td style="max-width: 200px;">Category</td>
+            <td>Memo</td>
+            <td class="text-right">Amount</td>
+            <td style="width: 20px;"></td>
+            <td style="width: 20px;"></td>
+        </tr>
+        <TransactionInputRow :budgetid="budgetid" :accountid="accountid" />
+        <TransactionRow
+            v-for="(transaction, index) in TransactionsList"
+            :transaction="transaction"
+            :index="index"
+        />
+    </table>
+</template>
+
+<style>
+table {
+    width: 100%;
+    table-layout: fixed;
+}
+.negative {
+    color: red;
+}
+</style>

web/src/pages/Admin.vue

@@ -0,0 +1,16 @@
+<script lang="ts" setup>
+import { onMounted } from 'vue';
+import { useSessionStore } from '../stores/session';
+
+onMounted(() => {
+    useSessionStore().setTitle("Admin");
+})
+</script>
+
+<template>
+    <h1>Danger Zone</h1>
+    <div class="budget-item">
+        <button>Clear database</button>
+        <p>This removes all data and starts from scratch. Not undoable!</p>
+    </div>
+</template>

web/src/pages/BudgetSidebar.vue

@@ -0,0 +1,71 @@
+<script lang="ts" setup>
+import { computed } from "vue";
+import Currency from "../components/Currency.vue"
+import { useBudgetsStore } from "../stores/budget"
+import { useAccountStore } from "../stores/budget-account"
+import { useSettingsStore } from "../stores/settings"
+
+const props = defineProps<{
+  budgetid: string,
+  accountid: string,
+}>();
+
+const ExpandMenu = computed(() => useSettingsStore().Menu.Expand);
+
+const budgetStore = useBudgetsStore();
+const CurrentBudgetName = computed(() => budgetStore.CurrentBudgetName);
+const CurrentBudgetID = computed(() => budgetStore.CurrentBudgetID);
+
+const accountStore = useAccountStore();
+const OnBudgetAccounts = computed(() => accountStore.OnBudgetAccounts);
+const OffBudgetAccounts = computed(() => accountStore.OffBudgetAccounts);
+const OnBudgetAccountsBalance = computed(() => accountStore.OnBudgetAccountsBalance);
+const OffBudgetAccountsBalance = computed(() => accountStore.OffBudgetAccountsBalance);
+</script>
+
+<template>
+  <div class="flex flex-col">
+    <span class="m-1 p-1 px-3 text-xl">
+      <router-link to="/dashboard">⌂</router-link>
+      {{CurrentBudgetName}}
+    </span>
+    <span class="bg-orange-200 rounded-lg m-1 p-1 px-3 flex flex-col">
+      <router-link :to="'/budget/'+budgetid+'/budgeting'">Budget</router-link><br />
+      <!--<router-link :to="'/budget/'+CurrentBudgetID+'/reports'">Reports</router-link>-->
+      <!--<router-link :to="'/budget/'+CurrentBudgetID+'/all-accounts'">All Accounts</router-link>-->
+    </span>
+    <li class="bg-orange-200 rounded-lg m-1 p-1 px-3">
+      <div class="flex flex-row justify-between font-bold">
+        <span>On-Budget Accounts</span>
+        <Currency :class="ExpandMenu?'md:inline':'md:hidden'" :value="OnBudgetAccountsBalance" />
+      </div>
+      <div v-for="account in OnBudgetAccounts" class="flex flex-row justify-between">
+        <router-link :to="'/budget/'+budgetid+'/account/'+account.ID">{{account.Name}}</router-link>
+        <Currency :class="ExpandMenu?'md:inline':'md:hidden'" :value="account.Balance" />
+      </div>
+    </li>
+    <li class="bg-red-200 rounded-lg m-1 p-1 px-3">
+      <div class="flex flex-row justify-between font-bold">
+        <span>Off-Budget Accounts</span>
+        <Currency :class="ExpandMenu?'md:inline':'md:hidden'" :value="OffBudgetAccountsBalance" />
+      </div>
+      <div v-for="account in OffBudgetAccounts" class="flex flex-row justify-between">
+        <router-link :to="'/budget/'+budgetid+'/account/'+account.ID">{{account.Name}}</router-link>
+        <Currency :class="ExpandMenu?'md:inline':'md:hidden'" :value="account.Balance" />
+      </div>
+    </li>
+    <li class="bg-red-200 rounded-lg m-1 p-1 px-3">
+      Closed Accounts
+    </li>
+    <!--<li>
+      <router-link :to="'/budget/'+CurrentBudgetID+'/accounts'">Edit accounts</router-link>
+    </li>-->
+    <li class="bg-red-200 rounded-lg m-1 p-1 px-3">
+      + Add Account
+    </li>
+    <li class="bg-red-200 rounded-lg m-1 p-1 px-3">
+      <router-link :to="'/budget/'+CurrentBudgetID+'/settings'">Budget-Settings</router-link>
+    </li>
+    <!--<li><router-link to="/admin">Admin</router-link></li>-->
+  </div>        
+</template>

web/src/pages/Budgeting.vue

@@ -0,0 +1,92 @@
+<script lang="ts" setup>
+import { computed, defineProps, onMounted, watchEffect } from "vue";
+import Currency from "../components/Currency.vue";
+import { useBudgetsStore } from "../stores/budget";
+import { useAccountStore } from "../stores/budget-account";
+import { useSessionStore } from "../stores/session";
+
+const props = defineProps<{
+    budgetid: string,
+    year: string,
+    month: string,
+}>()
+
+const budgetsStore = useBudgetsStore();
+const CurrentBudgetID = computed(() => budgetsStore.CurrentBudgetID);
+
+const categoriesForMonth = useAccountStore().CategoriesForMonth;
+const Categories = computed(() => {
+    return [...categoriesForMonth(selected.value.Year, selected.value.Month)];
+});
+
+const previous = computed(() => ({
+        Year: new Date(selected.value.Year, selected.value.Month - 1, 1).getFullYear(),
+        Month: new Date(selected.value.Year, selected.value.Month - 1, 1).getMonth(),
+}));
+const current = computed(() => ({
+        Year: new Date().getFullYear(),
+        Month: new Date().getMonth(),
+}));
+const selected = computed(() => ({
+        Year: Number(props.year) ?? current.value.Year,
+        Month: Number(props.month ?? current.value.Month)
+}));
+const next = computed(() => ({
+        Year: new Date(selected.value.Year, Number(props.month) + 1, 1).getFullYear(),
+        Month: new Date(selected.value.Year, Number(props.month) + 1, 1).getMonth(),
+}));
+
+watchEffect(() => {
+    if (props.year != undefined && props.month != undefined)
+        return useAccountStore().FetchMonthBudget(props.budgetid ?? "", Number(props.year), Number(props.month));
+});
+
+onMounted(() => {
+    useSessionStore().setTitle("Budget for " + selected.value.Month + "/" + selected.value.Year);
+})
+</script>
+
+<template>
+    <h1>Budget for {{ selected.Month + 1 }}/{{ selected.Year }}</h1>
+    <div>
+        <router-link
+            :to="'/budget/' + CurrentBudgetID + '/budgeting/' + previous.Year + '/' + previous.Month"
+        >Previous Month</router-link>-
+        <router-link
+            :to="'/budget/' + CurrentBudgetID + '/budgeting/' + current.Year + '/' + current.Month"
+        >Current Month</router-link>-
+        <router-link
+            :to="'/budget/' + CurrentBudgetID + '/budgeting/' + next.Year + '/' + next.Month"
+        >Next Month</router-link>
+    </div>
+    <table class="container col-lg-12" id="content">
+        <tr>
+            <th>Group</th>
+            <th>Category</th>
+            <th></th>
+            <th></th>
+            <th>Leftover</th>
+            <th>Assigned</th>
+            <th>Activity</th>
+            <th>Available</th>
+        </tr>
+        <tr v-for="category in Categories">
+            <td>{{ category.Group }}</td>
+            <td>{{ category.Name }}</td>
+            <td></td>
+            <td></td>
+            <td class="text-right">
+                <Currency :value="category.AvailableLastMonth" />
+            </td>
+            <td class="text-right">
+                <Currency :value="category.Assigned" />
+            </td>
+            <td class="text-right">
+                <Currency :value="category.Activity" />
+            </td>
+            <td class="text-right">
+                <Currency :value="category.Available" />
+            </td>
+        </tr>
+    </table>
+</template>

web/src/pages/Dashboard.vue

@@ -0,0 +1,25 @@
+<script lang="ts" setup>
+import NewBudget from '../dialogs/NewBudget.vue';
+import Card from '../components/Card.vue';
+import { useSessionStore } from '../stores/session';
+
+const props = defineProps<{
+    budgetid: string,
+}>();
+
+const BudgetsList = useSessionStore().BudgetsList;
+</script>
+
+<template>
+    <h1>Budgets</h1>
+    <div class="grid md:grid-cols-2 gap-6">
+        <Card v-for="budget in BudgetsList">
+            <router-link v-bind:to="'/budget/'+budget.ID+'/budgeting'" class="contents">
+            <!--<svg class="w-24"></svg>-->
+                <p class="w-24 text-center text-6xl"></p>
+                <span class="text-lg">{{budget.Name}}{{budget.ID == budgetid ? " *" : ""}}</span>
+            </router-link>
+        </Card>
+        <NewBudget />
+    </div>
+</template>

web/src/pages/Index.vue

@@ -0,0 +1,13 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+  <div>
+    <div class="font-bold" id="content">
+      Willkommen bei Budgeteer, der neuen App für's Budget!
+    </div>
+    <div class="container col-md-4" id="login">
+      <router-link to="/login">Login</router-link> or <router-link to="/login">register</router-link>
+    </div>
+  </div>
+</template>

web/src/pages/Login.vue

@@ -0,0 +1,48 @@
+<script lang="ts" setup>
+import { onMounted, ref } from "vue";
+import { useRouter } from "vue-router";
+import { useSessionStore } from "../stores/session";
+
+const error = ref("");
+const login = ref({ user: "", password: "" });
+
+onMounted(() => {
+    useSessionStore().setTitle("Login");
+});
+
+function formSubmit(e: MouseEvent) {
+    e.preventDefault();
+    useSessionStore().login(login.value)
+        .then(x => {
+            error.value = "";
+            useRouter().replace("/dashboard");
+        })
+        .catch(x => error.value = "The entered credentials are invalid!");
+
+    // TODO display invalidCredentials
+    // TODO redirect to dashboard on success
+}
+</script>
+
+<template>
+    <div>
+        <input
+            type="text"
+            v-model="login.user"
+            placeholder="Username"
+            class="border-2 border-black rounded-lg block px-2 my-2 w-48"
+        />
+        <input
+            type="password"
+            v-model="login.password"
+            placeholder="Password"
+            class="border-2 border-black rounded-lg block px-2 my-2 w-48"
+        />
+    </div>
+    <div>{{ error }}</div>
+    <button type="submit" @click="formSubmit" class="bg-blue-300 rounded-lg p-2 w-48">Login</button>
+    <p>
+        New user?
+        <router-link to="/register">Register</router-link>instead!
+    </p>
+</template>

web/src/pages/Register.vue

@@ -0,0 +1,61 @@
+<script lang="ts" setup>
+import { ref } from 'vue';
+import { useSessionStore } from '../stores/session';
+
+const error = ref("");
+const login = ref({ email: "", password: "", name: "" });
+const showPassword = ref(false);
+
+function formSubmit(e: FormDataEvent) {
+    e.preventDefault();
+    useSessionStore().register(login)
+        .then(() => error.value = "")
+        .catch(() => error.value = "Something went wrong!");
+
+    // TODO display invalidCredentials
+    // TODO redirect to dashboard on success
+}
+</script>
+
+<template>
+    <v-container>
+        <v-row>
+            <v-col cols="12">
+                <v-text-field v-model="login.email" type="text" label="E-Mail" />
+            </v-col>
+            <v-col cols="12">
+                <v-text-field v-model="login.name" type="text" label="Name" />
+            </v-col>
+            <v-col cols="6">
+                <v-text-field
+                    v-model="login.password"
+                    label="Password"
+                    :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
+                    :type="showPassword ? 'text' : 'password'"
+                    @click:append="showPassword = showPassword"
+                    :error-message="error"
+                    error-count="2"
+                    error
+                />
+            </v-col>
+            <v-col cols="6">
+                <v-text-field
+                    v-model="login.password"
+                    label="Repeat password"
+                    :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
+                    :type="showPassword ? 'text' : 'password'"
+                    @click:append="showPassword = showPassword"
+                    :error-message="error"
+                    error-count="2"
+                    error
+                />
+            </v-col>
+        </v-row>
+        <div class="form-group">{{ error }}</div>
+        <v-btn type="submit" @click="formSubmit">Register</v-btn>
+        <p>
+            Existing user?
+            <router-link to="/login">Login</router-link>instead!
+        </p>
+    </v-container>
+</template>

web/src/pages/Settings.vue

@@ -0,0 +1,125 @@
+<script lang="ts" setup>
+import { computed, defineComponent, onMounted, ref } from "vue"
+import { useRouter } from "vue-router";
+import { DELETE, POST } from "../api";
+import { useBudgetsStore } from "../stores/budget";
+import { useSessionStore } from "../stores/session";
+
+const transactionsFile = ref<File | undefined>(undefined);
+const assignmentsFile = ref<File | undefined>(undefined);
+
+const filesIncomplete = computed(() => transactionsFile.value == undefined || assignmentsFile.value == undefined);
+onMounted(() => {
+    useSessionStore().setTitle("Settings");
+});
+
+function gotAssignments(e: Event) {
+    const input = (<HTMLInputElement>e.target);
+    if (input.files != null)
+        assignmentsFile.value = input.files[0];
+}
+function gotTransactions(e: Event) {
+    const input = (<HTMLInputElement>e.target);
+    if (input.files != null)
+        transactionsFile.value = input.files[0];
+};
+function deleteBudget() {
+    const currentBudgetID = useBudgetsStore().CurrentBudgetID;
+    if (currentBudgetID == null)
+        return;
+
+    DELETE("/budget/" + currentBudgetID);
+
+    const budgetStore = useSessionStore();
+    budgetStore.Budgets.delete(currentBudgetID);
+    useRouter().push("/")
+};
+function clearBudget() {
+    const currentBudgetID = useBudgetsStore().CurrentBudgetID;
+    POST("/budget/" + currentBudgetID + "/settings/clear", null)
+};
+function cleanNegative() {
+    // <a href="/budget/{{.Budget.ID}}/settings/clean-negative">Fix all historic negative category-balances</a>
+};
+function ynabImport() {
+    if (transactionsFile.value == undefined || assignmentsFile.value == undefined)
+        return
+
+    let formData = new FormData();
+    formData.append("transactions", transactionsFile.value);
+    formData.append("assignments", assignmentsFile.value);
+    const budgetStore = useBudgetsStore();
+    budgetStore.ImportYNAB(formData);
+};
+</script>
+
+<template>
+    <v-container>
+        <h1>Danger Zone</h1>
+        <v-row>
+            <v-col cols="12" md="6" xl="3">
+                <v-card>
+                    <v-card-header>
+                        <v-card-header-text>
+                            <v-card-title>Clear Budget</v-card-title>
+                            <v-card-subtitle>This removes transactions and assignments to start from scratch. Accounts and categories are kept. Not undoable!</v-card-subtitle>
+                        </v-card-header-text>
+                    </v-card-header>
+                    <v-card-actions class="justify-center">
+                        <v-btn @click="clearBudget">Clear budget</v-btn>
+                    </v-card-actions>
+                </v-card>
+            </v-col>
+            <v-col cols="12" md="6" xl="3">
+                <v-card>
+                    <v-card-header>
+                        <v-card-header-text>
+                            <v-card-title>Delete Budget</v-card-title>
+                            <v-card-subtitle>This deletes the whole bugdet including all transactions, assignments, accounts and categories. Not undoable!</v-card-subtitle>
+                        </v-card-header-text>
+                    </v-card-header>
+                    <v-card-actions class="justify-center">
+                        <v-btn @click="deleteBudget">Delete budget</v-btn>
+                    </v-card-actions>
+                </v-card>
+            </v-col>
+            <v-col cols="12" md="6" xl="3">
+                <v-card>
+                    <v-card-header>
+                        <v-card-header-text>
+                            <v-card-title>Fix all historic negative category-balances</v-card-title>
+                            <v-card-subtitle>This restores YNABs functionality, that would substract any overspent categories' balances from next months inflows.</v-card-subtitle>
+                        </v-card-header-text>
+                    </v-card-header>
+                    <v-card-actions class="justify-center">
+                        <v-btn @click="cleanNegative">Fix negative</v-btn>
+                    </v-card-actions>
+                </v-card>
+            </v-col>
+            <v-col cols="12" xl="6">
+                <v-card>
+                    <v-card-header>
+                        <v-card-header-text>
+                            <v-card-title>Import YNAB Budget</v-card-title>
+                        </v-card-header-text>
+                    </v-card-header>
+
+                    <label for="transactions_file">
+                        Transaktionen:
+                        <input type="file" @change="gotTransactions" accept="text/*" />
+                    </label>
+                    <br />
+                    <label for="assignments_file">
+                        Budget:
+                        <input type="file" @change="gotAssignments" accept="text/*" />
+                    </label>
+
+                    <v-card-actions class="justify-center">
+                        <v-btn :disabled="filesIncomplete" @click="ynabImport">Importieren</v-btn>
+                    </v-card-actions>
+                </v-card>
+            </v-col>
+        </v-row>
+        <v-card></v-card>
+    </v-container>
+</template>

web/src/pinia-logger.ts

@@ -0,0 +1,82 @@
+import { PiniaPluginContext, StoreGeneric, _ActionsTree, _StoreOnActionListenerContext } from 'pinia';
+
+const cloneDeep = <T>(obj: T): T => {
+  try {
+    return JSON.parse(JSON.stringify(obj));
+  } catch {
+    return { ...obj };
+  }
+};
+const formatTime = (date = new Date()) => {
+  const hours = date.getHours().toString().padStart(2, '0');
+  const minutes = date.getMinutes().toString().padStart(2, '0');
+  const seconds = date.getSeconds().toString().padStart(2, '0');
+  const milliseconds = date.getMilliseconds().toString();
+
+  return `${hours}:${minutes}:${seconds}:${milliseconds}`;
+};
+
+export interface PiniaLoggerOptions {
+  disabled?: boolean;
+  expanded?: boolean;
+  showDuration?: boolean
+  showStoreName?: boolean;
+  logErrors?: boolean;
+}
+
+export type PiniaActionListenerContext = _StoreOnActionListenerContext<StoreGeneric, string, _ActionsTree>;
+
+const defaultOptions: PiniaLoggerOptions = {
+  logErrors: true,
+  disabled: false,
+  expanded: true,
+  showStoreName: true,
+  showDuration: false,
+};
+
+export const PiniaLogger = (config = defaultOptions) => (ctx: PiniaPluginContext) => {
+  const options = {
+    ...defaultOptions,
+    ...config,
+  };
+
+  if (options.disabled) return;
+
+
+  ctx.store.$onAction((action: PiniaActionListenerContext) => {
+    const startTime = Date.now();
+    const prevState = cloneDeep(ctx.store.$state);
+
+    const log = (isError?: boolean, error?: any) => {
+      const endTime = Date.now();
+      const duration = endTime - startTime + 'ms';
+      const nextState = cloneDeep(ctx.store.$state);
+      const storeName = action.store.$id;
+      const title = `action 🍍 ${options.showStoreName ? `[${storeName}] ` : ''}${action.name} ${isError ? `failed after ${duration} ` : ''}@ ${formatTime()}`;
+
+      console[options.expanded ? 'group' : 'groupCollapsed'](`%c${title}`, `font-weight: bold; ${isError ? 'color: #ed4981;' : ''}`);
+      console.log('%cprev state', 'font-weight: bold; color: grey;', prevState);
+      console.log('%caction', 'font-weight: bold; color: #69B7FF;', {
+        type: action.name,
+        args: action.args.length > 0 ? { ...action.args } : undefined,
+        ...(options.showStoreName && { store: action.store.$id }),
+        ...(options.showDuration && { duration }),
+        ...(isError && { error }),
+      });
+      console.log('%cnext state', 'font-weight: bold; color: #4caf50;', nextState);
+      console.groupEnd();
+    };
+
+    action.after(() => {
+      log();
+    });
+
+    if (options.logErrors) {
+      action.onError((error) => {
+        log(true, error);
+      });
+    }
+  });
+};
+
+export default PiniaLogger;

web/src/router/index.ts

@@ -0,0 +1,29 @@
+import { createRouter, createWebHistory, RouteLocationNormalized } from 'vue-router'
+import Dashboard from '../pages/Dashboard.vue';
+import Login from '../pages/Login.vue';
+import Index from '../pages/Index.vue';
+import Register from '../pages/Register.vue';
+import Account from '@/pages/Account.vue';
+import Settings from '../pages/Settings.vue';
+import Budgeting from '../pages/Budgeting.vue';
+import BudgetSidebar from '../pages/BudgetSidebar.vue';
+
+const routes = [
+  { path: "/", name: "Index", component: Index },
+  { path: "/dashboard", name: "Dashboard", component: Dashboard },
+  { path: "/login", name: "Login", component: Login },
+  { path: "/register", name: "Register", component: Register },
+  { path: "/budget/:budgetid/budgeting", name: "Budget", redirect: (to : RouteLocationNormalized) => 
+    '/budget/' + to.params.budgetid + '/budgeting/' + new Date().getFullYear() + '/' + new Date().getMonth() 
+  },
+  { path: "/budget/:budgetid/budgeting/:year/:month", name: "Budget with date", components: { default: Budgeting, sidebar: BudgetSidebar }, props: true },
+  { path: "/budget/:budgetid/Settings", name: "Budget Settings", components: { default: Settings, sidebar: BudgetSidebar }, props: true },
+  { path: "/budget/:budgetid/account/:accountid", name: "Account", components: { default: Account, sidebar: BudgetSidebar }, props: true },
+]
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes,
+})
+
+export default router