ENH: Add collection delete (#69)

Fixes #37

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')();
+    },
+  },
+});

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');
+      });
+    },
   },
 });

app/templates/collections/detail/index.hbs

@@ -2,4 +2,5 @@
   collection/detail-container
   model=model
   editCollection=(action 'editCollection')
+  deleteCollection=(action 'deleteCollection')
 }}

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">

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}}