99 lines
3.2 KiB
Twig
99 lines
3.2 KiB
Twig
|
{% extends 'base.html.twig' %}
|
||
|
{% trans_default_domain 'FOSUserBundle' %}
|
||
|
{% block body %}
|
||
|
<div id="wrapper">
|
||
|
<div class="previsionnel"
|
||
|
ng-app="caisse"
|
||
|
ng-controller="PrevisionnelCtrl as pCtrl"
|
||
|
>
|
||
|
<h1>Prévisionnel</h1>
|
||
|
<div class="row">
|
||
|
<div class="col-6 col-xs-12 col-sm-6">
|
||
|
<div class="config">
|
||
|
<h2>
|
||
|
Configuration
|
||
|
</h2>
|
||
|
Euros disponibles au départ:
|
||
|
<input type="number" ng-model="start">
|
||
|
</div>
|
||
|
<div class="postes">
|
||
|
<h2>Postes de dépenses</h2>
|
||
|
<p class="desc">
|
||
|
Indiquez les catégories de dépenses mensuelles que vous faites pour faire évoluer la simulation de budget restant dans plusieurs mois.
|
||
|
</p>
|
||
|
<table class="exepnse-table">
|
||
|
<thead>
|
||
|
<tr>
|
||
|
<td>
|
||
|
Nom
|
||
|
</td>
|
||
|
<td>
|
||
|
débute dans X mois
|
||
|
</td>
|
||
|
<td>
|
||
|
mois répétitions
|
||
|
</td>
|
||
|
<td>
|
||
|
prix répétitions
|
||
|
</td>
|
||
|
<td>
|
||
|
prix mensuel
|
||
|
</td>
|
||
|
<td>
|
||
|
prix annuel
|
||
|
</td>
|
||
|
</tr>
|
||
|
</thead>
|
||
|
|
||
|
<tbody>
|
||
|
|
||
|
</tbody>
|
||
|
<tr>
|
||
|
<td>
|
||
|
|
||
|
</td>
|
||
|
</tr>
|
||
|
</table>
|
||
|
<div class="well">
|
||
|
Exemple:
|
||
|
appartement
|
||
|
resto au boulot
|
||
|
courses
|
||
|
trucs de loisirs divers
|
||
|
gaz
|
||
|
elec
|
||
|
internet
|
||
|
serveur wouaibe
|
||
|
assurance voiture
|
||
|
transport en commun
|
||
|
abonnement protonmail VPN
|
||
|
abonnement service audio, vidéo
|
||
|
carburant véhicule
|
||
|
donations
|
||
|
médecin
|
||
|
chat
|
||
|
chien
|
||
|
licorne
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-6 col-xs-12 col-sm-6">
|
||
|
|
||
|
<h2>Simulation sur 5 ans (60 mois)</h2>
|
||
|
<table>
|
||
|
<thead>
|
||
|
|
||
|
</thead>
|
||
|
<tbody>
|
||
|
<tr>
|
||
|
<td>
|
||
|
|
||
|
</td>
|
||
|
</tr>
|
||
|
</tbody>
|
||
|
</table>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
{% endblock %}
|