tykayn/caisse-bliss
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

style html previsionnel

Browse Source
This commit is contained in:
Baptiste Lemoine 2018-08-28 14:03:04 +02:00
parent 299d98b3f0
commit 945b415998
1 changed files with 50 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
app/Resources/views/logged/previsionnel.html.twig
View File

@ -9,8 +9,10 @@
ng-controller="previsionnelCtrl as pCtrl" ng-controller="previsionnelCtrl as pCtrl"
> >
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6"></div> <div class="col-xs-12 col-lg-6">
<div class="col-xs-12 col-md-6"> <h1>Prévisionnel</h1>
</div>
<div class="col-xs-12 col-lg-6">
<div ng-if="config.initialLoadingDone && config.loading"> <div ng-if="config.initialLoadingDone && config.loading">
<i class="fa fa-spin fa-refresh"></i> <i class="fa fa-spin fa-refresh"></i>
@ -21,47 +23,56 @@
</div> </div>
</div> </div>
</div> </div>
<h1>Prévisionnel</h1>
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<div class="config well"> <div class="config well">
<h2> <h2>
Configuration Configuration
</h2> </h2>
<p class="padded"> <div class="row">
<div class="col-xs-12 col-sm-6">
<p >
Euros disponibles au départ: Euros disponibles au départ:
<input type="number" ng-model="config.disponibility" ng-change="save()" ng-model-options="{ debounce: config.debounceTime }"> <input
type="number"
ng-model="config.disponibility"
ng-change="save()"
ng-model-options="{ debounce: config.debounceTime }">
<br> <br>
Gains moyen par mois: Gains moyen par mois:
<input type="number" ng-model="config.averageMonthlyEarnings" ng-change="save()" ng-disabled="config.isSaving" ng-model-options="{ debounce: config.debounceTime }"> <input type="number"
ng-model="config.averageMonthlyEarnings"
ng-change="save()"
ng-model-options="{ debounce: config.debounceTime }">
</p> </p>
<p> <p>
<p> Gérer délais de paiement
Gérer délais
<input type="checkbox" ng-model="config.showDelays"> <input type="checkbox" ng-model="config.showDelays">
Gérer répétitions Gérer répétitions
<input type="checkbox" ng-model="config.showRepeats"> <input type="checkbox" ng-model="config.showRepeats">
</p> </p>
</div>
<div class="col-xs-12 col-sm-6">
<p>
<strong> <strong>
Dépenses mensuelles: {{ sumMonthlyExpenses() }} € Dépenses mensuelles: {{ sumMonthlyExpenses() }} €
</strong> </strong>
</p> </p>
<p> <p>
<strong> <strong>
Bénef mensuel: {{ config.averageMonthlyEarnings - sumMonthlyExpenses() }} € Bénef mensuel: {{ config.averageMonthlyEarnings - sumMonthlyExpenses() }} €
</strong> </strong>
</p> </p>
<p> <p>
Crédit mensuel réalisable (33% des gains moyens par mois): {{ config.averageMonthlyEarnings * 0.33 |number }} € Crédit mensuel réalisable (33% des gains moyens par mois): {{ config.averageMonthlyEarnings * 0.33 |number }} €
</p> </p>
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-7 postes"> </div>
</div>
<div class="col-xs-12 col-lg-7 postes">
<h2> <h2>
{{expenses.length}} Postes de dépenses mensuelles {{expenses.length}} Postes de dépenses mensuelles
<button ng-click="addExpense()">+</button> <button ng-click="addExpense()">+</button>
@ -163,7 +174,7 @@
</div> </div>
</div> </div>
</div>
<div class="col-sm-12 col-lg-5"> <div class="col-sm-12 col-lg-5">
<h2>Simulation sur {{config.lines}} mois</h2> <h2>Simulation sur {{config.lines}} mois</h2>
@ -226,5 +237,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
{% endverbatim %} {% endverbatim %}
{% endblock %} {% endblock %}