💬 (Money) Add withPadEnd parameter
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user