Merge pull request #82 from ZmagoD/zd_SCI_359

Add plus button at the bottom of project overview page [fixes SCI-359]

app/assets/javascripts/experiments/dropdown_actions.js

@@ -47,6 +47,9 @@
 
   // Bind modal to new-experiment action
   initializeModal($("#new-experiment"), '#new-experiment-modal');
+  
+  // Bind modal to big-plus new experiment actions
+  initializeModal('.big-plus', '#new-experiment-modal');
 
   // Bind modal to all actions listed on dropdown accesible from experiment
   // panel

app/assets/stylesheets/projects.scss

@@ -426,3 +426,19 @@ li.module-hover {
   display: block;
   max-width: 200px;
 }
+
+.big-plus {
+  color: $color-mystic;
+  display: block;
+  font-size: 250px;
+  margin: 20px 0;
+  text-align: center;
+
+  &:hover {
+    color:$color-alto;
+  }
+
+  &:focus {
+    color:$color-alto;
+  }
+}

app/views/projects/show.html.erb

@@ -30,6 +30,9 @@
 
     <%= content_tag(:div, '', class: 'clearfix visible-lg-block') if (index + 1) % 2 == 0 %>
   <% end %>
+  <% if can_create_experiment(@project) %>
+    <%= render 'projects/show/new_experiment' %>
+  <% end %>
 </div>
 <%= javascript_include_tag("experiments/dropdown_actions") %>
 <%= javascript_include_tag("projects/show") %>

app/views/projects/show/_new_experiment.html.erb

@@ -0,0 +1,16 @@
+<div class="col-md-6">
+  <div class="panel panel-default experiment-panel">
+    <div class="panel-heading">
+
+      <h3 class="panel-title"><%= t('experiments.new.modal_title') %></h3>
+
+    </div>
+    <div class="panel-body">
+      <%= link_to fa_icon('plus'),
+                    new_project_experiment_url(@project),
+                    remote: true,
+                    class: 'big-plus' %>
+
+    </div>
+  </div>
+</div>