💬 (Money) Add withPadEnd parameter

This commit is contained in:
Julien Calixte
2019-10-12 13:56:43 +02:00
parent 59fd5578e0
commit 8e23b69038
3 changed files with 35 additions and 8 deletions

View File

@@ -13,7 +13,9 @@
<div v-if="account.isPublic">
<awe-icon icon="users" />
</div>
<div class="numeric">{{ totalCost | moneypad(account.mainCurrency) }}</div>
<div class="numeric">
{{ totalCost | moneypad(account.mainCurrency, false) }}
</div>
{{ account.users && account.users.map((u) => u.alias).join(', ') }}
</div>
</template>

View File

@@ -1,6 +1,9 @@
<template>
<div class="account-transaction-list" v-if="account">
<div class="field has-addons has-addons-centered is-narrow" v-if="showFilter">
<div
class="field has-addons has-addons-centered is-narrow"
v-if="showFilter"
>
<div class="control" v-show="filteredBy">
<button type="submit" class="button" @click="filteredBy = ''">
<awe-icon icon="times" />
@@ -10,7 +13,12 @@
<div class="select is-fullwidth">
<select v-model="filteredBy">
<option value>Tout le monde</option>
<option v-for="(user, k) in account.users" :key="k" :value="user.alias">{{ user.alias }}</option>
<option
v-for="(user, k) in account.users"
:key="k"
:value="user.alias"
>{{ user.alias }}</option
>
</select>
</div>
</div>
@@ -40,18 +48,26 @@
<td class="multiline">
<router-link
:to="{ name: 'transaction', params: { id: transaction._id } }"
>{{ transaction.name }}</router-link>
>{{ transaction.name }}</router-link
>
<br />
<span class="date">{{ transaction.date | date }}</span>
</td>
<td class="pay-by">{{ transaction.payBy }}</td>
<td class="numeric">{{ transaction.amount | moneypad(transaction.mainCurrency) }}</td>
<td class="numeric">
{{
transaction.amount
| moneypad(transaction.mainCurrency, hasMultipleCurrencies)
}}
</td>
</tr>
</tbody>
<tfoot v-if="foot">
<tr class="is-selected">
<td colspan="2" class="total">total</td>
<td class="numeric">{{ total | moneypad(account.mainCurrency) }}</td>
<td class="numeric">
{{ total | moneypad(account.mainCurrency) }}
</td>
</tr>
</tfoot>
</table>
@@ -104,6 +120,10 @@ export default class AccountTransactionList extends Vue {
public get showFilter(): boolean {
return this.filter && this.isMultiUser
}
public get hasMultipleCurrencies(): boolean {
return (this.account && this.account.currencies.length > 1) || false
}
}
</script>