scinote-web/app/views/experiments/canvas.html.erb
2022-10-21 12:22:38 +02:00

60 lines
3 KiB
Plaintext

<% provide(:head_title, t("experiments.canvas.head_title", project: h(@project.name)).html_safe) %>
<% provide(:sidebar_title, t("sidebar.my_modules.sidebar_title")) %>
<% provide(:sidebar_url, sidebar_experiment_path(@experiment)) %>
<% provide(:container_class, 'no-second-nav-container') %>
<%= content_for :sidebar do %>
<%= render partial: 'shared/sidebar/my_modules.html.erb', locals: { experiment: @experiment, my_modules: @active_modules } %>
<% end %>
<div class="content-pane flexible" id="experiment-canvas">
<%= render partial: 'experiments/show_header' %>
<div class="toolbar-row" id="diagram-buttons">
<div id="toolbar-left-block">
<% if can_manage_experiment?(@experiment) %>
<%=link_to canvas_edit_experiment_url(@experiment),
remote: true,
type: 'button',
id: 'edit-canvas-button',
data: { action: 'edit' },
class: 'ajax btn btn-light' do %>
<span class="fas fa-pencil-alt"></span>
<span class="hidden-xs"><%= t('experiments.canvas.canvas_edit') %></span>
<% end %>
<% end %>
</div>
<div class="toolbar-right-block">
<span class="hidden-xs zoom-text"><%=t 'experiments.canvas.zoom' %></span>
<div id="zoom-level-buttons" class="sci-toggles-group change-canvas-view" data-toggle="buttons">
<input type="radio" name="canvas-format" class="sci-toggle-item" checked>
<%=link_to canvas_full_zoom_experiment_path(@experiment), remote: true, type: "button", class: "ajax sci-toggle-item-label", "data-action" => "full_zoom", "data-toggle" => "button", "aria-pressed" => true do %>
<%= image_tag 'canvas/full_zoom.svg' %>
<% end %>
<input type="radio" name="canvas-format" class="sci-toggle-item" >
<%=link_to canvas_medium_zoom_experiment_path(@experiment), remote: true, type: "button", class: "ajax sci-toggle-item-label", "data-action" => "medium_zoom" do %>
<%= image_tag 'canvas/medium_zoom.svg' %>
<% end %>
<input type="radio" name="canvas-format" class="sci-toggle-item" >
<%=link_to canvas_small_zoom_experiment_path(@experiment), remote: true, type: "button", class: "ajax sci-toggle-item-label", "data-action" => "small_zoom" do %>
<%= image_tag 'canvas/small_zoom.svg' %>
<% end %>
</div>
</div>
</div>
<div id="canvas-container" data-project-id="<%= @project.id %>" data-module-tags-url="<%= my_module_tags_experiment_path(@experiment, format: :json) %>">
<%= render partial: 'canvas/full_zoom', locals: { experiment: @experiment, my_modules: @active_modules } %>
</div>
</div>
<!-- Manage tags modal -->
<%= render partial: "my_modules/modals/manage_module_tags_modal", locals: { my_module: nil } %>
<!-- Initialize dropdown actions -->
<%= javascript_include_tag("experiments/dropdown_actions") %>
<!-- Include all the neccesary JS libraries -->
<%= javascript_include_tag("eventPause-min") %>
<%= javascript_include_tag("projects/canvas") %>