aboutsummaryrefslogtreecommitdiff
path: root/wqflask
diff options
context:
space:
mode:
authorzsloan2022-01-19 20:47:51 +0000
committerzsloan2022-01-27 13:45:09 -0600
commit07412521f896a609ae0011bc0a5ac0adf252b637 (patch)
tree5b066a18fe64a48c3abcbd93e3f3bcbca734f181 /wqflask
parent8f6248c71d04bf111d1cc38a398ea331f48d4fae (diff)
downloadgenenetwork2-07412521f896a609ae0011bc0a5ac0adf252b637.tar.gz
Replaced the Select Top feature with one that functions more like the Block By Index feature from the trait page; you can now use text indicating index ranges or specific indices, and the filter triggers on either hitting Enter or clicking outside of the text area
Diffstat (limited to 'wqflask')
-rw-r--r--wqflask/wqflask/static/new/javascript/search_results.js74
-rw-r--r--wqflask/wqflask/templates/search_result_page.html2
2 files changed, 43 insertions, 33 deletions
diff --git a/wqflask/wqflask/static/new/javascript/search_results.js b/wqflask/wqflask/static/new/javascript/search_results.js
index 9e507123..355fd18e 100644
--- a/wqflask/wqflask/static/new/javascript/search_results.js
+++ b/wqflask/wqflask/static/new/javascript/search_results.js
@@ -93,41 +93,51 @@ $(function() {
$('#trait_table').DataTable().search($(this).val()).draw();
});
- $('#select_top').keyup(function(){
- num_rows = $(this).val()
-
- if (num_rows = parseInt(num_rows)){
- table_api = $('#trait_table').DataTable();
-
- check_cells = table_api.column(0).nodes().to$();
- for (let i = 0; i < num_rows; i++) {
- check_cells[i].childNodes[0].checked = true;
- }
-
- check_rows = table_api.rows().nodes();
- for (let i=0; i < num_rows; i++) {
- if (check_rows[i].classList.contains("selected")){
- continue
- } else {
- check_rows[i].classList.add("selected")
- }
- }
- for (let i = num_rows; i < check_rows.length; i++){
- check_cells[i].childNodes[0].checked = false;
- if (check_rows[i].classList.contains("selected")){
- check_rows[i].classList.remove("selected")
- }
- }
- }
- else {
- for (let i = 0; i < check_rows.length; i++){
- check_cells[i].childNodes[0].checked = false;
- if (check_rows[i].classList.contains("selected")){
- check_rows[i].classList.remove("selected")
+ parse_index_string = function(idx_string) {
+ index_list = [];
+ _ref = idx_string.split(",");
+ for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+ index_set = _ref[_i];
+ if (index_set.indexOf('-') !== -1) {
+ try {
+ start_index = parseInt(index_set.split("-")[0]);
+ end_index = parseInt(index_set.split("-")[1]);
+ for (index = _j = start_index; start_index <= end_index ? _j <= end_index : _j >= end_index; index = start_index <= end_index ? ++_j : --_j) {
+ index_list.push(index);
}
+ } catch (_error) {
+ error = _error;
+ alert("Syntax error");
}
+ } else {
+ index = parseInt(index_set);
+ index_list.push(index);
+ }
+ }
+ return new Set(index_list)
+ }
+
+ filter_by_index = function() {
+ index_string = $('#select_top').val()
+ index_set = parse_index_string(index_string)
+
+ table_api = $('#trait_table').DataTable();
+ check_nodes = table_api.column(0).nodes().to$();
+ check_nodes.each(function(index) {
+ if (index_set.has(index + 1)){
+ $(this)[0].childNodes[0].checked = true
}
- change_buttons();
+ })
+ }
+
+ $('#select_top').keyup(function(event){
+ if (event.keyCode === 13) {
+ filter_by_index()
+ }
+ });
+
+ $('#select_top').blur(function() {
+ filter_by_index()
});
add_to_collection = function() {
diff --git a/wqflask/wqflask/templates/search_result_page.html b/wqflask/wqflask/templates/search_result_page.html
index a7d72807..fb335fd3 100644
--- a/wqflask/wqflask/templates/search_result_page.html
+++ b/wqflask/wqflask/templates/search_result_page.html
@@ -97,7 +97,7 @@
<input type="text" id="searchbox" class="form-control" style="width: 200px; display: inline;" placeholder="Search This Table For ...">
<button class="btn btn-success" id="add" type="button" disabled><span class="glyphicon glyphicon-plus-sign"></span> Add</button>
<button class="btn btn-default" id="select_all" type="button"><span class="glyphicon glyphicon-ok"></span> Select All</button>
- <input type="text" id="select_top" class="form-control" style="width: 200px; display: inline;" placeholder="Select Top ...">
+ <input type="text" id="select_top" class="form-control" style="width: 200px; display: inline;" placeholder="Select Rows (1-5, 11)">
<button class="btn btn-default" id="export_traits"><span class="glyphicon glyphicon-download"></span> Download</button>
<button class="btn btn-default" id="invert" type="button"><span class="glyphicon glyphicon-adjust"></span> Invert</button>
<button class="btn btn-default" id="deselect_all" type="button"><span class="glyphicon glyphicon-remove"></span> Deselect</button>