Skip to content
This repository has been archived by the owner on Feb 4, 2025. It is now read-only.

Commit

Permalink
Added form validation
Browse files Browse the repository at this point in the history
  • Loading branch information
@GrPe
GrPe committed May 26, 2024
1 parent 21f9eb6 commit bda0004
Show file tree
Hide file tree
Showing 8 changed files with 20 additions and 20 deletions.
2 changes: 1 addition & 1 deletion src/Overmoney.Portal/src/components/modals/CreateCategoryModal.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
Create Category
</header>
<form @submit.prevent="createCategory">
<input type="text" v-model="categoryName" />
<input type="text" v-model="categoryName" required/>
<button type="submit">Create</button>
</form>
</article>
Expand Down
2 changes: 1 addition & 1 deletion src/Overmoney.Portal/src/components/modals/CreatePayeeModal.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
Create Payee
</header>
<form @submit.prevent="createPayee">
<input type="text" v-model="payeeName" />
<input type="text" v-model="payeeName" required/>
<button type="submit">Create</button>
</form>
</article>
Expand Down
12 changes: 6 additions & 6 deletions src/Overmoney.Portal/src/components/modals/CreateTransactionModal.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,38 +8,38 @@
</header>
<form @submit.prevent="createTransaction">
<label for="wallet">Wallet</label>
<select v-model="transaction.walletId" id="wallet">
<select v-model="transaction.walletId" id="wallet" required>
<option v-for="wallet in wallets" :key="wallet.id" :value="wallet.id">
{{ wallet.name }}
</option>
</select>

<label for="category">Category</label>
<select v-model="transaction.categoryId" id="category">
<select v-model="transaction.categoryId" id="category" required>
<option v-for="category in categories" :key="category.id" :value="category.id">
{{ category.name }}
</option>
</select>

<label for="payee">Payee</label>
<select v-model="transaction.payeeId" id="payee">
<select v-model="transaction.payeeId" id="payee" required>
<option v-for="payee in payees" :key="payee.id" :value="payee.id">
{{ payee.name }}
</option>
</select>

<label for="transactionDate">Date</label>
<input type="date" id="transactionDate" v-model="transaction.transactionDate" />
<input type="date" id="transactionDate" v-model="transaction.transactionDate" required/>

<label for="transactionType">Type</label>
<select v-model="transaction.transactionType" id="transactionType">
<select v-model="transaction.transactionType" id="transactionType" required>
<option :value="0">Outcome</option>
<option :value="1">Income</option>
<option :value="2">Transfer</option>
</select>

<label for="amount">Amount</label>
<input v-model="transaction.amount" id="amount" type="number" step=".01" />
<input v-model="transaction.amount" id="amount" type="number" step=".01" required/>

<label for="note">Note</label>
<textarea v-model="transaction.note" id="note" placeholder="note...">
Expand Down
4 changes: 2 additions & 2 deletions src/Overmoney.Portal/src/components/modals/CreateWalletModal.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,10 @@
Create Wallet
</header>
<form @submit.prevent="createWallet">
<input type="text" v-model="walletName" />
<input type="text" v-model="walletName" required/>

<label for="currency">Currency</label>
<select v-model="currencyId" id="currency">
<select v-model="currencyId" id="currency" required>
<option v-for="currency in currencies" :key="currency.id" :value="currency.id">
{{ currency.name }}
</option>
Expand Down
2 changes: 1 addition & 1 deletion src/Overmoney.Portal/src/components/modals/UpdateCategoryModal.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
Update Category
</header>
<form @submit.prevent="updateCategory">
<input type="text" v-model="categoryName" />
<input type="text" v-model="categoryName" required/>
<button type="submit">Update</button>
<input type="button" class="delete" value="Delete" @click="removeCategory()"/>
</form>
Expand Down
2 changes: 1 addition & 1 deletion src/Overmoney.Portal/src/components/modals/UpdatePayeeModal.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
Update Payee
</header>
<form @submit.prevent="updatePayee">
<input type="text" v-model="payeeName" />
<input type="text" v-model="payeeName" required/>
<button type="submit">Update</button>
<input type="button" class="delete" value="Delete" @click="removePayee()"/>
</form>
Expand Down
12 changes: 6 additions & 6 deletions src/Overmoney.Portal/src/components/modals/UpdateTransactionModal.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,38 +7,38 @@
</header>
<form @submit.prevent="updateTransaction">
<label for="wallet">Wallet</label>
<select v-model="transaction.walletId" id="wallet">
<select v-model="transaction.walletId" id="wallet" required>
<option v-for="wallet in wallets" :key="wallet.id" :value="wallet.id">
{{ wallet.name }}
</option>
</select>

<label for="category">Category</label>
<select v-model="transaction.categoryId" id="category">
<select v-model="transaction.categoryId" id="category" required>
<option v-for="category in categories" :key="category.id" :value="category.id">
{{ category.name }}
</option>
</select>

<label for="payee">Payee</label>
<select v-model="transaction.payeeId" id="payee">
<select v-model="transaction.payeeId" id="payee" required>
<option v-for="payee in payees" :key="payee.id" :value="payee.id">
{{ payee.name }}
</option>
</select>

<label for="transactionDate">Date</label>
<input type="date" id="transactionDate" v-model="transaction.transactionDate"/>
<input type="date" id="transactionDate" v-model="transaction.transactionDate" required/>

<label for="transactionType">Type</label>
<select v-model="transaction.transactionType" id="transactionType">
<select v-model="transaction.transactionType" id="transactionType" required>
<option :value="0">Outcome</option>
<option :value="1">Income</option>
<option :value="2">Transfer</option>
</select>

<label for="amount">Amount</label>
<input v-model="transaction.amount" id="amount" type="number" step=".01"/>
<input v-model="transaction.amount" id="amount" type="number" step=".01" required/>

<label for="note">Note</label>
<textarea v-model="transaction.note" id="note" placeholder="note...">
Expand Down
4 changes: 2 additions & 2 deletions src/Overmoney.Portal/src/components/modals/UpdateWalletModal.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,10 @@
Update Wallet
</header>
<form @submit.prevent="updateWallet">
<input type="text" v-model="walletName" />
<input type="text" v-model="walletName" required/>

<label for="currency">Currency</label>
<select v-model="currencyId" id="currency">
<select v-model="currencyId" id="currency" required>
<option v-for="currency in currencies" :key="currency.id" :value="currency.id">
{{ currency.name }}
</option>
Expand Down

0 comments on commit bda0004

Please sign in to comment.