diff --git a/app/assets/javascripts/experiments/dropdown_actions.js b/app/assets/javascripts/experiments/dropdown_actions.js index 7e0b5efed..33fa12119 100644 --- a/app/assets/javascripts/experiments/dropdown_actions.js +++ b/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 diff --git a/app/assets/stylesheets/projects.scss b/app/assets/stylesheets/projects.scss index 938ebf207..19e986dcb 100644 --- a/app/assets/stylesheets/projects.scss +++ b/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; + } +} diff --git a/app/views/projects/show.html.erb b/app/views/projects/show.html.erb index 06581cdb3..b9f24ab66 100644 --- a/app/views/projects/show.html.erb +++ b/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 %> <%= javascript_include_tag("experiments/dropdown_actions") %> <%= javascript_include_tag("projects/show") %> diff --git a/app/views/projects/show/_new_experiment.html.erb b/app/views/projects/show/_new_experiment.html.erb new file mode 100644 index 000000000..3d89b029a --- /dev/null +++ b/app/views/projects/show/_new_experiment.html.erb @@ -0,0 +1,16 @@ +
+
+
+ +

<%= t('experiments.new.modal_title') %>

+ +
+
+ <%= link_to fa_icon('plus'), + new_project_experiment_url(@project), + remote: true, + class: 'big-plus' %> + +
+
+