diff --git a/app/components/single-task.hbs b/app/components/single-task.hbs index d644ec8..d208195 100644 --- a/app/components/single-task.hbs +++ b/app/components/single-task.hbs @@ -5,12 +5,8 @@
- Pin - {{#if this.task.isComplete}} - Undo - {{else}} - Done - {{/if}} + Pin +
diff --git a/app/components/task-list.hbs b/app/components/task-list.hbs index 41b6c7c..0e25227 100644 --- a/app/components/task-list.hbs +++ b/app/components/task-list.hbs @@ -1,7 +1,7 @@
\ No newline at end of file diff --git a/app/components/toggle-complete.hbs b/app/components/toggle-complete.hbs new file mode 100644 index 0000000..a5e6f01 --- /dev/null +++ b/app/components/toggle-complete.hbs @@ -0,0 +1,5 @@ + + {{if this.task.isComplete "Undo" "Done"}} + \ No newline at end of file diff --git a/app/components/toggle-complete.js b/app/components/toggle-complete.js new file mode 100644 index 0000000..7569fb3 --- /dev/null +++ b/app/components/toggle-complete.js @@ -0,0 +1,7 @@ +import Component from '@ember/component'; +import { tagName } from '@ember-decorators/component'; + +export default +@tagName('') +class ToggleCompleteComponent extends Component { +} diff --git a/app/controllers/index.js b/app/controllers/index.js index 78d8779..97141b7 100644 --- a/app/controllers/index.js +++ b/app/controllers/index.js @@ -1,4 +1,17 @@ import Controller from '@ember/controller'; +import { action } from '@ember/object'; +import { tracked } from '@glimmer/tracking'; export default class IndexController extends Controller { + @tracked pinnedTask; + + get completedTasks() { + return this.model.filter(task => task.get('isComplete')).length; + } + + // A function that takes task to be pinned + @action + pinTask(task) { + this.pinnedTask = task.toJSON(); + } } diff --git a/app/templates/index.hbs b/app/templates/index.hbs index 13a70b0..3e8448f 100644 --- a/app/templates/index.hbs +++ b/app/templates/index.hbs @@ -8,7 +8,7 @@
- Unpin + Unpin {{#if this.pinnedTask.isComplete}} Undo {{else}} @@ -25,7 +25,7 @@ No Pinned Tasks {{/if}}

Other Tasks

- +