Jürgen Mummert
88 lines
4.9 KiB
Twig
88 lines
4.9 KiB
Twig
{% trans_default_domain 'messages' %}
|
|
|
|
{% include '@Survey/frontend/_survey_assets.html.twig' %}
|
|
{% include '@Survey/frontend/_survey_branding.html.twig' %}
|
|
|
|
{% set moduleHeadline = (headline is iterable ? headline.text|default('') : headline|default(''))|striptags|trim %}
|
|
|
|
<section class="survey-shell survey-grid">
|
|
{% if moduleHeadline %}
|
|
<header><h2>{{ moduleHeadline }}</h2></header>
|
|
{% endif %}
|
|
|
|
{% if errorMessage %}
|
|
<div class="survey-alert error">{{ errorMessage }}</div>
|
|
{% elseif survey %}
|
|
<article class="survey-card">
|
|
<div class="survey-meta">
|
|
<h3>{{ survey.title|striptags|trim }}</h3>
|
|
{% if progress.total > 0 %}<span class="survey-badge neutral">{{ progress.current }}/{{ progress.total }}</span>{% endif %}
|
|
</div>
|
|
<p>{{ (survey.description|striptags|trim) ?: 'survey.survey.default_description'|trans }}</p>
|
|
|
|
{% if progress.total > 0 %}
|
|
<div class="survey-progress"><span style="width: {{ progress.percentage }}%"></span></div>
|
|
{% endif %}
|
|
</article>
|
|
|
|
{% if isComplete %}
|
|
<article class="survey-card">
|
|
<h3>{{ 'survey.survey.thanks_title'|trans }}</h3>
|
|
<p>{{ 'survey.survey.thanks_text'|trans }}</p>
|
|
{% if answers %}
|
|
<div class="survey-grid">
|
|
{% for answer in answers %}
|
|
<article class="survey-card">
|
|
<div class="survey-badge neutral">{{ answer.questionType }}</div>
|
|
<h4>{{ answer.question|striptags|trim }}</h4>
|
|
<p>{{ answer.value|striptags|trim }}</p>
|
|
</article>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</article>
|
|
{% elseif question %}
|
|
<article class="survey-card">
|
|
<div class="survey-meta"><span class="survey-badge neutral">{{ 'survey.survey.question_progress'|trans({'%current%': progress.current}) }}</span></div>
|
|
<h3>{{ question.question|striptags|trim }}</h3>
|
|
{% if question.description|striptags|trim %}<p>{{ question.description|striptags|trim }}</p>{% endif %}
|
|
|
|
{{ form_start(surveyForm, {attr: {class: 'survey-form-grid'}}) }}
|
|
<input type="hidden" name="REQUEST_TOKEN" value="{{ contao.request_token }}">
|
|
{% if question.type == 'yes_no_maybe' %}
|
|
<div class="survey-grid" style="grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));">
|
|
{% for child in surveyForm.answer %}
|
|
<label class="survey-card" style="cursor: pointer;">
|
|
<div class="survey-meta"><strong>{{ child.vars.label|striptags|trim }}</strong>{{ form_widget(child) }}</div>
|
|
<div>{{ 'survey.survey.answer_flow_hint'|trans }}</div>
|
|
</label>
|
|
{% endfor %}
|
|
</div>
|
|
{% elseif question.type == 'choice' %}
|
|
<div class="survey-grid" style="grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));">
|
|
{% for child in surveyForm.answer %}
|
|
<label class="survey-card" style="cursor: pointer;">
|
|
<div class="survey-meta"><strong>{{ child.vars.label|striptags|trim }}</strong>{{ form_widget(child) }}</div>
|
|
</label>
|
|
{% endfor %}
|
|
</div>
|
|
{% elseif question.type == 'range' %}
|
|
<div class="survey-grid">
|
|
<div class="survey-card">
|
|
<div>{{ 'survey.survey.current_value'|trans }}</div>
|
|
<div id="survey-range-output-{{ question.id }}" class="survey-range-output">{{ question.rangeMin }}</div>
|
|
</div>
|
|
{{ form_widget(surveyForm.answer, {attr: {'data-survey-range': '1', 'data-survey-range-target': 'survey-range-output-' ~ question.id}}) }}
|
|
<div class="survey-meta"><span>{{ question.rangeMin }}</span><span>{{ question.rangeMax }}</span></div>
|
|
</div>
|
|
{% else %}
|
|
{{ form_widget(surveyForm.answer) }}
|
|
{% endif %}
|
|
|
|
{{ form_errors(surveyForm.answer) }}
|
|
<div class="survey-button-row"><button class="survey-button primary">{{ 'survey.survey.next'|trans }}</button></div>
|
|
{{ form_end(surveyForm) }}
|
|
</article>
|
|
{% endif %}
|
|
{% endif %}
|
|
</section> |