| import { Component<% if(!!viewEncapsulation) { %>, ViewEncapsulation<% }%><% if(changeDetection !== 'Default') { %>, ChangeDetectionStrategy<% }%> } from '@angular/core'; |
| import { CdkDragDrop, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop'; |
| |
| @Component({ |
| selector: '<%= selector %>',<% if(inlineTemplate) { %> |
| template: ` |
| <%= indentTextContent(resolvedFiles.template, 4) %> |
| `,<% } else { %> |
| templateUrl: './<%= dasherize(name) %>.component.html',<% } if(inlineStyle) { %> |
| styles: [` |
| <%= indentTextContent(resolvedFiles.stylesheet, 4) %> |
| `],<% } else { %> |
| styleUrls: ['./<%= dasherize(name) %>.component.<%= style %>'],<% } %><% if(!!viewEncapsulation) { %> |
| encapsulation: ViewEncapsulation.<%= viewEncapsulation %>,<% } if (changeDetection !== 'Default') { %> |
| changeDetection: ChangeDetectionStrategy.<%= changeDetection %>,<% } %> |
| }) |
| export class <%= classify(name) %>Component { |
| todo = [ |
| 'Get to work', |
| 'Pick up groceries', |
| 'Go home', |
| 'Fall asleep' |
| ]; |
| |
| done = [ |
| 'Get up', |
| 'Brush teeth', |
| 'Take a shower', |
| 'Check e-mail', |
| 'Walk dog' |
| ]; |
| |
| drop(event: CdkDragDrop<string[]>) { |
| if (event.previousContainer === event.container) { |
| moveItemInArray(event.container.data, event.previousIndex, event.currentIndex); |
| } else { |
| transferArrayItem(event.previousContainer.data, |
| event.container.data, |
| event.previousIndex, |
| event.currentIndex); |
| } |
| } |
| } |