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

Use Input component for all inputs except file-input

Browse Source
This commit is contained in:
Jan Bader
2022-03-02 19:53:12 +00:00
committed by Gitea
parent 42baafd273
commit 29cfeb6fa6
8 changed files with 20 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8,6 +8,7 @@ import EditAccount from "../dialogs/EditAccount.vue";
import Button from "../components/Button.vue";
import { useTransactionsStore } from "../stores/transactions";
import Modal from "../components/Modal.vue";
import Input from "../components/Input.vue";
defineProps<{
budgetid: string
@@ -73,7 +74,7 @@ function createReconcilationTransaction() {
<Currency :value="transactions.ReconcilingBalance" />your current balance?
<Button class="bg-blue-500 mx-3 py-2" @click="submitReconcilation">Yes!</Button>
<br />No, it's:
<input class="text-right" type="number" v-model="TargetReconcilingBalance" />
<Input class="text-right" type="number" v-model="TargetReconcilingBalance" />
Difference:
<Currency :value="transactions.ReconcilingBalance - TargetReconcilingBalance" />
<Button
@@ -93,7 +94,7 @@ function createReconcilationTransaction() {
<td>Memo</td>
<td class="text-right">Amount</td>
<td style="width: 80px;">
<input v-if="transactions.Reconciling" type="checkbox" @input="setReconciled" />
<Input v-if="transactions.Reconciling" type="checkbox" @input="setReconciled" />
</td>
</tr>
<TransactionInputRow class="hidden md:table-row" :budgetid="budgetid" :accountid="accountid" />

5
web/src/pages/Login.vue
View File

@@ -2,6 +2,7 @@
import { onMounted, ref } from "vue";
import { useRouter } from "vue-router";
import { useSessionStore } from "../stores/session";
import Input from "../components/Input.vue";
const error = ref("");
const login = ref({ user: "", password: "" });
@@ -28,10 +29,10 @@ function formSubmit(e: MouseEvent) {
<template>
<div>
<input type="text" v-model="login.user"
<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"
<Input type="password" v-model="login.password"
placeholder="Password"
class="border-2 border-black rounded-lg block px-2 my-2 w-48" />
</div>

7
web/src/pages/Register.vue
View File

@@ -2,6 +2,7 @@
import { onMounted, ref } from "vue";
import { useRouter } from "vue-router";
import { useSessionStore } from "../stores/session";
import Input from "../components/Input.vue";
const error = ref("");
const login = ref({ email: "", password: "", name: "" });
@@ -28,13 +29,13 @@ function formSubmit(e: MouseEvent) {
<template>
<div>
<input type="text" v-model="login.name"
<Input type="text" v-model="login.name"
placeholder="Name"
class="border-2 border-black rounded-lg block px-2 my-2 w-48" />
<input type="text" v-model="login.email"
<Input type="text" v-model="login.email"
placeholder="Email"
class="border-2 border-black rounded-lg block px-2 my-2 w-48" />
<input type="password" v-model="login.password"
<Input type="password" v-model="login.password"
placeholder="Password"
class="border-2 border-black rounded-lg block px-2 my-2 w-48" />
</div>

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

@@ -7,6 +7,7 @@ import { useSessionStore } from "../stores/session";
import Card from "../components/Card.vue";
import Button from "../components/Button.vue";
import { saveAs } from 'file-saver';
import Input from "../components/Input.vue";
const transactionsFile = ref<File | undefined>(undefined);
const assignmentsFile = ref<File | undefined>(undefined);