1 files changed, 54 insertions, 29 deletions
diff --git a/views/predict.haml b/views/predict.haml
index 9a7d0d4..eb9047b 100644
--- a/views/predict.haml
+++ b/views/predict.haml
@@ -111,7 +111,7 @@
   };
 
 // whole site content needs to be in one form. Input and checkboxes are proofed by js functions. 
-%form{:name => "form", :action => to('/predict'), :method => "post", :enctype => "multipart/form-data", :onsubmit => "return  !!(showcircle())" }
+%form{:name => "form", :action => to('/predict'), :method => "post", :enctype => "multipart/form-data", :onsubmit => "return !!(showcircle())" }
   %fieldset#top.well
     %h2 1. Draw a chemical structure
     #insert
@@ -135,38 +135,63 @@
   %fieldset#middle.well
     %h2 2. Select one or more endpoints
     #models
+      %input{:type => "checkbox", :name => "checkAll", :id => "checkAll"}
+      %label{:for => "checkAll"}
+        All
+      :javascript
+        $("#checkAll").click(function () {
+          if ($(this).prop('checked')){
+            $(".check").prop('checked', true);
+          }else{
+            $(".check").prop('checked', false);
+          };
+        });
       - @endpoints.each do |endpoint|
         %div{:id=>endpoint.gsub(/\s+/, "_")}
           %h4.head-back=endpoint
-          - @models.select{|m| m.endpoint == endpoint}.each do |model|
-            %div.row{:id => model.id}
-              %span.col-sm-4
-                %input{:type => "checkbox", :name => "selection[#{model.id}]", :id => "selection[#{model.species.gsub(/\s+/, "_")}]", :value => true, :disabled => false}
-                %label{:for => "selection[#{model.species.gsub(/\s+/, "_")}]"}
-                  = model.species
-              %span.col-sm-8
-                %a.btn.btn-default.btn-xs{:data=>{:toggle=>"collapse"}, :href=>"#details#{model.id}", :onclick=>"load#{model.id}Details('#{model}')", :id => "link#{model.id}", :style=>"font-size:small;"}
-                  Details | Validation
-                %img.h2{:src=>"/images/wait30trans.gif", :id=>"circle#{model.id}", :class=>"circle#{model.id}", :alt=>"wait", :style=>"display:none;"}
-            %div.panel-collapse.collapse{:id=>"details#{model.id}", :style=>"margin-left:1em;"}
-            :javascript
-              function load#{model.id}Details(model) {
-                button = document.getElementById("link#{model.id}");
-                image = document.getElementById("circle#{model.id}");
-                if ($('modeldetails#{model.id}').length == 0) {
-                  $(button).hide();
-                  $(image).show();
-                  aClient = new HttpClient();
-                  aClient.get("#{to("/predict/modeldetails/#{model.id}")}", function(response) {
-                    var details = document.createElement("modeldetails#{model.id}");
-                    details.innerHTML = response;
-                    document.getElementById("details#{model.id}").appendChild(details);
-                    $(button).show();
-                    $(image).hide();
-                    addExternalLinks();
-                  });
+          - unless endpoint =~ /^Oral/
+            - @models.select{|m| m.endpoint == endpoint}.each do |model|
+              %div.row{:id => model.id,:style=>"margin-bottom:1em;"}
+                %span.col-lg-4.col-md-4.col-sm-4.col-xs-4
+                  %input.check{:type => "checkbox", :name => "selection[#{model.id}]", :id => "selection[#{model.species.gsub(/\s+/, "_")}]", :value => true, :disabled => false}
+                  %label{:for => "selection[#{model.species.gsub(/\s+/, "_")}]"}
+                    = (endpoint =~ /mutagenicity/i ? "Consensus mutagenicity" : model.species)
+                %span.col-lg-8.col-md-8.col-sm-8.col-xs-8
+                  %a.btn.btn-default.btn-xs{:data=>{:toggle=>"collapse"}, :href=>"#details#{model.id}", :onclick=>"load#{model.id}Details('#{model}')", :id => "link#{model.id}", :style=>"font-size:small;"}
+                    %span.glyphicon.glyphicon-menu-right
+                    Details | Validation
+                  %img.h2{:src=>"/images/wait30trans.gif", :id=>"circle#{model.id}", :class=>"circle#{model.id}", :alt=>"wait", :style=>"display:none;"}
+              %div.panel-collapse.collapse{:id=>"details#{model.id}", :style=>"margin-left:1em;"}
+              :javascript
+                function load#{model.id}Details(model) {
+                  button = document.getElementById("link#{model.id}");
+                  span = button.childNodes[1];
+                  if (span.className == "glyphicon glyphicon-menu-right"){
+                    span.className = "glyphicon glyphicon-menu-down";
+                  } else if (span.className = "glyphicon glyphicon-menu-down"){
+                    span.className = "glyphicon glyphicon-menu-right";
+                  };
+                  image = document.getElementById("circle#{model.id}");
+                  if ($('modeldetails#{model.id}').length == 0) {
+                    $(button).hide();
+                    $(image).show();
+                    aClient = new HttpClient();
+                    aClient.get("#{to("/predict/modeldetails/#{model.id}")}", function(response) {
+                      var details = document.createElement("modeldetails#{model.id}");
+                      details.innerHTML = response;
+                      document.getElementById("details#{model.id}").appendChild(details);
+                      $(button).show();
+                      $(image).hide();
+                      addExternalLinks();
+                    });
+                  }
                 }
-              }
+          - else
+            %div.row{:id => "Cramer",:style=>"margin-bottom:1em;"}
+              %span.col-lg-4.col-md-4.col-sm-4.col-xs-4
+                %input.check{:type => "checkbox", :name => "selection[Cramer]", :id => "selection[Cramer]", :value => true, :disabled => false}
+                %label{:for => "selection[Cramer]"}
+                  Cramer rules
   %fieldset#bottom.well
     %div.row
       %div.col-md-2