Hide calculate button and results panel when form is not calculable

src/app/components/generic-calculator/calculator.component.html

@@ -76,7 +76,8 @@
 
                     <mat-card-actions>
                         <!-- bouton calculer -->
-                        <button type="submit" id="trigger-calculate" mat-raised-button color="accent" name="Calculer" (click)="doCompute()" [disabled]="isCalculateDisabled">
+                        <button type="submit" id="trigger-calculate" mat-raised-button color="accent" name="Calculer"
+                          (click)="doCompute()" [disabled]="isCalculateDisabled" [hidden]="calculateDisabledPermanently">
                             {{ uitextCalculer }}
                         </button>
                     </mat-card-actions>
@@ -84,6 +85,7 @@
 
                 <!-- résultats -->
                 <mat-card id="calc-card-results"
+                  [hidden]="calculateDisabledPermanently"
                   [class.pab-results]="isWide"
                   [fxFlex.gt-sm]="isWide ? '1 0 auto' : '1 0 400px'"
                   [fxFlex.lt-md]="isWide ? '1 0 auto' : '1 0 500px'"

src/app/components/generic-calculator/calculator.component.ts

@@ -157,6 +157,10 @@ export class GenericCalculatorComponent implements OnInit, DoCheck, AfterViewChe
         return this._formulaire.kids as FormulaireElement[];
     }
 
+    public get calculateDisabledPermanently(): boolean {
+        return this._formulaire.calculateDisabled;
+    }
+
     /**
      * détermine si un FormulaireElement est du type FieldSet
      */