Fix app bar for small screens

postgres/accounts.sql.go

@@ -15,7 +15,7 @@ const createAccount = `-- name: CreateAccount :one
 INSERT INTO accounts
 (name, budget_id)
 VALUES ($1, $2)
-RETURNING id, budget_id, name, on_budget, is_open
+RETURNING id, budget_id, name, on_budget
 `
 
 type CreateAccountParams struct {
@@ -31,13 +31,12 @@ func (q *Queries) CreateAccount(ctx context.Context, arg CreateAccountParams) (A
 		&i.BudgetID,
 		&i.Name,
 		&i.OnBudget,
-		&i.IsOpen,
 	)
 	return i, err
 }
 
 const getAccount = `-- name: GetAccount :one
-SELECT accounts.id, accounts.budget_id, accounts.name, accounts.on_budget, accounts.is_open FROM accounts
+SELECT accounts.id, accounts.budget_id, accounts.name, accounts.on_budget FROM accounts
 WHERE accounts.id = $1
 `
 
@@ -49,15 +48,13 @@ func (q *Queries) GetAccount(ctx context.Context, id uuid.UUID) (Account, error)
 		&i.BudgetID,
 		&i.Name,
 		&i.OnBudget,
-		&i.IsOpen,
 	)
 	return i, err
 }
 
 const getAccounts = `-- name: GetAccounts :many
-SELECT accounts.id, accounts.budget_id, accounts.name, accounts.on_budget, accounts.is_open FROM accounts
+SELECT accounts.id, accounts.budget_id, accounts.name, accounts.on_budget FROM accounts
 WHERE accounts.budget_id = $1
-AND accounts.is_open = TRUE
 ORDER BY accounts.name
 `
 
@@ -75,7 +72,6 @@ func (q *Queries) GetAccounts(ctx context.Context, budgetID uuid.UUID) ([]Accoun
 			&i.BudgetID,
 			&i.Name,
 			&i.OnBudget,
-			&i.IsOpen,
 		); err != nil {
 			return nil, err
 		}
@@ -91,14 +87,13 @@ func (q *Queries) GetAccounts(ctx context.Context, budgetID uuid.UUID) ([]Accoun
 }
 
 const getAccountsWithBalance = `-- name: GetAccountsWithBalance :many
-SELECT accounts.id, accounts.name, accounts.on_budget, accounts.is_open,
+SELECT accounts.id, accounts.name, accounts.on_budget, 
         (SELECT MAX(transactions.date) FROM transactions WHERE transactions.account_id = accounts.id AND transactions.status = 'Reconciled')::date as last_reconciled,
         (SELECT SUM(transactions.amount) FROM transactions WHERE transactions.account_id = accounts.id AND transactions.date < NOW())::decimal(12,2) as working_balance,
         (SELECT SUM(transactions.amount) FROM transactions WHERE transactions.account_id = accounts.id AND transactions.date < NOW() AND transactions.status IN ('Cleared', 'Reconciled'))::decimal(12,2) as cleared_balance,
         (SELECT SUM(transactions.amount) FROM transactions WHERE transactions.account_id = accounts.id AND transactions.date < NOW() AND transactions.status = 'Reconciled')::decimal(12,2) as reconciled_balance
 FROM accounts
 WHERE accounts.budget_id = $1
-AND accounts.is_open = TRUE
 ORDER BY accounts.name
 `
 
