scinote-web/app/views/my_modules/modals/_new_modal.html.erb

79 lines
4.3 KiB
Text

<div class="modal" id="new-my-module-modal" tabindex="-1" role="dialog"
data-create-url="<%= modules_experiment_path(@experiment) %>" data-user-id="<%= current_user.id %>">
<%= form_with model: @my_module, url: modules_experiment_path(@experiment), data: { remote: true } do |f| %>
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" tabindex=0 ><i class="sn-icon sn-icon-close"></i></button>
<h4 class="modal-title"><%= t('experiments.canvas.new_my_module_modal.title') %></h4>
</div>
<div class="modal-body">
<%= f.hidden_field :view_mode, value: view_mode%>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<label class="sci-label"><%= t('experiments.canvas.new_my_module_modal.name') %></label>
<div class="sci-input-container form-group">
<%= text_field_tag 'my_module[name]', '', placeholder: t('experiments.canvas.new_my_module_modal.name_placeholder'), class: "sci-input-field" %>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<div class="my-module-due-date-container">
<label class="sci-label" for="my_module_due_date"><%= t('experiments.canvas.new_my_module_modal.due_date') %></label>
<div id="date-time-picker-my-module" class="vue-date-time-picker w-full">
<input ref="input" type="hidden" class="calendar-input" id="date-time-picker-input" v-model="date" name="my_module[due_date]" />
<date-time-picker class="w-full" @cleared="clearDate" ref="vueDateTime" placeholder="<%= t('experiments.canvas.new_my_module_modal.due_date_placeholder') %>" @change="updateDate" mode="datetime"></date-time-picker>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<%= f.hidden_field :tag_ids%>
<div class="form-group">
<label class="sci-label"><%= t('experiments.canvas.new_my_module_modal.assigned_tags_label') %></label>
<%= select_tag 'module-tags-selector', options_for_select([]),
data: {
'tags-create-url': project_create_tag_path(project_id: @experiment.project_id),
'ajax-url': search_tags_experiment_path,
'placeholder': t('experiments.canvas.new_my_module_modal.assigned_tags_placeholder')
},
multiple: true %>
</div>
</div>
</div>
<% if can_designate_users_to_new_task?(@experiment) %>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<label class="sci-label"><%= t('experiments.canvas.new_my_module_modal.assigned_users') %></label>
<%= select_tag 'my_module[user_ids]',
options_for_select(users.map{ |user|
[
user.full_name,
user.id,
{'data-params' => {avatar_url: avatar_path(user, :icon_small) }.to_json}
]
}),
data: {
'placeholder': t('experiments.canvas.new_my_module_modal.assigned_users_placeholder')
},
multiple: true
%>
</div>
</div>
<% end %>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">
<%= t('general.cancel') %>
</button>
<%= f.submit t('experiments.canvas.new_my_module_modal.create'), class: "btn btn-primary" %>
</div>
</div>
</div>
<% end %>
</div>