From 6f01fbf00f6b05eb6b6dbff1adb4d56c2e51c589 Mon Sep 17 00:00:00 2001
From: Matthew Dillon <matthewrdillon@gmail.com>
Date: Thu, 8 Feb 2018 08:08:03 -0700
Subject: [PATCH] ENH: Add collection delete (#69)

Fixes #37
---
 app/components/confirm-button.js              | 23 +++++++++++++++++++
 app/controllers/collections/detail/index.js   |  5 ++++
 app/templates/collections/detail/index.hbs    |  1 +
 .../collection/detail-container.hbs           |  7 ++++++
 app/templates/components/confirm-button.hbs   |  6 +++++
 5 files changed, 42 insertions(+)
 create mode 100644 app/components/confirm-button.js
 create mode 100644 app/templates/components/confirm-button.hbs

diff --git a/app/components/confirm-button.js b/app/components/confirm-button.js
new file mode 100644
index 0000000..89e921a
--- /dev/null
+++ b/app/components/confirm-button.js
@@ -0,0 +1,23 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+  tagName: 'span',
+  showConfirm: false,
+  initialLabel: 'LABEL',
+  confirmLabel: 'CONFIRM LABEL',
+  cancelLabel: 'Cancel',
+
+  actions: {
+    initial() {
+      this.set('showConfirm', true);
+    },
+
+    cancel() {
+      this.set('showConfirm', false);
+    },
+
+    confirm() {
+      this.get('onClick')();
+    },
+  },
+});
diff --git a/app/controllers/collections/detail/index.js b/app/controllers/collections/detail/index.js
index c05e4d6..e0bc42c 100644
--- a/app/controllers/collections/detail/index.js
+++ b/app/controllers/collections/detail/index.js
@@ -5,5 +5,10 @@ export default Controller.extend({
     editCollection() {
       this.transitionToRoute('collections.detail.edit', this.get('model'));
     },
+    deleteCollection() {
+      this.get('model')[0].destroyRecord().then(() => {
+        this.transitionToRoute('collections');
+      });
+    },
   },
 });
diff --git a/app/templates/collections/detail/index.hbs b/app/templates/collections/detail/index.hbs
index ba72a06..1ee6293 100644
--- a/app/templates/collections/detail/index.hbs
+++ b/app/templates/collections/detail/index.hbs
@@ -2,4 +2,5 @@
   collection/detail-container
   model=model
   editCollection=(action 'editCollection')
+  deleteCollection=(action 'deleteCollection')
 }}
diff --git a/app/templates/components/collection/detail-container.hbs b/app/templates/components/collection/detail-container.hbs
index 7580a46..ca1e5fb 100644
--- a/app/templates/components/collection/detail-container.hbs
+++ b/app/templates/components/collection/detail-container.hbs
@@ -5,6 +5,13 @@
   onClick=(action editCollection)
 }}
 
+{{
+  confirm-button
+  initialLabel='Delete Collection'
+  confirmLabel='Yes, Delete Collection'
+  onClick=(action deleteCollection)
+}}
+
 <h3>Main Detail</h3>
 <div class="row">
   <div class="col-md-12">
diff --git a/app/templates/components/confirm-button.hbs b/app/templates/components/confirm-button.hbs
new file mode 100644
index 0000000..e9cd075
--- /dev/null
+++ b/app/templates/components/confirm-button.hbs
@@ -0,0 +1,6 @@
+{{#if showConfirm}}
+  {{action-button isDanger=true label=cancelLabel onClick=(action 'cancel')}}
+  {{action-button isSuccess=true label=confirmLabel onClick=(action 'confirm')}}
+{{else}}
+  {{action-button isDanger=true label=initialLabel onClick=(action 'initial')}}
+{{/if}}