Merge pull request #447 from y-guyon/expandall

Add ExpandAll and CollapseAll buttons

Author: rbouqueau

test/filereader.html

@@ -126,6 +126,13 @@
 			margin: 0;
 		}
 
+		#expandall, #collapseall {
+			margin: 0 0 0 2px;
+			padding: 0 2px;
+			font-size: 8px;
+			writing-mode: vertical-rl;
+			vertical-align: middle;
+		}
 		</style>
 		<link rel="stylesheet" href="style.css" />
     </head>
@@ -165,7 +172,10 @@ <h3>MP4Box.js / ISOBMFF Box Structure Viewer (see <a href="../#demos">other demo
 					<table>
 						<thead>
 							<tr>
-								<th>Box Tree View</th>
+								<th>Box Tree View
+									<button id="expandall" title="Expand all">&#9650;&#9660;</button>
+									<button id="collapseall" title="Collapse all">&#9660;&#9650;</button>
+								</th>
 								<th>Box Property View</th>
 							</tr>
 						</thead>

test/filereader.js

@@ -453,13 +453,28 @@ function buildEntityGroupTable(entity_groups) {
 	$("#entitygroupview").html(html);
 }
 
-
 window.onload = function () {
 
 	createLoadBar($('#menubar'), "File", "file", file, finalizeAnalyzerUI);
 
 	createFancyTree($('#boxtree'), file);
 
+	$("#expandall").on("click", function() {
+		// Same as fancytree.expandAll() which is unavailable in lib/fancytree.
+		file.fancytree.visit(function (node) {
+			if (node.hasChildren() !== false && !node.isExpanded()) {
+				node.setExpanded(true, []);
+			}
+		});
+	});
+	$("#collapseall").on("click", function() {
+		file.fancytree.visit(function (node) {
+			if (node.hasChildren() !== false && node.isExpanded()) {
+				node.setExpanded(false, []);
+			}
+		});
+	});
+
 	$("#resulttabs").tabs();
 	$("#boxview").tabs();
 	$("#sampleviewselector").selectmenu({