Add Removal All button that removes all currently added covariates

2 files changed, 9 insertions, 0 deletions

diff --git a/wqflask/wqflask/static/new/javascript/show_trait.js b/wqflask/wqflask/static/new/javascript/show_trait.js
index bacafca6..81c52ff6 100644
--- a/wqflask/wqflask/static/new/javascript/show_trait.js
+++ b/wqflask/wqflask/static/new/javascript/show_trait.js
@@ -138,6 +138,13 @@ $(".remove_covariates").click(function () {
   $("input[name=covariates]").val(covariates_list.join(","))
 });
 
+$(".remove_all_covariates").click(function() {
+  $(".selected-covariates option").each(function() {
+    $(this).remove();
+  });
+  $("input[name=covariates]").val("");
+})
+
 open_trait_selection = function() {
   return $('#collections_holder').load('/collections/list?color_by_trait #collections_list', (function(_this) {
     return function() {
diff --git a/wqflask/wqflask/templates/show_trait_mapping_tools.html b/wqflask/wqflask/templates/show_trait_mapping_tools.html
index 3f0557aa..cc472914 100755
--- a/wqflask/wqflask/templates/show_trait_mapping_tools.html
+++ b/wqflask/wqflask/templates/show_trait_mapping_tools.html
@@ -76,6 +76,7 @@
                               <div class="select-covar-div">
                                 <button type="button" class="btn btn-default select-covar-button select_covariates">Select</button>
                                 <button type="button" class="btn btn-default select-covar-button remove_covariates">Remove</button>
+                                <button type="button" class="btn btn-default select-covar-button remove_all_covariates" style="width: 95px;">Remove All</button>
                               </div>
                               <select size="2" name="selected_covariates_gemma" class="form-control selected-covariates" multiple>
                                   <option value="">No covariates selected</option>
@@ -321,6 +322,7 @@
                             <div class="select-covar-div">
                               <button type="button" class="btn btn-default select-covar-button select_covariates">Select</button>
                               <button type="button" class="btn btn-default select-covar-button remove_covariates">Remove</button>
+                              <button type="button" class="btn btn-default select-covar-button remove_all_covariates" style="width: 100px;">Remove All</button>
                             </div>
                             <select size="2" name="selected_covariates_rqtl" class="form-control selected-covariates" multiple>
                                 <option value="">No covariates selected</option>