From 72177644ad9a2b488711c3fd08fe56495fbf941c Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Wed, 11 Apr 2018 16:23:05 -0400
Subject: [PATCH] delete item button

---
 src/popup/scss/misc.scss                |  4 ++++
 src/popup/vault/add-edit.component.html | 14 ++++++++++++++
 src/popup/vault/add-edit.component.ts   |  5 +++++
 3 files changed, 23 insertions(+)

diff --git a/src/popup/scss/misc.scss b/src/popup/scss/misc.scss
index 31ebe2ada3..a28234123f 100644
--- a/src/popup/scss/misc.scss
+++ b/src/popup/scss/misc.scss
@@ -8,6 +8,10 @@ small {
     color: $brand-primary !important;
 }
 
+.text-danger {
+    color: $brand-danger !important;
+}
+
 .text-success {
     color: $brand-success !important;
 }
diff --git a/src/popup/vault/add-edit.component.html b/src/popup/vault/add-edit.component.html
index 0f390d0f24..38684545bd 100644
--- a/src/popup/vault/add-edit.component.html
+++ b/src/popup/vault/add-edit.component.html
@@ -300,5 +300,19 @@
                 </div>
             </div>
         </div>
+        <div class="box list" *ngIf="editMode">
+            <div class="box-content single-line">
+                <a class="box-content-row" href="#" appStopClick appBlurClick
+                   (click)="delete()" [appApiAction]="deletePromise" #deleteBtn>
+                    <div class="row-main">
+                        <div class="icon text-danger">
+                            <i class="fa fa-trash-o fa-lg fa-fw" [hidden]="deleteBtn.loading"></i>
+                            <i class="fa fa-spinner fa-spin fa-lg fa-fw" [hidden]="!deleteBtn.loading"></i>
+                        </div>
+                        <span class="text text-danger">{{'deleteItem' | i18n}}</span>
+                    </div>
+                </a>
+            </div>
+        </div>
     </content>
 </form>
diff --git a/src/popup/vault/add-edit.component.ts b/src/popup/vault/add-edit.component.ts
index a3f5d6aa8d..d72e0c8375 100644
--- a/src/popup/vault/add-edit.component.ts
+++ b/src/popup/vault/add-edit.component.ts
@@ -100,4 +100,9 @@ export class AddEditComponent extends BaseAddEditComponent implements OnInit {
         }
         return confirmed;
     }
+
+    async delete() {
+        await super.delete();
+        this.router.navigate(['/tabs/vault']);
+    }
 }