69 lines
3.2 KiB
HTML
69 lines
3.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html v-bind:lang="locale">
|
||
|
|
<head>
|
||
|
|
<meta name="viewport" content="width=device-width">
|
||
|
|
<meta name="format-detection" content="telephone=no">
|
||
|
|
<title>{{ $t('subject') }}</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<table class="grid">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<!-- Empty block -->
|
||
|
|
<div class="grid-row">
|
||
|
|
<div class="grid-block empty"></div>
|
||
|
|
</div>
|
||
|
|
<!-- Header block -->
|
||
|
|
<div class="grid-row">
|
||
|
|
<div class="grid-block">
|
||
|
|
<email-header v-bind="$props"></email-header>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Block -->
|
||
|
|
<div class="grid-row">
|
||
|
|
<div class="grid-block vn-pa-lg">
|
||
|
|
<h1>{{ $t('title') }}</h1>
|
||
|
|
<p>{{$t('dear')}},</p>
|
||
|
|
<p v-html="$t('description', [dated])"></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Block -->
|
||
|
|
<div class="grid-row">
|
||
|
|
<div class="grid-block vn-pa-lg">
|
||
|
|
<table class="column-oriented">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>{{$t('buyer')}}</th>
|
||
|
|
<th class="number">{{$t('percentage')}}</th>
|
||
|
|
<th class="number">{{$t('dwindle')}}</th>
|
||
|
|
<th class="number">{{$t('total')}}</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr v-for="waste in wastes" v-bind:key="waste.buyer">
|
||
|
|
<td class="font gray">{{waste.buyer}}</td>
|
||
|
|
<td class="number">{{(waste.percentage / 100) | percentage(4, 4, locale)}}</td>
|
||
|
|
<td class="number">{{waste.dwindle | currency('EUR', locale)}}</td>
|
||
|
|
<td class="number">{{waste.total | currency('EUR', locale)}}</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Footer block -->
|
||
|
|
<div class="grid-row">
|
||
|
|
<div class="grid-block">
|
||
|
|
<email-footer v-bind="$props"></email-footer>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Empty block -->
|
||
|
|
<div class="grid-row">
|
||
|
|
<div class="grid-block empty"></div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</body>
|
||
|
|
</html>
|