99 lines
2.8 KiB
Handlebars
99 lines
2.8 KiB
Handlebars
<form onsubmit={{action "submit"}}>
|
|
<label>
|
|
<p class="label">Contributor:</p>
|
|
<p>
|
|
<select required onchange={{action (mut this.recipientId) value="target.value"}}>
|
|
<option value="" selected disabled hidden></option>
|
|
{{#each this.contributors as |contributor|}}
|
|
<option value={{contributor.id}} selected={{eq this.contributorId contributor.id}}>{{contributor.name}}</option>
|
|
{{/each}}
|
|
</select>
|
|
</p>
|
|
</label>
|
|
<label>
|
|
<p class="label">Total amount (WBTC):</p>
|
|
<p>
|
|
{{input type="text" placeholder="500" value=this.total}}
|
|
</p>
|
|
</label>
|
|
|
|
<h3>
|
|
Expense items
|
|
</h3>
|
|
{{#each this.expenses as |expense|}}
|
|
<table class="expense-list">
|
|
<tr>
|
|
<td class="description">{{expense.title}} – {{expense.description}}</td>
|
|
<td class="amount">{{fmt-fiat-currency expense.amount expense.currency}}</td>
|
|
</tr>
|
|
</table>
|
|
<p>TODO: date, url, tags</p>
|
|
{{else}}
|
|
<p>No line items yet.</p>
|
|
{{/each}}
|
|
|
|
<p class="actions">
|
|
{{input type="submit" value="Submit" disabled=this.submitButtonDisabled
|
|
title="Submit/propose this reimbursement"}}
|
|
</p>
|
|
|
|
<h3>
|
|
New expense item
|
|
</h3>
|
|
<form id="add-expense-item">
|
|
<fieldset class="horizontal">
|
|
<label>
|
|
<p class="label">Amount:</p>
|
|
<p>
|
|
{{input type="text" placeholder="10" value=this.newExpense.amount}}
|
|
</p>
|
|
</label>
|
|
<label>
|
|
<p class="label">Currency:</p>
|
|
<p>
|
|
<select required onchange={{action (mut this.newExpense.currency) value="target.value"}}>
|
|
<option value="" selected disabled hidden></option>
|
|
{{#each this.currencies as |currency|}}
|
|
<option value={{currency.code}} selected={{eq this.newExpense.currency currency.code}}>{{currency.code}}</option>
|
|
{{/each}}
|
|
</select>
|
|
</p>
|
|
</label>
|
|
</fieldset>
|
|
<label>
|
|
<p class="label">Date:</p>
|
|
<p>
|
|
{{ember-flatpickr
|
|
date=this.newExpense.date
|
|
defaultDate=this.newExpense.defaultDate
|
|
maxDate=this.newExpense.defaultDate
|
|
enableTime=false
|
|
onChange=(action (mut this.newExpense.date))}}
|
|
</p>
|
|
</label>
|
|
<label>
|
|
<p class="label">Title:</p>
|
|
<p>
|
|
{{input type="text" value=this.newExpense.title}}
|
|
</p>
|
|
</label>
|
|
<label>
|
|
<p class="label">Description (optional):</p>
|
|
<p>
|
|
{{input type="text" value=this.newExpense.description}}
|
|
</p>
|
|
</label>
|
|
<label>
|
|
<p class="label">URL (optional):</p>
|
|
<p>
|
|
{{input type="text" value=this.newExpense.url}}
|
|
</p>
|
|
</label>
|
|
|
|
<p class="actions">
|
|
{{input type="submit" value="Add" disabled=this.addButtonDisabled
|
|
class="green" title="Add item to reimbursement"}}
|
|
</p>
|
|
</form>
|
|
</form>
|