style html previsionnel

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

View File

@ -9,59 +9,70 @@
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>
Chargement Chargement
</div>
<div ng-if="config.initialLoadingDone && !config.loading">
Modifications sauvegardées
</div>
</div>
</div> </div>
<div ng-if="config.initialLoadingDone && !config.loading">
Modifications sauvegardées
</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
<br> type="number"
ng-model="config.disponibility"
Gains moyen par mois: ng-change="save()"
<input type="number" ng-model="config.averageMonthlyEarnings" ng-change="save()" ng-disabled="config.isSaving" ng-model-options="{ debounce: config.debounceTime }"> ng-model-options="{ debounce: config.debounceTime }">
</p> <br>
Gains moyen par mois:
<input type="number"
ng-model="config.averageMonthlyEarnings"
ng-change="save()"
ng-model-options="{ debounce: config.debounceTime }">
</p>
<p> <p>
Gérer délais de paiement
<input type="checkbox" ng-model="config.showDelays">
Gérer répétitions
<input type="checkbox" ng-model="config.showRepeats">
</p>
</div>
<div class="col-xs-12 col-sm-6">
<p> <p>
Gérer délais <strong>
<input type="checkbox" ng-model="config.showDelays"> Dépenses mensuelles: {{ sumMonthlyExpenses() }}
Gérer répétitions </strong>
<input type="checkbox" ng-model="config.showRepeats"> </p>
</p>
<strong>
Dépenses mensuelles: {{ sumMonthlyExpenses() }}
</strong>
</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>
<div class="col-xs-12 col-sm-7 postes"> </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>
@ -223,6 +234,7 @@
</tbody> </tbody>
</table> </table>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>