You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
2.0 KiB
57 lines
2.0 KiB
<%-
|
|
content_for :title, question.page_title.blank? ? question.title : question.page_title
|
|
content_for :meta_description, question.page_description
|
|
|
|
assets = question.assets.includes(file_attachment: :blob).select{ |asset| asset.file.image? }.to_a
|
|
|
|
if assets.any?
|
|
# Find one landscape and one portrait image
|
|
landscape_asset = assets.find { |asset| image_orientation(asset.file) == :landscape }
|
|
portrait_asset = assets.find { |asset| image_orientation(asset.file) == :portrait }
|
|
|
|
landscape_asset ||= portrait_asset
|
|
portrait_asset ||= landscape_asset
|
|
|
|
body_styles = []
|
|
body_styles << "--bg-landscape: url(#{rails_storage_proxy_path(landscape_asset.file.variant(resize_to_limit: [2400, nil]))});"
|
|
body_styles << "--bg-portrait: url(#{rails_storage_proxy_path(portrait_asset.file.variant(resize_to_limit: [1600, nil]))});"
|
|
|
|
content_for :body_style, body_styles.join(' ')
|
|
end
|
|
%>
|
|
|
|
|
|
|
|
<%= form_with model: @answer, url: url_for(controller: 'answers', action: 'create'), id: 'questionForm' do |form| %>
|
|
|
|
<div class="question-container">
|
|
|
|
<div class="animation-element">
|
|
<div class="question-step">
|
|
<div><%= question_index %>/<%= questions_size %></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="animation-element">
|
|
<div class="question-header">
|
|
<div class="typewriter-text"><%= question.title %></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="animation-element">
|
|
<% question.attachments.with_text.each_slice(2).each_with_index do |answer_option, i| %>
|
|
<div class="question-answer">
|
|
<%= form.label :value, for: nil do %>
|
|
<%= tag.div tag.span(sanitize(answer_option.first.body.html_safe, tags: %w"em strong")) %>
|
|
<%= form.radio_button :value, i %>
|
|
<%- end -%>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div class="animation-element">
|
|
<%= form.button tag.span(t('submit')), class: 'button__base', id: 'questionSubmitButton' %>
|
|
</div>
|
|
</div>
|
|
|
|
<% end %>
|