@@ -106,7 +101,6 @@ type GetAccountsWithBalanceRow struct {
 	ID                uuid.UUID
 	Name              string
 	OnBudget          bool
-	IsOpen            bool
 	LastReconciled    time.Time
 	WorkingBalance    numeric.Numeric
 	ClearedBalance    numeric.Numeric
@@ -126,7 +120,6 @@ func (q *Queries) GetAccountsWithBalance(ctx context.Context, budgetID uuid.UUID
 			&i.ID,
 			&i.Name,
 			&i.OnBudget,
-			&i.IsOpen,
 			&i.LastReconciled,
 			&i.WorkingBalance,
 			&i.ClearedBalance,
@@ -148,7 +141,6 @@ func (q *Queries) GetAccountsWithBalance(ctx context.Context, budgetID uuid.UUID
 const searchAccounts = `-- name: SearchAccounts :many
 SELECT accounts.id, accounts.budget_id, accounts.name, 'account' as type FROM accounts
 WHERE accounts.budget_id = $1
-AND accounts.is_open = TRUE
 AND accounts.name LIKE $2
 ORDER BY accounts.name
 `
@@ -196,33 +188,25 @@ func (q *Queries) SearchAccounts(ctx context.Context, arg SearchAccountsParams)
 const updateAccount = `-- name: UpdateAccount :one
 UPDATE accounts
 SET name = $1,
-    on_budget = $2,
+    on_budget = $2
-    is_open = $3
+WHERE accounts.id = $3
-WHERE accounts.id = $4
+RETURNING id, budget_id, name, on_budget
-RETURNING id, budget_id, name, on_budget, is_open
 `
 
 type UpdateAccountParams struct {
 	Name     string
 	OnBudget bool
-	IsOpen   bool
 	ID       uuid.UUID
 }
 
 func (q *Queries) UpdateAccount(ctx context.Context, arg UpdateAccountParams) (Account, error) {
-	row := q.db.QueryRowContext(ctx, updateAccount,
+	row := q.db.QueryRowContext(ctx, updateAccount, arg.Name, arg.OnBudget, arg.ID)
-		arg.Name,
-		arg.OnBudget,
-		arg.IsOpen,
-		arg.ID,
-	)
 	var i Account
 	err := row.Scan(
 		&i.ID,
 		&i.BudgetID,
 		&i.Name,
 		&i.OnBudget,
-		&i.IsOpen,
 	)
 	return i, err
 }

postgres/models.go

@@ -36,7 +36,6 @@ type Account struct {
 	BudgetID uuid.UUID
 	Name     string
 	OnBudget bool
-	IsOpen   bool
 }
 
 type Assignment struct {

postgres/queries/accounts.sql

@@ -11,31 +11,27 @@ WHERE accounts.id = $1;
 -- name: GetAccounts :many
 SELECT accounts.* FROM accounts
 WHERE accounts.budget_id = $1
-AND accounts.is_open = TRUE
 ORDER BY accounts.name;
 
 -- name: GetAccountsWithBalance :many
-SELECT accounts.id, accounts.name, accounts.on_budget, accounts.is_open,
+SELECT accounts.id, accounts.name, accounts.on_budget, 
         (SELECT MAX(transactions.date) FROM transactions WHERE transactions.account_id = accounts.id AND transactions.status = 'Reconciled')::date as last_reconciled,
         (SELECT SUM(transactions.amount) FROM transactions WHERE transactions.account_id = accounts.id AND transactions.date < NOW())::decimal(12,2) as working_balance,
         (SELECT SUM(transactions.amount) FROM transactions WHERE transactions.account_id = accounts.id AND transactions.date < NOW() AND transactions.status IN ('Cleared', 'Reconciled'))::decimal(12,2) as cleared_balance,
         (SELECT SUM(transactions.amount) FROM transactions WHERE transactions.account_id = accounts.id AND transactions.date < NOW() AND transactions.status = 'Reconciled')::decimal(12,2) as reconciled_balance
 FROM accounts
 WHERE accounts.budget_id = $1
-AND accounts.is_open = TRUE
 ORDER BY accounts.name;
 
 -- name: SearchAccounts :many
 SELECT accounts.id, accounts.budget_id, accounts.name, 'account' as type FROM accounts
 WHERE accounts.budget_id = @budget_id
-AND accounts.is_open = TRUE
 AND accounts.name LIKE @search
 ORDER BY accounts.name;
 
 -- name: UpdateAccount :one
 UPDATE accounts
 SET name = $1,
-    on_budget = $2,
+    on_budget = $2
-    is_open = $3
+WHERE accounts.id = $3
-WHERE accounts.id = $4
 RETURNING *;

postgres/schema/0016_closed-accounts.sql

@@ -1,5 +0,0 @@
--- +goose Up
-ALTER TABLE accounts ADD COLUMN is_open BOOLEAN NOT NULL DEFAULT TRUE;
-
--- +goose Down
-ALTER TABLE accounts DROP COLUMN is_open;

server/account.go

@@ -39,7 +39,6 @@ type TransactionsResponse struct {
 type EditAccountRequest struct {
 	Name     string `json:"name"`
 	OnBudget bool   `json:"onBudget"`
-	IsOpen   bool   `json:"isOpen"`
 }
 
 func (h *Handler) editAccount(c *gin.Context) {
@@ -60,7 +59,6 @@ func (h *Handler) editAccount(c *gin.Context) {
 	updateParams := postgres.UpdateAccountParams{
 		Name:     request.Name,
 		OnBudget: request.OnBudget,
-		IsOpen:   request.IsOpen,
 		ID:       accountUUID,
 	}
 	account, err := h.Service.UpdateAccount(c.Request.Context(), updateParams)

web/src/components/Modal.vue

@@ -7,7 +7,7 @@ const props = defineProps<{
 }>();
 
 const emit = defineEmits<{
-    (e: 'submit', event : {cancel:boolean}): boolean,
+    (e: 'submit'): void,
     (e: 'open'): void,
 }>();
 
@@ -20,12 +20,8 @@ function openDialog() {
     visible.value = true;
 };
 function submitDialog() {
-    const e = {cancel: false};
-    emit("submit", e);
-    if(e.cancel)
-        return;
-
     visible.value = false;
+    emit("submit");
 }
 </script>
 
@@ -42,9 +38,9 @@ function submitDialog() {
         v-if="visible"
         class="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full"
     >
-        <div class="relative top-20 mx-auto p-5 w-96 shadow-lg rounded-md bg-white dark:bg-black">
+        <div class="relative top-20 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white">
             <div class="mt-3 text-center">
-                <h3 class="mt-3 text-lg leading-6 font-medium text-gray-900 dark:text-gray-100">{{ buttonText }}</h3>
+                <h3 class="mt-3 text-lg leading-6 font-medium text-gray-900">{{ buttonText }}</h3>
                 <slot></slot>
                 <div class="grid grid-cols-2 gap-6">
                     <button

web/src/dialogs/EditAccount.vue

@@ -3,50 +3,29 @@ import { computed, ref } from 'vue';
 import Modal from '../components/Modal.vue';
 import { useAccountStore } from '../stores/budget-account';
 import Input from '../components/Input.vue';
-import Checkbox from '../components/Checkbox.vue';
-import { useRouter } from 'vue-router';
-import { useBudgetsStore } from '../stores/budget';
 
-const router = useRouter();
 const accountStore = useAccountStore();
 const CurrentAccount = computed(() => accountStore.CurrentAccount);
 
 const accountName = ref("");
 const accountOnBudget = ref(true);
-const accountOpen = ref(true);
-const error = ref("");
 
-function editAccount(e : {cancel:boolean}) : boolean {
+function editAccount(e : any) {
-    if(CurrentAccount.value?.ClearedBalance != 0 && !accountOpen.value){
+    accountStore.EditAccount(CurrentAccount.value?.ID ?? "", accountName.value, accountOnBudget.value);
-        e.cancel = true;
-        error.value = "Cannot close account with balance";
-        return false; 
-    }
-
-    error.value = "";
-    accountStore.EditAccount(CurrentAccount.value?.ID ?? "", accountName.value, accountOnBudget.value, accountOpen.value);
-
-    // account closed, move to Budget
-    if(!accountOpen.value){
-        const currentBudgetID = useBudgetsStore().CurrentBudgetID;
-        router.replace('/budget/'+currentBudgetID+'/budgeting');
-    }
-    return true;
 }
 
 function openEditAccount(e : any) {
     accountName.value = CurrentAccount.value?.Name ?? "";
     accountOnBudget.value = CurrentAccount.value?.OnBudget ?? true;
-    accountOpen.value = CurrentAccount.value?.IsOpen ?? true;
 }
 </script>
 
 <template>
     <Modal button-text="Edit Account" @open="openEditAccount" @submit="editAccount">
-        <template v-slot:placeholder><span class="ml-2">✎</span></template>
+        <template v-slot:placeholder>✎</template>
         <div class="mt-2 px-7 py-3">
             <Input
-                class="border-2 dark:border-gray-700"
+                class="border-2"
                 type="text"
                 v-model="accountName"
                 placeholder="Account name"
@@ -54,23 +33,13 @@ function openEditAccount(e : any) {
             />
         </div>
         <div class="mt-2 px-7 py-3">
-            <Checkbox
+            <Input
                 class="border-2"
+                type="checkbox"
                 v-model="accountOnBudget"
                 required
             />
             <label>On Budget</label>
         </div>
-        <div class="mt-2 px-7 py-3">
-            <Checkbox
-                class="border-2"
-                v-model="accountOpen"
-                required
-            />
-            <label>Open</label>
-        </div>
-        <div v-if="error != ''" class="dark:text-red-300 text-red-700">
-            {{ error }}
-        </div>
     </Modal>
 </template>

web/src/pages/Account.vue

@@ -43,12 +43,10 @@ function createReconcilationTransaction() {
 
 <template>
     <div class="grid grid-cols-[1fr_auto]">
-        <div>
+        <h1 class="inline">
-            <h1 class="inline">
+            {{ accounts.CurrentAccount?.Name }}
-                {{ accounts.CurrentAccount?.Name }}
-            </h1>
             <EditAccount />
-        </div>
+        </h1>
 
         <div class="text-right flex flex-wrap flex-col md:flex-row justify-end gap-2 max-w-sm">
             <span class="rounded-lg p-1 whitespace-nowrap flex-1">

web/src/pages/BudgetSidebar.vue

@@ -60,14 +60,12 @@ function getAccountName(account : Account) {
         <Currency :class="ExpandMenu?'md:inline':'md:hidden'" :value="account.ClearedBalance" />
       </div>
     </li>
-    <!--
     <li class="bg-slate-100 dark:bg-slate-800 my-2 p-2 px-3">
       <div class="flex flex-row justify-between font-bold">
         <span>Closed Accounts</span>
       </div>
       + Add Account
     </li>
-    -->
     <!--<li>
       <router-link :to="'/budget/'+CurrentBudgetID+'/accounts'">Edit accounts</router-link>
     </li>-->

web/src/stores/budget-account.ts

@@ -16,7 +16,6 @@ export interface Account {
     ID: string
     Name: string
     OnBudget: boolean
-    IsOpen: boolean
     ClearedBalance: number
     WorkingBalance: number
     ReconciledBalance: number
@@ -124,14 +123,10 @@ export const useAccountStore = defineStore("budget/account", {
                 return;
             this.addCategoriesForMonth(year, month, response.Categories);
         },
-        async EditAccount(accountid: string, name: string, onBudget: boolean, isOpen: boolean) {
+        async EditAccount(accountid: string, name: string, onBudget: boolean) {
-            const result = await POST("/account/" + accountid, JSON.stringify({ name: name, onBudget: onBudget, isOpen: isOpen }));
+            const result = await POST("/account/" + accountid, JSON.stringify({ name: name, onBudget: onBudget }));
             const response = await result.json();
             useBudgetsStore().MergeBudgetingData(response);
-
-            if(!isOpen) {
-                this.Accounts.delete(accountid);
-            }
         },
         addCategoriesForMonth(year: number, month: number, categories: Category[]): void {
             this.$patch((state) => {