Add window confirm for archive task close #1551 #1578

Author: snewcomer

app/components/task/archive-task.js

@@ -1,11 +1,20 @@
 import Component from '@ember/component';
 import { alias } from '@ember/object/computed';
+import { get } from '@ember/object';
 import EmberCan from 'ember-can';
 
 export default Component.extend({
   classNames: ['archive-task'],
 
   // auto-assigns 'task' property from component as ability 'model'
   ability: EmberCan.computed.ability('task'),
-  canArchive: alias('ability.canArchive')
+  canArchive: alias('ability.canArchive'),
+
+  actions: {
+    archiveTask() {
+      if (window.confirm(`Are you sure you want to archive this task? Archiving this task will remove it from your ${get(this, 'task.taskList.title')} task list.`)) {
+        get(this, 'archiveTask')();
+      }
+    }
+  }
 });

app/templates/components/task/archive-task.hbs

@@ -1,5 +1,5 @@
 {{#if task.archived}}
   <span class="task-sidebar-action">{{fa-icon "archive"}} Archived</span>
 {{else if canArchive}}
-  <a class="task-sidebar-action" {{action (action archiveTask)}}>{{fa-icon "archive"}} Archive</a>
+  <a class="task-sidebar-action" {{action (action "archiveTask")}}>{{fa-icon "archive"}} Archive</a>
 {{/if}}

tests/integration/components/task/archive-task-test.js

@@ -3,6 +3,7 @@ import hbs from 'htmlbars-inline-precompile';
 import PageObject from 'ember-cli-page-object';
 import component from 'code-corps-ember/tests/pages/components/task/archive-task';
 import { Ability } from 'ember-can';
+import sinon from 'sinon';
 
 let page = PageObject.create(component);
 
@@ -26,7 +27,12 @@ moduleForComponent('task/archive-task', 'Integration | Component | task/archive
 });
 
 test('can archive if user has ability', function(assert) {
-  assert.expect(1);
+  assert.expect(2);
+
+  let stub = sinon.stub(window, 'confirm').callsFake(() => {
+    assert.ok(true, 'Confirmation prompt was called.');
+    return true;
+  });
 
   let task = { archived: false };
   this.set('task', task);
@@ -39,6 +45,8 @@ test('can archive if user has ability', function(assert) {
   renderPage();
 
   page.archiveLink.click();
+
+  stub.restore();
 });
 
 test('cannot archive if user does not have ability', function(assert) {