templates/front/request/index.html.twig line 1

Open in your IDE?
  1. {% extends 'front/layouts/base.html.twig' %}
  2. {% import "front/request/form_extra_fields.html.twig" as formExtraFields %} 
  4. {% block title %}
  5.     {{ 'front.form.index'|trans({}, 'front') }}    
  6. {% endblock %}
  8. {% block stylesheets %}
  9.     {{ parent() }}
  10.     {{ encore_entry_link_tags('front/form') }}
  11.     {{ encore_entry_link_tags('admin-dependences-css') }}
  12. {% endblock %}
  14. {% block main %}
  15.     {{ include('front/layouts/header.html.twig') }}
  16.     
  17.     {% if survey is defined and survey %}
  18.         <input type="hidden" id="surveyId" value="{{ survey.id }}"/>
  19.         {% set requestFormId =  numRequest  %}
  20.      
  21.         <div class="head_support_wfo_wrapper">
  22.             <div class="container">
  23.                 <h2>{{ survey.valueText }}</h2>
  24.             </div>
  25.         </div>
  26.         <div id='div_text' class="div_text" style="display:none; color: black"></div>
  28.         <div id="survey_questions"> 
  29.             {% for question in questions %} 
  30.                 <input type="hidden" class="responses" name="responses[{{ question.id }}]" id="responses--{{ question.id }}">
  31.             
  32.                 <div     data-prentds="{{ question.ids_related_choices }}"
  33.                         class="qtn_div_qs 
  34.                         {% if question.dependency %}hide-question{% else %}show_without_dependency{% endif %}" 
  35.                         {% if question.dependency %}data-show-question=",{{ question.ids_related_choices }},"
  36.                         {% else %}data-start=""
  37.                         {% endif %}
  38.                 >
  39.                     <div class="step_support_wfo_wrapper" style="{% if survey.surveyColor %} background: {{ survey.surveyColor }} !important {% endif %}"  id="step_support_wfo_wrapper--{{ question.id }}" data-idquestion="{{ question.id }}">
  40.                         <div class="container">
  41.                             <h3 class="nav_text"   id="title_step_support_wfo_wrapper--{{ question.id }}" data-title="{{ question.principal }}">
  42.                                 {{ question.principal }}
  43.                             </h3>
  44.                         </div>
  45.                     </div>
  47.                     <div class="steps_choices_wrapper--{{ question.id }}">
  48.                         <div class="container">
  49.                             <div class="steps_choices_items">
  50.                                 {% for choice in question.choices %}
  51.                                     <style>
  52.                                         {#{% if choice.onClickColorBg %}
  53.                                             .steps_choices_items .choice_item.active .num.num-{{ choice.value_survey_id }} {
  54.                                                 background-color: {{ choice.onClickColorBg }} ;
  55.                                                 border:  1px solid  {{ choice.onClickColorBg }} ;
  56.                                             }
  57.                                         {% endif %}    #}
  61.                                         {% if survey is defined and survey.surveyColor %}  
  62.                                             .steps_choices_items .choice_item.active .num.num-{{ choice.value_survey_id }} {
  63.                                                 background-color: {{ survey.surveyColor }} !important;
  64.                                                 border:  1px solid  {{ survey.surveyColor }} !important ;
  65.                                             }
  66.                                         {% elseif choice.onClickColorBg %}
  67.                                             .steps_choices_items .choice_item.active .num.num-{{ choice.value_survey_id }} {
  68.                                                 background-color: {{ choice.onClickColorBg }} !important;
  69.                                                 border:  1px solid  {{ choice.onClickColorBg }} !important;
  70.                                             }
  71.                                         {% endif %}
  73.                                         {% if choice.onClickColorText %}
  74.                                             .steps_choices_items .choice_item.active .num.num-{{ choice.value_survey_id }} {
  75.                                                 color:   {{ choice.onClickColorText }} !important;
  76.                                             }
  77.                                         {% endif %}    
  78.                                     </style>
  79.     
  80.                                     <div class="choice_item  choiced--{{choice.value_survey_id}} clicked_choice
  81.                                         {% if choice.isOther %} form_other_btn {% endif %}
  82.                                         {#{% if choice.hasDescription %} form_other_btn {% endif %} #}
  83.                                         {% if choice.hasFile %} hasFile {% endif %}"
  84.                                         data-type="{{ question.type }}"
  85.                                         data-valuesurvey="{{ choice.value_survey_id }}"
  86.                                         data-optionvalue="{{ choice.option_value_id }}" 
  87.                                         data-question="{{ question.id }}" 
  88.                                         data-valueText="{{ choice.valueText }}"
  89.                                         data-checklabel="{{ choice.checkboxLabel }}"
  90.                                         data-clickcolorbg="{{ survey.surveyColor ?? choice.onClickColorBg }}"
  92.                                         data-hasdescription="{{ choice.hasDescription ? true : false }}" 
  93.                                         data-hasfile="{{ choice.hasFile ? true : false }}" 
  94.                                         data-isother="{{ choice.isOther ? true : false }}"
  95.                                         data-hasfile="{{ choice.hasFile ? true : false }}"
  96.                                         data-previous=false
  97.                                         data-parent="{{ question.ids_related_choices }}"
  98.                                         data-actif=""            
  99.                                         >
  100.                                         <span 
  101.                                             class="num num-{{ choice.value_survey_id }} radius_10 question_choice" 
  102.                                             name="question[{{ question.id }}][]" 
  103.                                         >
  104.                                             {{ choice.checkboxLabel }}
  105.                                         </span>
  106.                                         <span>{{ choice.valueText }}</span>
  108.                                         {% if choice.descriptionLabel %}
  109.                                             <span> 
  110.                                                 <span class="tooltip">
  111.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22">
  112.                                                         <path id="info-circle-svgrepo-com" d="M1,12A11,11,0,1,1,12,23,11,11,0,0,1,1,12Zm9.25-1a1,1,0,0,1,1-1h1.5a1,1,0,0,1,1,1v7a1,1,0,0,1-1,1h-1.5a1,1,0,0,1-1-1ZM14,7a2,2,0,1,0-2,2A2,2,0,0,0,14,7Z" transform="translate(-1 -1)" fill="#3c2a5c" fill-rule="evenodd"/>
  113.                                                     </svg>                                  
  114.                                                     <span class="tooltiptext">                                    
  115.                                                         {{ choice.descriptionLabel | raw }}
  116.                                                     </span>
  117.                                                 </span>
  118.                                             </span>
  119.                                         {% endif %}        
  120.                                     </div>
  121.                                 {% endfor %}
  122.                             </div>
  123.                         </div>
  124.                     </div>
  125.                 </div>    
  126.             {% endfor %}
  127.             
  128.             <div class="detail_question">
  129.             </div>
  131.             <div class="lastStepForOptionSelected">
  132.                 {{ include('front/request/form_detail.html.twig') }} 
  133.             </div> 
  134.         
  135.         </div>
  136.     {% else %}
  137.         <div class="container">
  138.             <div class="center-block">{{ 'front.form.form_not_disponible'|trans({}, 'front') }}</div>
  139.         </div> 
  140.     {% endif %}
  142.     <!-- COOKIES -->
  143.     {{ include('front/layouts/cookies.html.twig') }}
  144.     {{ include('front/cookies/preferences.html.twig') }}
  145. {% endblock main %}
  147. {% block javascripts %}
  148.     {{ parent() }}
  149.     {{ encore_entry_script_tags('front-form-js') }}
  150.     <script>
  151.         var    radioType =  "{{ constant('App\\Entity\\Configuration\\Option::TYPE_RADIO') }}";
  152.     </script>
  153. {% endblock %}