survey/app/views/surveys/show.html.erb

221 lines
7.5 KiB
Plaintext

<% # encoding: utf-8 %>
<%= javascript_include_tag "lib/bootstrap-datetimepicker" %>
<%= javascript_include_tag "lib/datetimepicker/datetimepicker.js" %>
<%
data = action_data
@survey = data["survey"]
@questions = data["questions"]
@jump_tos_map = data["jump_tos_map"]
@answers = data["answers"]
answer_present = data['answer_present']
@redirect_url = data["redirect_url"]
%>
<% if @survey.needs_login && current_user.nil? %>
<script type="text/javascript">
window.location.href = "<%= new_session_path %>";
</script>
<% elsif answer_present %>
<script type="text/javascript">
alert("Survey already taken.");
window.location.href = "<%= data['link_to_answer_set'] %>"
</script>
<% end %>
<% if !@redirect_url.blank? %>
<script type="text/javascript">
window.location.href = "<%= @redirect_url %>";
</script>
<% else %>
<% unless @survey.deadline && Time.now > @survey.deadline %>
<div class="o-question">
<%= form_for :answer, :method => :put, :url => survey_path(@survey), :html => {:class => 'survey clear'} do |f| %>
<h3 class="o-question-topic"><%= @survey.title %></h3>
<div class="o-question-description">
<%= @survey.description.html_safe %>
</div>
<ol class="o-question-list">
<% @questions.each_with_index do |question, i| %>
<li class="question-item question-<%= question.id.to_s %> hide" data-index="<%= i %>" data-type="<%= question.type%>" data-custom="<%= question.custom_option.to_s %>">
<% label = question.title %>
<% if question.is_required %>
<span class="required-star">(*)</span>
<% end %>
<%= f.label question.id, label, :class => "o-question-title" %>
<% if !question.description.blank? %>
<div class="o-question-description">
<%= question.description %>
</div>
<% end %>
<% case question.type %>
<% when SurveyQuestion::Oneline %>
<%= f.text_field question.id, :required => question.is_required %>
<% when SurveyQuestion::Multiline %>
<%= f.text_area question.id, :rows => 5, :required => question.is_required %>
<% when SurveyQuestion::Radio %>
<ul class="o-question-group view-list">
<% question.survey_question_options.each do |option| %>
<li>
<%= f.radio_button question.id, option.id %>
<%= f.label "#{question.id}_#{option.id}", option.name, :class => 'o-question-option' %>
</li>
<% end %>
<% if question.custom_option %>
<li>
<%= f.radio_button question.id, 'custom_option' %>
<%= f.label "#{question.id}_custom_option", t('survey_question.use_custom_option') + ': ', :class => 'o-question-option' %>
<%= f.text_field "#{question.id}_custom_option" %>
</li>
<% end %>
</ul>
<% when SurveyQuestion::DateTime %>
<%= f.datetime_picker question.id, :no_label => true, :new_record => true, :format => question.datetime_type, :placeholder => question.datetime_type.upcase, :required => question.is_required %>
<% when SurveyQuestion::Check %>
<ul class="o-question-group view-list">
<%= f.fields_for "#{question.id}" do |cf| %>
<% question.survey_question_options.each do |option| %>
<li>
<%= cf.check_box option.id %>
<%= cf.label option.id, option.name, :class => 'o-question-option' %>
</li>
<% end %>
<% if question.custom_option %>
<li>
<%= cf.check_box 'custom_option' %>
<%= f.label "#{question.id}_custom_option", t('survey_question.use_custom_option') + ': ', :class => 'o-question-option' %>
<%= f.text_field "#{question.id}_custom_option" %>
</li>
<% end %>
<% end %>
</ul>
<% when SurveyQuestion::Select %>
<% options = question.survey_question_options.collect {|o| [ o.name, o.id ] } %>
<% if question.custom_option %>
<% options.push [t('survey_question.use_custom_option'), 'custom_option'] %>
<% end %>
<%= f.select question.id, options, {}, :class => 'o-question-group view-dropdown' %>
<% if question.custom_option %>
<%= f.text_field "#{question.id}_custom_option", :class => 'custom_option' %>
<% end %>
<% when SurveyQuestion::Radiogroup %>
<%= f.fields_for "#{question.id}" do |rgf| %>
<table class="o-question-group view-grid">
<thead>
<tr>
<th></th>
<% if question.custom_option %>
<th></th>
<% end %>
<% question.survey_question_radiogroups.each do |radiogroup| %>
<th>
<%= radiogroup.name %>
</th>
<% end %>
</tr>
</thead>
<tbody>
<% question.survey_question_options.each_with_index do |option, j| %>
<tr<%= (' class="odd"').html_safe if (j % 2 == 0) %>>
<th class="o-question-title">
<%= option.name %>
</th>
<% if question.custom_option %>
<%= f.fields_for "#{option.id}" do |oid| %>
<td>
<%= oid.text_field "custom_group_field" %>
</td>
<% end %>
<% end %>
<% question.survey_question_radiogroups.each do |radiogroup| %>
<td>
<%= rgf.radio_button option.id, radiogroup.id %>
</td>
<% end %>
</tr>
<% end %>
</tbody>
</table>
<% end %>
<% end %>
</li>
<% end %>
</ol>
<div>
<%= f.submit t('submit'), :class => 'survey-submit' %>
</div>
<% end %>
</div>
<%= stylesheet_link_tag "questionnaire" %>
<%= javascript_include_tag "lib/jquery.form"%>
<script type="text/javascript">
<% if @survey.jump_mode %>
var answers = <%= @answers.to_json %>;
var jump_tos_map = <%= @jump_tos_map.to_json %>;
var $current_question = $('.question-item').eq(0);
var current_index = parseInt($current_question.attr('data-index'));
$current_question.removeClass('hide');
$('.survey-submit').click(function(){
$current_question.addClass('hide');
if ( $current_question.attr('data-type') == '<%= SurveyQuestion::Radio %>' || $current_question.attr('data-type') == '<%= SurveyQuestion::Select %>' ) {
if ( $current_question.attr('data-type') == '<%= SurveyQuestion::Radio %>' ) {
value = $current_question.find('input[type=radio]:checked').val();
} else if ( $current_question.attr('data-type') == '<%= SurveyQuestion::Select %>') {
value = $current_question.find('select option:selected').val();
}
if ( value == undefined ) {
alert("<%= t('survey.must_answer') %>");
} else {
jump_to = jump_tos_map[value];
if (jump_to == '1') {
return true;
} else if ( jump_to != '0' && jump_to != undefined ) {
$current_question = $('.question-item.question-' + jump_to);
} else {
$current_question = $('.question-item[data-index=' + (current_index + 1) + ']');
}
}
} else {
$current_question = $('.question-item[data-index=' + (current_index + 1) + ']');
}
if ( $current_question[0] ) {
$current_question.removeClass('hide');
current_index = parseInt($current_question.attr('data-index'));
return false;
} else {
return true;
}
return false;
});
<% else %>
$('.question-item').removeClass('hide');
<% end %>
$('.question-item[data-type=<%= SurveyQuestion::Select %>][data-custom=true]').each(function(){
$(this).change(function(){
if ( $(this).find('option:selected').val() == 'custom_option' ) {
$(this).find('input.custom_option').removeClass('hide');
} else {
$(this).find('input.custom_option').addClass('hide');
}
});
$(this).trigger('change');
});
</script>
<% else %>
the end
<% end %>
<% end %>