Merge pull request #18 from forevermatt/develop

Release 0.9.0

README.md

@@ -28,11 +28,15 @@ https://forevermatt.github.io/svelte-budget/
       a mouse
 - [x] Autofocus the appropriate input (where applicable) on arrival at each
       page
-- [ ] Allow adding a comment/note on each transaction
+- [x] Allow adding a comment/note on each transaction
 - [ ] Handle page reloads in the middle of the add-expense process (which
       loses the timestamp, for example)
 - [ ] Add a data-breadcrumb trail as they enter data for a new transaction
 - [x] Setup collaborator
+- [ ] Synchronize data between devices/browsers
+- [ ] Auto-refill categories each month
+- [ ] Enable adding category during new-transaction workflow
+- [ ] Enable adding account during new-transaction workflow
 - [ ] ...
 
 ## Data Structure

src/views/ExpenseReview.svelte

@@ -11,6 +11,7 @@ import { formatAmount } from "../helpers/numbers";
 import { push } from 'svelte-spa-router'
 
 $: transaction = $transactionInProgress
+$: transactionNote = transaction.note || ''
 $: account = getAccountFrom(transaction.accountUuid, $accounts)
 $: accountName = account.name || ''
 $: amountTotal = transaction.amountTotal || 0
@@ -25,6 +26,11 @@ function setComment(event) {
   updatePendingTransaction({ comment })
 }
 
+const setNote = event => {
+  let note = event.target.value
+  updatePendingTransaction({ note })
+}
+
 const setTimestamp = event => {
   let dateString = event.target.value
   let when = new Date(`${dateString} 12:00:00`)
@@ -54,7 +60,10 @@ const setTimestamp = event => {
       <b>Date:</b>
       <input type="date" class="float-right" on:change={setTimestamp} value={formatDateISO8601(transaction.timestamp)} />
     </p>
-    <!-- TODO: Add "Comment" field. -->
+    <p>
+      <b>Note:</b>
+      <input class="float-right" on:change={setNote} value={transactionNote} />
+    </p>
   </div>
 </div>