[PROPOSED_SETUP] Generate chart data

projects/steam-generation-assessment-lib/src/app/app.module.ts

@@ -1,16 +1,16 @@
-import { ModuleWithProviders, NgModule } from "@angular/core";
-import { FormsModule, ReactiveFormsModule } from "@angular/forms";
-import { CommonModule } from "@angular/common";
-import { BlockUIModule } from "ng-block-ui";
-import { ProjectsJobsModule, SizingSharedLibModule } from "sizing-shared-lib";
+import { ModuleWithProviders, NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { BlockUIModule } from 'ng-block-ui';
+import { ProjectsJobsModule, SizingSharedLibModule } from 'sizing-shared-lib';
 import { SteamGenerationAssessmentComponent } from './steam-generation-assessment.component';
-import { SharedModule } from "./modules/shared/shared.module";
+import { SharedModule } from './modules/shared/shared.module';
 import { TabsModule } from 'ngx-bootstrap/tabs';
 import { SgaInputParametersComponent } from './sga-input-parameters/sga-input-parameters.component';
 import { SgaBenchmarkComponent } from './sga-benchmark/sga-benchmark.component';
 import { SgaProposedSetupComponent } from './sga-proposed-setup/sga-proposed-setup.component';
 import { SgaFinalProposalComponent } from './sga-final-proposal/sga-final-proposal.component';
-import { SteamGenerationAssessmentService } from "./steam-generation-assessment.service";
+import { SteamGenerationAssessmentService } from './steam-generation-assessment.service';
 import { TypeOfFuelComponent } from './components/type-of-fuel/type-of-fuel.component';
 
 const providers = [SteamGenerationAssessmentService];

projects/steam-generation-assessment-lib/src/app/modules/shared/components/form-toggle/form-toggle.component.scss

@@ -7,6 +7,7 @@
   margin-bottom: 30px;
   &.disabled {
     opacity: .3;
+    cursor: not-allowed;
   }
 
   &-label {

projects/steam-generation-assessment-lib/src/app/modules/shared/directives/disable-control.directive.ts

@@ -0,0 +1,23 @@
+import { NgControl } from '@angular/forms';
+import { Directive, Input } from '@angular/core';
+
+@Directive({
+  selector: '[disableControl]'
+})
+export class DisableControlDirective {
+
+  @Input() set disableControl(condition: boolean) {
+    const action = condition ? 'disable' : 'enable';
+
+    if (this.ngControl && this.ngControl.control) {
+      const control = this.ngControl.control;
+      control[action]();
+
+      if (action === 'disable' && control.value) {
+        control.patchValue(typeof control.value === 'boolean' ? false : 0);
+      }
+    }
+  }
+
+  constructor(private ngControl: NgControl) {}
+}

projects/steam-generation-assessment-lib/src/app/modules/shared/shared.module.ts

@@ -1,28 +1,27 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { FormsModule, ReactiveFormsModule } from "@angular/forms";
-import { CollapseModule } from "ngx-bootstrap/collapse";
-import { SsButtonComponent } from './components/ss-button/ss-button.component';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { CollapseModule } from 'ngx-bootstrap/collapse';
 import { SgaPanelComponent } from './components/sga-panel/sga-panel.component';
 import { TooltipModule } from 'ngx-bootstrap/tooltip';
 import { ChartBarComponent } from './components/chart-bar/chart-bar.component';
-import { ChartsModule } from "ng2-charts";
+import { ChartsModule } from 'ng2-charts';
 import { BoilerSchemeComponent } from './components/boiler-scheme/boiler-scheme.component';
-import { FormInputComponent } from "./components/form-input/form-input.component";
-import { SizingSharedLibModule } from "sizing-shared-lib";
+import { FormInputComponent } from './components/form-input/form-input.component';
+import { SizingSharedLibModule } from 'sizing-shared-lib';
 import { FormListComponent } from './components/form-list/form-list.component';
 import { FormToggleComponent } from './components/form-toggle/form-toggle.component';
 import { FormRadioComponent } from './components/form-radio/form-radio.component';
 import { SetUnitsDirective } from './directives/set-units.directive';
-import { InputLimitToDirective } from "./directives/limit-length.directive";
+import { InputLimitToDirective } from './directives/limit-length.directive';
 import { FormModalComponent } from './components/form-modal/form-modal.component';
-import { OnlyNumberDirective } from "./directives/only-number.directive";
-import { NoCommaPipe } from "./pipes/no-comma.pipe";
+import { OnlyNumberDirective } from './directives/only-number.directive';
+import { NoCommaPipe } from './pipes/no-comma.pipe';
+import { DisableControlDirective } from './directives/disable-control.directive';
 
 
 @NgModule({
   declarations: [
-    SsButtonComponent,
     SgaPanelComponent,
     ChartBarComponent,
     BoilerSchemeComponent,
@@ -34,7 +33,8 @@ import { NoCommaPipe } from "./pipes/no-comma.pipe";
     InputLimitToDirective,
     FormModalComponent,
     OnlyNumberDirective,
-    NoCommaPipe
+    NoCommaPipe,
+    DisableControlDirective
   ],
   imports: [
     CommonModule,
@@ -45,19 +45,19 @@ import { NoCommaPipe } from "./pipes/no-comma.pipe";
     SizingSharedLibModule.forRoot(),
     ChartsModule
   ],
-	exports: [
-		SsButtonComponent,
-		SgaPanelComponent,
-		ChartBarComponent,
-		BoilerSchemeComponent,
-		FormInputComponent,
-		FormListComponent,
-		FormToggleComponent,
-		FormRadioComponent,
-		SetUnitsDirective,
-		FormModalComponent,
+  exports: [
+    SgaPanelComponent,
+    ChartBarComponent,
+    BoilerSchemeComponent,
+    FormInputComponent,
+    FormListComponent,
+    FormToggleComponent,
+    FormRadioComponent,
+    SetUnitsDirective,
+    FormModalComponent,
     OnlyNumberDirective,
-    NoCommaPipe
-	],
+    NoCommaPipe,
+    DisableControlDirective
+  ],
 })
 export class SharedModule { }

projects/steam-generation-assessment-lib/src/app/sga-benchmark/sga-benchmark.component.html

@@ -1,4 +1,4 @@
-<tabset class="sgaBenchmark" *ngIf="!!data; else noData">
+<tabset class="sgaBenchmark" *ngIf="!!data && !!units; else noData">
   <tab>
     <h5 class="sgaBaseTabs_title_md">{{'BENCHMARK' | translate}}</h5>
     <ng-template tabHeading>