79 lines
3.0 KiB
XML
79 lines
3.0 KiB
XML
<metal:block use-macro="main_template">
|
|
<div metal:fill-slot="content">
|
|
|
|
<div tal:condition="message" tal:content="message" class="alert alert-danger" />
|
|
|
|
<div class="row">
|
|
<p>"<i>Investment success depends on asset allocation, diversification, and risk management, not on complexity.</i>" Tweddell and Pierce</p>
|
|
<div class="col-md-6">
|
|
<table id="categories_list" class="table table-condensed table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th>Catégorie</th>
|
|
<th class="text-right">% cible</th>
|
|
<th class="text-right">% actuel</th>
|
|
<th class="text-right">Ecart</th>
|
|
<th class="text-right">Valeur</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr tal:repeat="item items">
|
|
<td class="${item.bg_color}">${item.categorie}</td>
|
|
<td class="text-right">${item.pc_cible} %</td>
|
|
<td class="text-right">${layout.to_percent(item.pc_atteint)}</td>
|
|
<td tal:condition="(item.pc_atteint - item.pc_cible)>=0" class="text-right" style="color: green;">${layout.to_percent(item.pc_atteint - item.pc_cible)}</td>
|
|
<td tal:condition="(item.pc_atteint - item.pc_cible) <0" class="text-right" style="color: red;">${layout.to_percent(item.pc_atteint - item.pc_cible)}</td>
|
|
<td class="text-right">${layout.to_euro(item.valeur)}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<h3>+ Diversification à coût minimal</h3>
|
|
<p>"<i>Diversification is not determined by the number of securities held.</i>"
|
|
<a href="http://www.etf.com/sections/index-investor-corner" target="_blank">Larry Swedroe</a></p>
|
|
<div class="col-md-8">
|
|
<table id="actifs_list" class="table table-condensed table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th>Catégorie</th>
|
|
<th>Libellé</th>
|
|
<th class="text-right">Valeur</th>
|
|
<th class="text-right">+/- Valeur</th>
|
|
<th class="text-right">% de +/-</th>
|
|
<th class="text-right">% PF</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr tal:repeat="ligne actifs">
|
|
<td class="${ligne.bg_color}">${ligne.categorie}</td>
|
|
<td>${ligne.libelle}</td>
|
|
<td class="text-right">${layout.to_euro(ligne.valeur)}</td>
|
|
<td tal:condition="ligne.plus_value>=0" class="text-right" style="color: green;">${layout.to_euro(ligne.plus_value)}</td>
|
|
<td tal:condition="ligne.plus_value <0" class="text-right" style="color: red;">${layout.to_euro(ligne.plus_value)}</td>
|
|
<td tal:condition="ligne.pc_plusvalue>=0" class="text-right" style="color: green;">${layout.to_percent(ligne.pc_plusvalue)}</td>
|
|
<td tal:condition="ligne.pc_plusvalue <0" class="text-right" style="color: red;">${layout.to_percent(ligne.pc_plusvalue)}</td>
|
|
<td class="text-right">${ligne.pc_allocation} %</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2"></td>
|
|
<td class="text-right">${layout.to_euro(total_valeur)}</td>
|
|
<td class="text-right">${layout.to_euro(total_pv)}</td>
|
|
<td class="text-right">${layout.to_percent(total_pc_value)}</td>
|
|
<td class="text-right">100 %</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<br />
|
|
<br />
|
|
<br />
|
|
</div>
|
|
|
|
|
|
</div><!-- content -->
|
|
</metal:block>
|
|
|