Changeset 33109 for main/trunk

Timestamp:

2019-05-24T23:56:45+12:00 (5 years ago)

Author:

ak19

Message:

Added a toggling Select All checkbox and tested it works in conjuction with Delete All and Delete Selected (the latter after deselected some of the items after Select All).

Location:

main/trunk/greenstone3/web/interfaces/default

Files:

• js/berrybasket/berrycheckout.js (modified) (2 diffs)
• transform/pages/berry.xsl (modified) (1 diff)

main/trunk/greenstone3/web/interfaces/default/js/berrybasket/berrycheckout.js

@@ -19 +19 @@
 var options = ['fullview', 'textview', 'email'];
 
+function toggleSelectAll(selAllCheckbox) {
+    // https://stackoverflow.com/questions/386281/how-to-implement-select-all-check-box-in-html
+    var allBerriesCheckboxList = document.getElementsByName('select-berry-checkbox');
+    for (var i = 0; i < allBerriesCheckboxList.length; i++) {
+    // if the selectAllCheckbox is checked, then all the berries' checkboxes will get checked
+    // And vice-versa.
+    allBerriesCheckboxList[i].checked = selAllCheckbox.checked;
+    }
+}
+
 function deleteSelected() {
     
     if(docList.length == 0) return; // no berries on page, nothing to delete
 
-    // https://stackoverflow.com/questions/386281/how-to-implement-select-all-check-box-in-html
     // https://stackoverflow.com/questions/590018/getting-all-selected-checkboxes-in-an-array
     // https://www.w3schools.com/jsref/met_document_queryselectorall.asp
@@ -145 +154 @@
     }
 
-    // Ensure the delete-all and delete-selected checkboxes are deselected
-    YAHOO.util.Dom.get('delall-checkbox').checked = false; 
-    YAHOO.util.Dom.get('delselected-checkbox').checked = false; 
+    // Ensure the select-all, delete-all and delete-selected checkboxes are deselected
+    YAHOO.util.Dom.get('select-all-checkbox').checked = false; 
+    YAHOO.util.Dom.get('delete-selected-checkbox').checked = false;
+    YAHOO.util.Dom.get('delete-all-checkbox').checked = false; 
     }
 

main/trunk/greenstone3/web/interfaces/default/transform/pages/berry.xsl

@@ -51 +51 @@
             <div class="clear"><xsl:text> </xsl:text></div>
         </table>
-        <input type="checkbox" name="delsel-checkbox" id="delselected-checkbox" value="delete-all" onclick="deleteSelected()">Delete Selected</input>
-        <input type="checkbox" name="delall-checkbox" id="delall-checkbox" value="delete-all" onclick="deleteAll()">Delete All</input>
+        <input type="checkbox" name="selall-checkbox" id="select-all-checkbox" value="select-all" onclick="toggleSelectAll(this)">Select All</input>
+        <input type="checkbox" name="delsel-checkbox" id="delete-selected-checkbox" value="delete-all" onclick="deleteSelected()">Delete Selected</input>
+        <input type="checkbox" name="delall-checkbox" id="delete-all-checkbox" value="delete-all" onclick="deleteAll()">Delete All</input>
         <div id="berryBasketContent"><span><xsl:text> </xsl:text></span></div>