jacob1123/budgeteer
1
1
Fork 0
Code Issues 12 Pull Requests 1 Packages Releases 1 Wiki Activity

Remove defaults from Button

Browse Source
This commit is contained in:
Jan Bader 2022-03-01 20:31:01 +00:00
parent d52e5c63d4
commit 466239ce11
4 changed files with 26 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/Button.vue
View File

@ -3,7 +3,7 @@
<template> <template>
<button <button
class="px-4 py-2 text-base font-medium rounded-md shadow-sm focus:outline-none focus:ring-2" class="px-4 rounded-md shadow-sm focus:outline-none focus:ring-2"
> >
<slot></slot> <slot></slot>
</button> </button>

8
web/src/components/TransactionInputRow.vue
View File

@ -52,18 +52,22 @@ function saveTransaction(e: MouseEvent) {
<template> <template>
<tr> <tr>
<label class="md:hidden">Date</label>
<td class="text-sm"> <td class="text-sm">
<DateInput class="border-b-2 border-black" v-model="TX.Date" /> <DateInput class="border-b-2 border-black" v-model="TX.Date" />
</td> </td>
<label class="md:hidden">Payee</label>
<td> <td>
<Autocomplete v-model:text="TX.Payee" v-model:id="TX.PayeeID" v-model:type="payeeType" model="payees" /> <Autocomplete v-model:text="TX.Payee" v-model:id="TX.PayeeID" v-model:type="payeeType" model="payees" />
</td> </td>
<label class="md:hidden">Category</label>
<td> <td>
<Autocomplete v-model:text="TX.Category" v-model:id="TX.CategoryID" model="categories" /> <Autocomplete v-model:text="TX.Category" v-model:id="TX.CategoryID" model="categories" />
</td> </td>
<td> <td class="col-span-2">
<input class="block w-full border-b-2 border-black" type="text" v-model="TX.Memo" /> <input class="block w-full border-b-2 border-black" type="text" v-model="TX.Memo" />
</td> </td>
<label class="md:hidden">Amount</label>
<td class="text-right"> <td class="text-right">
<input <input
class="text-right block w-full border-b-2 border-black" class="text-right block w-full border-b-2 border-black"
@ -71,7 +75,7 @@ function saveTransaction(e: MouseEvent) {
v-model="TX.Amount" v-model="TX.Amount"
/> />
</td> </td>
<td> <td class="hidden md:table-cell">
<Button class="bg-blue-500" @click="saveTransaction">Save</Button> <Button class="bg-blue-500" @click="saveTransaction">Save</Button>
</td> </td>
</tr> </tr>

6
web/src/pages/Account.vue
View File

@ -70,17 +70,17 @@ function createReconcilationTransaction() {
<span v-if="transactions.Reconciling" class="border-2 block bg-gray-200 rounded-lg p-2"> <span v-if="transactions.Reconciling" class="border-2 block bg-gray-200 rounded-lg p-2">
Is Is
<Currency :value="transactions.ReconcilingBalance" />your current balance? <Currency :value="transactions.ReconcilingBalance" />your current balance?
<Button class="bg-blue-500 mx-3" @click="submitReconcilation">Yes!</Button> <Button class="bg-blue-500 mx-3 py-2" @click="submitReconcilation">Yes!</Button>
<br />No, it's: <br />No, it's:
<input class="text-right" type="number" v-model="TargetReconcilingBalance" /> <input class="text-right" type="number" v-model="TargetReconcilingBalance" />
Difference: Difference:
<Currency :value="transactions.ReconcilingBalance - TargetReconcilingBalance" /> <Currency :value="transactions.ReconcilingBalance - TargetReconcilingBalance" />
<Button <Button
class="bg-orange-500 mx-3" class="bg-orange-500 mx-3 py-2"
v-if="Math.abs(transactions.ReconcilingBalance - TargetReconcilingBalance) > 0.01" v-if="Math.abs(transactions.ReconcilingBalance - TargetReconcilingBalance) > 0.01"
@click="createReconcilationTransaction" @click="createReconcilationTransaction"
>Create reconciling Transaction</Button> >Create reconciling Transaction</Button>
<Button class="bg-red-500 mx-3" @click="cancelReconcilation">Cancel</Button> <Button class="bg-red-500 mx-3 py-2" @click="cancelReconcilation">Cancel</Button>
</span> </span>
</div> </div>

34
web/src/pages/Settings.vue
View File

@ -82,42 +82,40 @@ function ynabExport() {
<h2 class="text-lg font-bold">Clear Budget</h2> <h2 class="text-lg font-bold">Clear Budget</h2>
<p>This removes transactions and assignments to start from scratch. Accounts and categories are kept. Not undoable!</p> <p>This removes transactions and assignments to start from scratch. Accounts and categories are kept. Not undoable!</p>
<Button class="bg-red-500" @click="clearBudget">Clear budget</Button> <Button class="bg-red-500 py-2" @click="clearBudget">Clear budget</Button>
</Card> </Card>
<Card class="flex-col p-3"> <Card class="flex-col p-3">
<h2 class="text-lg font-bold">Delete Budget</h2> <h2 class="text-lg font-bold">Delete Budget</h2>
<p>This deletes the whole bugdet including all transactions, assignments, accounts and categories. Not undoable!</p> <p>This deletes the whole bugdet including all transactions, assignments, accounts and categories. Not undoable!</p>
<Button class="bg-red-500" @click="deleteBudget">Delete budget</button> <Button class="bg-red-500 py-2" @click="deleteBudget">Delete budget</button>
</Card> </Card>
<Card class="flex-col p-3"> <Card class="flex-col p-3">
<h2 class="text-lg font-bold">Fix all historic negative category-balances</h2> <h2 class="text-lg font-bold">Fix all historic negative category-balances</h2>
<p>This restores YNABs functionality, that would substract any overspent categories' balances from next months inflows.</p> <p>This restores YNABs functionality, that would substract any overspent categories' balances from next months inflows.</p>
<Button class="bg-orange-500" @click="cleanNegative">Fix negative</button> <Button class="bg-orange-500 py-2" @click="cleanNegative">Fix negative</button>
</Card> </Card>
<Card class="flex-col p-3"> <Card class="flex-col p-3">
<h2 class="text-lg font-bold">Import YNAB Budget</h2> <h2 class="text-lg font-bold">Import YNAB Budget</h2>
<div class="flex flex-row"> <div>
<div> <label for="transactions_file">
<label for="transactions_file"> Transaktionen:
Transaktionen: <input type="file" @change="gotTransactions" accept="text/*" />
<input type="file" @change="gotTransactions" accept="text/*" /> </label>
</label> <br />
<br /> <label for="assignments_file">
<label for="assignments_file"> Budget:
Budget: <input type="file" @change="gotAssignments" accept="text/*" />
<input type="file" @change="gotAssignments" accept="text/*" /> </label>
</label>
</div>
<Button class="bg-blue-500" :disabled="filesIncomplete" @click="ynabImport">Importieren</Button>
</div> </div>
<Button class="bg-blue-500 py-2" :disabled="filesIncomplete" @click="ynabImport">Importieren</Button>
</Card> </Card>
<Card class="flex-col p-3"> <Card class="flex-col p-3">
<h2 class="text-lg font-bold">Export as YNAB TSV</h2> <h2 class="text-lg font-bold">Export as YNAB TSV</h2>
<div class="flex flex-row"> <div class="flex flex-row">
<Button class="bg-blue-500" @click="ynabExport">Export</Button> <Button class="bg-blue-500 py-2" @click="ynabExport">Export</Button>
</div> </div>
</Card> </Card>
</div> </div>