browser: treeview: handle checkbox/radio events

Change-Id: Ib4c5c2770cbbdb9f56d5219599142893ed0c05c9
Signed-off-by: Henry Castro <[email protected]>

Author: hcvcastro

browser/src/control/jsdialog/Widget.TreeView.ts

@@ -166,39 +166,6 @@ class TreeViewControl {
 		return false;
 	}
 
-	changeCheckboxStateOnClick(
-		checkbox: any,
-		treeViewData: TreeWidget,
-		builder: any,
-		entry: TreeEntryJSON,
-	) {
-		if (checkbox.checked) {
-			if (typeof checkbox._state !== 'undefined') {
-				checkbox.checked = checkbox._state = true;
-			}
-
-			builder.callback(
-				'treeview',
-				'change',
-				treeViewData,
-				{ row: entry.row, value: true },
-				builder,
-			);
-		} else {
-			if (typeof checkbox._state !== 'undefined') {
-				checkbox.checked = checkbox._state = false;
-			}
-
-			builder.callback(
-				'treeview',
-				'change',
-				treeViewData,
-				{ row: entry.row, value: false },
-				builder,
-			);
-		}
-	}
-
 	createCheckbox(
 		parent: HTMLElement,
 		treeViewData: TreeWidgetJSON,
@@ -261,20 +228,10 @@ class TreeViewControl {
 			);
 		}
 		selectionElement._state = entry.state;
+		selectionElement._row = entry.row;
 
 		if (entry.enabled === false) selectionElement.disabled = true;
 
-		if (treeViewData.enabled !== false) {
-			selectionElement.addEventListener('change', () => {
-				this.changeCheckboxStateOnClick(
-					selectionElement,
-					treeViewData,
-					builder,
-					entry,
-				);
-			});
-		}
-
 		return selectionElement;
 	}
 
@@ -805,8 +762,8 @@ class TreeViewControl {
 				});
 
 			this.selectEntry(parentContainer, checkbox);
-			if (checkbox)
-				this.changeCheckboxStateOnClick(checkbox, treeViewData, builder, entry);
+			/*if (checkbox)
+				this.changeCheckboxStateOnClick(checkbox, treeViewData, builder, entry);*/
 
 			if (select)
 				builder.callback(
@@ -1252,6 +1209,39 @@ class TreeViewControl {
 			return;
 		}
 
+		let target = e.target;
+		if (target.localName === 'input') {
+			TreeViewControl.onCheckBoxClick(treeview, target);
+			return;
+		}
+	}
+
+	static onCheckBoxClick(treeview: any, checkbox: any) {
+		if (checkbox.checked) {
+			if (typeof checkbox._state !== 'undefined') {
+				checkbox.checked = checkbox._state = true;
+			}
+
+			treeview._builder.callback(
+				'treeview',
+				'change',
+				treeview._data,
+				{ row: checkbox._row, value: true },
+				treeview._builder,
+			);
+		} else {
+			if (typeof checkbox._state !== 'undefined') {
+				checkbox.checked = checkbox._state = false;
+			}
+
+			treeview._builder.callback(
+				'treeview',
+				'change',
+				treeview._data,
+				{ row: checkbox._row, value: false },
+				treeview._builder,
+			);
+		}
 	}
 }