1 files changed, 50 insertions, 0 deletions
diff --git a/src/angular/checklist/checklist.component.ts b/src/angular/checklist/checklist.component.ts
new file mode 100644
index 0000000..386cd3e
--- /dev/null
+++ b/src/angular/checklist/checklist.component.ts
@@ -0,0 +1,50 @@
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { ChecklistModel } from "./models/Checklist";
+import { ChecklistItemModel } from "./models/ChecklistItem";
+import template from "./checklist.component.html";
+
+@Component({
+    selector: 'sdc-checklist',
+    template: template
+})
+export class ChecklistComponent  {
+    @Input() public checklistModel: ChecklistModel;
+    @Output() public checkedChange: EventEmitter<ChecklistItemModel> = new EventEmitter<ChecklistItemModel>();
+
+    private checkboxCheckedChange(checkbox: ChecklistItemModel, currentChecklistModel: ChecklistModel, stopPropagation?: boolean) {
+        // push/pop the checkbox value
+        if (checkbox.isChecked) {
+            currentChecklistModel.selectedValues.push(checkbox.value);
+        }else {
+            const index: number = currentChecklistModel.selectedValues.indexOf(checkbox.value);
+            currentChecklistModel.selectedValues.splice(index, 1);
+        }
+        if (!stopPropagation) {
+            if (checkbox.subLevelChecklist &&
+                ((checkbox.isChecked && checkbox.subLevelChecklist.selectedValues.length < checkbox.subLevelChecklist.checkboxes.length) ||
+                (!checkbox.isChecked && checkbox.subLevelChecklist.selectedValues.length))) {
+                checkbox.subLevelChecklist.checkboxes.forEach((childCheckbox: ChecklistItemModel) => {
+                    if (childCheckbox.isChecked !== checkbox.isChecked) {
+                        childCheckbox.isChecked = checkbox.isChecked;
+                        this.checkboxCheckedChange(childCheckbox, checkbox.subLevelChecklist);
+                    }
+                });
+            }
+        }
+        // raise event
+        this.checkedChange.emit(checkbox);
+    }
+
+    private childCheckboxChange(updatedCheckbox: ChecklistItemModel, parentCheckbox: ChecklistItemModel) {
+        let updatedValues: any[] = parentCheckbox.subLevelChecklist.selectedValues;
+        if (parentCheckbox.isChecked !== (updatedValues.length === parentCheckbox.subLevelChecklist.checkboxes.length)) {
+            parentCheckbox.isChecked = updatedValues.length === parentCheckbox.subLevelChecklist.checkboxes.length;
+            this.checkboxCheckedChange(parentCheckbox, this.checklistModel, true);
+        }
+        this.checkedChange.emit(updatedCheckbox);
+    }
+
+    private hasCheckedChild(currentCheckbox: Element): boolean {
+        return !!currentCheckbox.querySelector(".sdc-checkbox__input:checked");
+    }
+}