add calculatrice auto simulator

betagouv · Sep 5, 2023 · 35664c9 · 35664c9
1 parent 6ccfe27
commit 35664c9
Show file tree

Hide file tree

Showing 3 changed files with 244 additions and 71 deletions.
diff --git a/front/src/app/components/editable-situation/editable-situation.component.html b/front/src/app/components/editable-situation/editable-situation.component.html
@@ -12,12 +12,6 @@
     <div class="item">
       <p>ETPT siège</p>
     </div>
-    <div class="item blue-bg">
-      <p>ETPT greffe</p>
-    </div>
-    <div class="item">
-      <p>ETPT EAM</p>
-    </div>
     <div class="item blue-bg">
       <p>Taux de couverture</p>
     </div>
@@ -41,42 +35,43 @@
       </div>
       <form class="editable-line" [formGroup]="formWhiteSim">
         <div class="line-item orange-bg">
-          <input formControlName="totalIn" (keypress)="validateNo($event)" type="text"
+          <input formControlName="totalIn" (keypress)="validateNo($event)" (keydown)="onDeletePressed($event)"
+            (keyup)="onDeletePressed($event)" type="text"
             [ngClass]="{'disabled-field': isValidatedWhiteSimu === true}" />
         </div>
         <div class="line-item">
-          <input formControlName="totalOut" (keypress)="validateNo($event)" type="text"
+          <input formControlName="totalOut" (keypress)="validateNo($event)" (keydown)="onDeletePressed($event)"
+            (keyup)="onDeletePressed($event)" type="text"
             [ngClass]="{'disabled-field': isValidatedWhiteSimu === true}" />
         </div>
         <div class="line-item orange-bg">
-          <input formControlName="lastStock" (keypress)="validateNo($event)" type="text"
+          <input formControlName="lastStock" (keypress)="validateNo($event)" (keydown)="onDeletePressed($event)"
+            (keyup)="onDeletePressed($event)" type="text"
             [ngClass]="{'disabled-field': isValidatedWhiteSimu === true}" />
         </div>
         <div class="line-item" [ngClass]="{'grey-bg-disabled':category!=='MAGISTRAT'}">
-          <input formControlName="etpMag" (keypress)="validateNo($event)" type="text"
+          <input formControlName="etpMag" (keypress)="validateNo($event)" (keydown)="onDeletePressed($event)"
+            (keyup)="onDeletePressed($event)" type="text"
             [ngClass]="{'disabled-field': isValidatedWhiteSimu === true && category==='MAGISTRAT', 'disabled':category!=='MAGISTRAT'}" />
         </div>
-        <div class="line-item " [ngClass]="{'grey-bg-disabled':category==='MAGISTRAT'}">
-          <input formControlName="etpFon" (keypress)="validateNo($event)" type="text"
-            [ngClass]="{'disabled-field': isValidatedWhiteSimu === true && category!=='MAGISTRAT', 'disabled':category==='MAGISTRAT'}" />
-        </div>
-        <div class="line-item grey-bg-disabled">
-          <input formControlName="etpCont" (keypress)="validateNo($event)" type="text" class="disabled" />
-        </div>
-        <div class="line-item grey-bg-disabled">
-          <input formControlName="realCoverage" type="text" class="disabled" />
+        <div class="line-item">
+          <input formControlName="realCoverage" (keypress)="validateNo($event)" (keydown)="onDeletePressed($event)"
+            (keyup)="onDeletePressed($event)" type="text" />
         </div>
-        <div class="line-item grey-bg-disabled">
-          <input formControlName="realDTESInMonths" type="text" class="disabled" />
+        <div class="line-item">
+          <input formControlName="realDTESInMonths" (keypress)="validateNo($event)" (keydown)="onDeletePressed($event)"
+            (keyup)="onDeletePressed($event)" type="text" />
         </div>
-        <div class="line-item grey-bg-disabled">
-          <input formControlName="magRealTimePerCase" type="text" class="disabled" />
+        <div class="line-item">
+          <input formControlName="magRealTimePerCase" (keypress)="validateNo($event)"
+            (keydown)="onDeletePressed($event)" (keyup)="onDeletePressed($event)" type="text" />
         </div>
       </form>
 
       <div class="line-item validate-button">
         <label (click)="validateWhiteSimulator()" *ngIf="!isValidatedWhiteSimu; else locked"
           class="validate-label">Valider</label>
+        <label (click)="initFields()" *ngIf="!isValidatedWhiteSimu; else locked" class="validate-label">reset</label>
         <ng-template #locked>
           <div class="validate-label" (click)="editWhiteSimulator()">
             Editer</div>

diff --git a/front/src/app/components/editable-situation/editable-situation.component.scss b/front/src/app/components/editable-situation/editable-situation.component.scss
@@ -24,7 +24,7 @@
       color: white;
       text-align: center;
       cursor: pointer;
-      flex: 0.855 !important;
+      flex: 1.1 !important;
       height: 104px !important;
       font-size: 14px;
     }
@@ -434,6 +434,10 @@
           outline: none;
           border-bottom: solid 2px #3a3a3a !important;
         }
+
+        &.grey-bg-disabled {
+          background-color: #b9b8b64a;
+        }
       }
 
       .ajusted-button {