julien/vaquant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix style for transaction item

Browse Source
This commit is contained in:
Julien Calixte
2020-05-20 13:18:37 +02:00
parent 3508a75c6a
commit da5d518e90
1 changed files with 64 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
src/views/transactions/TransactionItem.vue
View File

@@ -58,69 +58,70 @@
.
</div>
</div>
<div v-if="transaction.exchange">
<div v-if="currencies.length" class="exchange column is-half">
<h3 class="subtitle is-3">
Taux d'échange
</h3>
<div class="columns is-centered">
<div class="column">
<table class="table is-fullwidth is-striped is-bordered">
<caption>
<span class="numeric">{{
transaction.amount | money(transaction.mainCurrency)
}}</span>
</caption>
<tbody>
<tr v-for="(currency, k) in currencies" :key="k">
<td class="numeric">
{{
(transaction && transaction.amount) ||
(1 * getRate(currency.code)) | moneypad(currency)
}}
</td>
</tr>
</tbody>
</table>
</div>
<div class="column">
<table class="table is-fullwidth is-striped is-bordered">
<caption>
<span class="numeric">{{
1 | money(transaction.mainCurrency)
}}</span>
</caption>
<tbody>
<tr v-for="(currency, k) in currencies" :key="k">
<td class="numeric">
{{ getRate(currency.code) | moneypad(currency) }}
</td>
</tr>
</tbody>
</table>
</div>
<div class="column">
<table
class="table is-hoverable is-fullwidth is-striped is-bordered"
>
<caption>
{{
$tc('transaction.money', currencies.length)
}}
</caption>
<tbody>
<tr v-for="(currency, k) in currencies" :key="k">
<td>{{ 1 | money(currency) }}</td>
<td class="numeric">
{{
(1 / getRate(currency.code))
| moneypad(transaction && transaction.mainCurrency)
}}
</td>
</tr>
</tbody>
</table>
</div>
<div
v-if="transaction.exchange && currencies.length"
class="exchange column is-half"
>
<h3 class="subtitle is-3">
Taux d'échange
</h3>
<div class="columns is-centered">
<div class="column">
<table class="table is-fullwidth is-striped is-bordered">
<caption>
<span class="numeric">{{
transaction.amount | money(transaction.mainCurrency)
}}</span>
</caption>
<tbody>
<tr v-for="(currency, k) in currencies" :key="k">
<td class="numeric">
{{
(transaction && transaction.amount) ||
(1 * getRate(currency.code)) | moneypad(currency)
}}
</td>
</tr>
</tbody>
</table>
</div>
<div class="column">
<table class="table is-fullwidth is-striped is-bordered">
<caption>
<span class="numeric">{{
1 | money(transaction.mainCurrency)
}}</span>
</caption>
<tbody>
<tr v-for="(currency, k) in currencies" :key="k">
<td class="numeric">
{{ getRate(currency.code) | moneypad(currency) }}
</td>
</tr>
</tbody>
</table>
</div>
<div class="column">
<table
class="table is-hoverable is-fullwidth is-striped is-bordered"
>
<caption>
{{
$tc('transaction.money', currencies.length)
}}
</caption>
<tbody>
<tr v-for="(currency, k) in currencies" :key="k">
<td>{{ 1 | money(currency) }}</td>
<td class="numeric">
{{
(1 / getRate(currency.code))
| moneypad(transaction && transaction.mainCurrency)
}}
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>