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