From 61a5026dd23b01b1a066f97f2c521ef8e21cdc33 Mon Sep 17 00:00:00 2001
From: ztimson <zaktimson@gmail.com>
Date: Wed, 6 Feb 2019 21:53:35 -0500
Subject: [PATCH] Prevent accidental overwrite

---
 .../formulaManager/newFormula/newFormula.component.html    | 7 ++++---
 src/app/formulaManager/newFormula/newFormula.component.ts  | 7 +++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/app/formulaManager/newFormula/newFormula.component.html b/src/app/formulaManager/newFormula/newFormula.component.html
index f684bfc..e7ac9fc 100644
--- a/src/app/formulaManager/newFormula/newFormula.component.html
+++ b/src/app/formulaManager/newFormula/newFormula.component.html
@@ -1,7 +1,8 @@
 <mat-dialog-content>
     <div class="mb-5">
         <mat-form-field class="d-inline">
-            <input matInput placeholder="Formula Name" name="name" [(ngModel)]="name">
+            <input matInput placeholder="Formula Name" name="name" [(ngModel)]="name" (keyup)="checkExists($event.target.value)">
+            <mat-hint *ngIf="exists" class="text-danger">This formula already exists</mat-hint>
         </mat-form-field>
         <div class="text-right">
             <mat-checkbox [(ngModel)]="approved">Approved</mat-checkbox>
@@ -38,13 +39,13 @@
             <div class="px-2">{{c.quantity | convertFromG: unit}} {{unit}}</div>
         </div>
     </div>
-    <div class="text-right m-2">
+    <div class="text-right m-2 mb-5">
         <strong>Total Yield: </strong>{{total() | convertFromG: unit}} {{unit}}
     </div>
 </mat-dialog-content>
 <mat-divider></mat-divider>
 <mat-dialog-actions class="justify-content-end">
-    <button mat-button type="submit" form="createForm" (click)="submit()" [disabled]="components.length < 1 || !name">
+    <button mat-button type="submit" form="createForm" (click)="submit()" [disabled]="components.length < 1 || !name || exists">
         <span *ngIf="data">Update</span>
         <span *ngIf="!data">Create</span>
     </button>
diff --git a/src/app/formulaManager/newFormula/newFormula.component.ts b/src/app/formulaManager/newFormula/newFormula.component.ts
index fedf00e..36bae96 100644
--- a/src/app/formulaManager/newFormula/newFormula.component.ts
+++ b/src/app/formulaManager/newFormula/newFormula.component.ts
@@ -16,6 +16,7 @@ export class NewFormulaComponent {
 	component: string;
 	components: { component: Component; quantity: number }[] = [];
 	componentsList = [];
+	exists: boolean = false;
 	@LocalStorage({ defaultValue: 'kg', fieldName: 'newFormulaUnit' })
 	unit;
 
@@ -42,6 +43,12 @@ export class NewFormulaComponent {
 	    this.amount = null;
 	}
 
+	checkExists(name) {
+		this.store.formulas.subscribe(formulas => {
+			this.exists = !!formulas.find(f => f.id == name)
+		});
+	}
+
 	remove(i) {
 		this.components.splice(i, 1);
 	}