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

bigger text for previsionnel

Browse Source
This commit is contained in:
Baptiste Lemoine 2018-08-28 15:29:58 +02:00
parent 3614a4bc1e
commit 4d482a6374
3 changed files with 45 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -33,16 +33,25 @@
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
<p > <p >
<label for="dispo">
Euros disponibles au départ: Euros disponibles au départ:
</label>
<input <input
id="dispo"
class="big-number"
type="number" type="number"
ng-model="config.disponibility" ng-model="config.disponibility"
ng-change="save()" ng-change="save()"
ng-model-options="{ debounce: config.debounceTime }"> ng-model-options="{ debounce: config.debounceTime }">
<br> <br>
<label for="gains">
Gains moyen par mois: Gains moyen par mois:
</label>
<input type="number" <input type="number"
class="big-number"
id="gains"
ng-model="config.averageMonthlyEarnings" ng-model="config.averageMonthlyEarnings"
ng-change="save()" ng-change="save()"
ng-model-options="{ debounce: config.debounceTime }"> ng-model-options="{ debounce: config.debounceTime }">
@ -57,12 +66,16 @@
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
<p> <p>
<strong> <strong>
Dépenses mensuelles: {{ sumMonthlyExpenses() }} € Dépenses mensuelles:
<span class="big-number">
{{ sumMonthlyExpenses() }} €
</span>
</strong> </strong>
</p> </p>
<p> <p>
<strong> <strong>
Bénef mensuel: {{ config.averageMonthlyEarnings - sumMonthlyExpenses() }} € Bénef mensuel: <span class="big-number">{{ config.averageMonthlyEarnings - sumMonthlyExpenses() }} €</span>
</strong> </strong>
</p> </p>
<p> <p>
@ -81,7 +94,7 @@
Indiquez les catégories de dépenses mensuelles que vous faites pour faire évoluer la Indiquez les catégories de dépenses mensuelles que vous faites pour faire évoluer la
simulation de budget restant dans plusieurs mois. simulation de budget restant dans plusieurs mois.
</p> </p>
<table class="exepnse-table"> <table class="exepanse-table">
<thead> <thead>
<tr> <tr>
<td class="padded" > <td class="padded" >
@ -181,8 +194,12 @@
<div class="" id="simulationPrevision" style="display: inline-block; height: 300px; width: 90%;">(graphique)</div> <div class="" id="simulationPrevision" style="display: inline-block; height: 300px; width: 90%;">(graphique)</div>
<!--block to insert the graph--> <!--block to insert the graph-->
<div class="well" ng-if="config.monthsBeforeNoMoney < config.lines"> <div class="well big-number" ng-if="config.monthsBeforeNoMoney && config.monthsBeforeNoMoney <= config.lines">
<i class="fa fa-warning"></i>
Ce sera la dèche dans {{config.monthsBeforeNoMoney}} mois Ce sera la dèche dans {{config.monthsBeforeNoMoney}} mois
</div>
<div ng-if=" ! config.monthsBeforeNoMoney" class="bg-success padded">
cool ! votre plan est supportable dans le temps
</div> </div>
<table> <table>
<thead> <thead>

22
assets/css/pages/global.scss
View File

@ -118,4 +118,26 @@ label {
.bgsuccess { .bgsuccess {
background: greenyellow; background: greenyellow;
color: #000000; color: #000000;
}
.previsionnel {
.config {
font-size: 1.5rem;
}
thead {
font-size: 1.5rem;
}
label {
min-width: 220px;
}
.exepanse-table {
font-size: 1.5rem;
}
.examples-depenses {
font-size: 1.5rem;
}
.big-number {
font-size: 2.5rem;
color: #2B2d42;
}
} }

2
assets/js/parts/main.js
View File

@ -273,6 +273,7 @@ angular
let available = $scope.config.disponibility; let available = $scope.config.disponibility;
let previsionTable = []; let previsionTable = [];
let changedNoMoneyConfig = false; let changedNoMoneyConfig = false;
$scope.config.monthsBeforeNoMoney = null;
for (let i = 0; i <= turns; i++) { for (let i = 0; i <= turns; i++) {
// TODO take in account delays in expenses // TODO take in account delays in expenses
available = available - monthly + $scope.config.averageMonthlyEarnings; available = available - monthly + $scope.config.averageMonthlyEarnings;
@ -280,6 +281,7 @@ angular
expense: monthly, expense: monthly,
available: available, available: available,
}; };
if (available <= 0 && !changedNoMoneyConfig) { if (available <= 0 && !changedNoMoneyConfig) {
$scope.config.monthsBeforeNoMoney = i; $scope.config.monthsBeforeNoMoney = i;
changedNoMoneyConfig = true; changedNoMoneyConfig = true;