Added total price calculator

src/app/formulaManager/formulaManager.component.html

@@ -57,7 +57,7 @@
                         </td>
                         <td style="width: 10%">
                             <mat-form-field>
-                                <input matInput placeholder="Cost" [value]="cost() | currency" [readonly]="true">
+                                <input matInput placeholder="Total Cost" [value]="cost() | currency" [readonly]="true">
                             </mat-form-field>
                         </td>
                     </tr>

src/app/formulaManager/formulaManager.component.ts

@@ -49,12 +49,13 @@ export class FormulaManagerComponent {
   }
 
   cost() {
-    console.log(
-      this.componentCosts.reduce((acc, row) => {
-        //acc + Number(new RegExp(/\$(\d+\.\d+)/).exec(row.nativeElement.innerHtml)[1])
-        return acc;
-      }, 0)
+    if (!this.formula || this.formula.components.filter(row => typeof row.component.get == 'function').length > 0)
+      return 0;
+    let cost = 0;
+    this.formula.components.forEach(
+      row => (cost += (((row.quantity / this.formula.total) * this._newTotal) / 1000) * row.component.cost)
     );
+    return cost;
   }
 
   prompt() {