Add select all and clear all links to Results Table Columns dialog

Author: bw2

index.html

@@ -1575,8 +1575,12 @@
 <!-- modal dialog for selecting results table columns -->
 <div class="ui modal" id="results-table-column-settings-dialog">
     <i class="close icon"></i>
-    <div class="header">
+    <div class="header" style="display: flex; justify-content: space-between; align-items: center;">
         Results Table Columns
+        <span style="font-size: 14px; font-weight: normal;">
+            <a href="#" id="results-columns-clear-all" class="action-link" style="margin-right: 15px;">clear all</a>
+            <a href="#" id="results-columns-select-all" class="action-link">select all</a>
+        </span>
     </div>
     <div class="content">
         <div class="ui form">
@@ -2920,6 +2924,16 @@
             $('.question').popup({ on: 'click' })
         })
 
+        $('#results-columns-select-all').click((e) => {
+            e.preventDefault()
+            $('.results-table-column-settings-checkboxes .ui.checkbox').checkbox('check')
+        })
+
+        $('#results-columns-clear-all').click((e) => {
+            e.preventDefault()
+            $('.results-table-column-settings-checkboxes .ui.checkbox').checkbox('uncheck')
+        })
+
         // handle Apply button click in column settings dialog
         $('#results-table-column-settings-apply-button').click(() => {
             const selectedColumns = []

website/index_page_template.html

@@ -7,8 +7,12 @@
 <!-- modal dialog for selecting results table columns -->
 <div class="ui modal" id="results-table-column-settings-dialog">
     <i class="close icon"></i>
-    <div class="header">
+    <div class="header" style="display: flex; justify-content: space-between; align-items: center;">
         Results Table Columns
+        <span style="font-size: 14px; font-weight: normal;">
+            <a href="#" id="results-columns-clear-all" class="action-link" style="margin-right: 15px;">clear all</a>
+            <a href="#" id="results-columns-select-all" class="action-link">select all</a>
+        </span>
     </div>
     <div class="content">
         <div class="ui form">
@@ -1323,6 +1327,16 @@
             $('.question').popup({ on: 'click' })
         })
 
+        $('#results-columns-select-all').click((e) => {
+            e.preventDefault()
+            $('.results-table-column-settings-checkboxes .ui.checkbox').checkbox('check')
+        })
+
+        $('#results-columns-clear-all').click((e) => {
+            e.preventDefault()
+            $('.results-table-column-settings-checkboxes .ui.checkbox').checkbox('uncheck')
+        })
+
         // handle Apply button click in column settings dialog
         $('#results-table-column-settings-apply-button').click(() => {
             const selectedColumns = []