Add "Expand All" and "Collapse All" buttons. (mozilla#356, part 3)

index.html

@@ -62,6 +62,12 @@ <h1><img src="asset/Mozilla.svg" style="height: 1.04em; vertical-align: -0.23em;
 
       <div class="col-sm-1"></div>
       <div class="col-sm-10">
+
+        <div>
+          <a class="btn btn-primary" href="javascript:open_all()">Expand All</a>
+          <a class="btn btn-primary" href="javascript:close_all()">Collapse All</a>
+        </div>
+
         <table id="mozPositions" class="table table-hover dataTable">
           <thead>
             <tr>
@@ -260,6 +266,12 @@ <h3>legend</h3>
           }
         }
 
+        window.open_all = function() {
+          ptable.rows().every( function(rowIndex, tableLoop, rowLoop) {
+            open_row(rowIndex);
+          });
+        }
+
         window.open_row = function(row_selector) {
           var row = ptable.row(row_selector);
           var data = row.data();
@@ -274,6 +286,12 @@ <h3>legend</h3>
           }
         }
 
+        window.close_all = function() {
+          ptable.rows().every( function(rowIndex, tableLoop, rowLoop) {
+            close_row(rowIndex);
+          });
+        }
+
         window.close_row = function(row_selector) {
           var row = ptable.row(row_selector);
           var data = row.data();