templates/webservice/questionario.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Questionario{% endblock %}
  3. {% block body %}
  4. <div class="container" style="margin-bottom:40px;">
  5.     <nav class="navbar navbar-expand-sm c-top-container" aria-label="Third navbar example">
  6.         <div class="container-fluid">
  7.             <img src="/img/logo-questionari.svg" style="vertical-align: middle;width: 50px;padding-top: 5px;padding-bottom: 5px;padding-left: 10px;" />
  8.             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
  9.                 <span class="navbar-toggler-icon"></span>
  10.             </button>
  11.         </div>
  12.         <div class="collapse navbar-collapse" id="navbarsExample03">Benvenuto <a class="nav-link" aria-current="page" href="#">{{qi.userEmail}}</a></div>
  13.     </nav>
  14. </div>
  15. <div class="container">
  16.     <div class="row">
  17.         <div class="col-md-12 p-4">
  18.             <div class="w-100 row no-gutters align-items-center c-header-content">
  19.                 <div class="page-title mb-0">
  20.                     <div class="page-context-header">
  21.                         <div class="page-header-headings"><h1>{{qi.questionario.titolo}}</h1></div>
  22.                     </div>
  23.                 </div>
  24.             </div>
  25.             <div class="w-100 row no-gutters align-items-center c-header-content">{{qi.questionario.descrizione|raw}}</div>
  26.         </div>
  27.     </div>
  28.     <div class="container">
  29.     {% if message.Error is defined %}
  30.         {% for e in message.Error %}<div class="alert alert-danger">{{e}}</div>{% endfor %}
  31.     {% endif %}
  32.     {% if message.Success is defined %}
  33.         {% for e in message.Success %}<div class="alert alert-success">{{e}}</div>{% endfor %}
  34.     {% endif %}
  35.         <div class="row">
  36.             <section class="bg-light blog_1 region-main" style="margin-left:10px;margin-right:10px;">
  37.                 <form action="{{ path("app_webservice_savequestionario",{qi:qi.id}) }}" method="post" id="ffform">
  38.                     <div class="container px-xl-0 w-100">
  39.                         <div class="row">
  40.                             <div class="col-lg-12 col-xl-12 px-5 d-flex flex-wrap align-items-center p-5 p-sm-2 p-lg-5">
  41.     {% for key,domanda in domande %}
  42.         {% set opzioni = domanda.opzioniRisposta %}
  43.         {% if opzioni|length > 0 %}
  44.             {% set opzioni_ = opzioni|split("|") %}
  45.         {% else %}
  46.             {% set opzioni_ = "" %}
  47.         {% endif %}
  48.                                 <div class="form-group w-100" style="margin-top: 20px;margin-bottom:80px;">
  49.         {% if domanda.tipoRisposta == "text" %}
  50.             {% include "questionari/rtext.html.twig" %}
  51.         {% elseif domanda.tipoRisposta == "select" %}
  52.             {% include "questionari/rselect.html.twig" %}
  53.         {% elseif domanda.tipoRisposta=="checkbox"%}
  54.             {% include "questionari/rcheckbox.html.twig" %}
  55.         {% elseif domanda.tipoRisposta=="radio"%}
  56.             {% include "questionari/rradio.html.twig" %}
  57.         {% elseif domanda.tipoRisposta=="textarea"%}
  58.             {% include "questionari/rtextarea.html.twig" %}
  59.         {% elseif domanda.tipoRisposta=="textareaw"%}
  60.             {% include "questionari/rtextareaw.html.twig" %}
  61.         {% elseif domanda.tipoRisposta=="linkert5"%}
  62.             {% include "questionari/rlinkert5.html.twig" %}
  63.         {% elseif domanda.tipoRisposta=="linkert7"%}
  64.             {% include "questionari/rlinkert7.html.twig" %}
  65.         {% elseif domanda.tipoRisposta=="rating"%}
  66.             {% include "questionari/rrating.html.twig" %}
  67.         {% elseif domanda.tipoRisposta=="none"%}
  68.             {% include "questionari/rnone.html.twig" %}
  69.         {% elseif domanda.tipoRisposta=="docente"%}
  70.             {% include "questionari/rdocente.html.twig" %}
  71.         {% else %}
  72.             {% include "questionari/rtodo.html.twig" %}
  73.         {% endif %}
  74.                                 </div>
  75.     {% endfor %}
  76.                                 <input type="hidden" name="token" value="{{token}}" />
  77.                                 <input type="hidden" name="signature" value="{{signature}}" />
  78.                             </div>
  79.                         </div>
  80.                     </div>
  81.                     <div class="container mb-lg-5" style="margin-top:0px;">
  82.                         <div class="row">
  83.                             <div class="col-md-6">
  84.                                 <a style="float: left" href="{{qi.returnurl}}" class="btn btn-secondary mod_quiz-prev-nav  p-3 pr-4 pl-4">Indietro</a>
  85.                             </div>
  86.                             <div class="col-md-6">
  87.                                 <input type="submit" value="Salva" class="btn btn-primary  p-3 pr-4 pl-4" style="float: right;" />
  88.                             </div>
  89.                         </div>
  90.                     </div>
  91.                 </form>
  92.             </section>
  93.         </div>
  94.     </div>
  95.     <div class="container mb-lg-5" style="margin-top:40px;margin-botton:80px;">
  96.         <div class="row" >
  97.             <div class="col-md-6" style="float: left;">
  98.                 <small>
  99.                     Iniziato in data {{qi.createdAt|date("d/m/Y")}}<br />
  100.                     Ultima modifica il {{qi.modifiedAt|date("d/m/Y")}} ore {{qi.modifiedAt|date("H:i")}}<br />
  101.                 </small>
  102.             </div>
  103.             <div class="col-md-6" style="float: right; margin-rigth:0;">
  104.                 <form style="float: right;" action="{{path("app_webservice_cancelquestionario_andback",{"qi":qi.id})}}" method="POST">
  105.                     <input type="hidden" name="token" value="{{token}}" />
  106.                     <input type="hidden" name="signature" value="{{signature}}" />
  107.                     <input type="submit" class="btn btn-danger  p-3 pr-4 pl-4" value="Azzera e torna indietro" />
  108.                 </form>
  109.             </div> 
  110.         </div>
  111.     </div>
  112. </div>
  113. <script type="text/javascript">
  114.     jQuery("#ffform").on("submit",function(e){
  115.         var valid = true;
  116.         // per ogni input con class="req" 
  117.         // questa cosa mi serve per i gruppi di radio tipo linkert e docente
  118.         var thisname = [];
  119.         jQuery("input.req").each(function() {
  120.             if (thisname.indexOf(jQuery(this).attr("name")) == -1) {
  121.                 thisname.push(jQuery(this).attr("name"));
  122.             }
  123.         })
  124.         if (thisname.length > 0) {
  125.             thisname.forEach((name, index) => {
  126.                 var checked = 0;
  127.                 var thisname = name.split("_");
  128.                 jQuery("input[name="+name+"]").each(function(){
  129.                     if (jQuery(this).is(":checked")) {
  130.                         checked = 1;
  131.                     }
  132.                 })
  133.                 if (checked == 0) {
  134.                     jQuery("td.riga_"+thisname[1]+"_"+thisname[2]).parent().css("background-color","#F5C6CB");
  135.                     valid=false;
  136.                 } else {
  137.                     jQuery("td.riga_"+thisname[1]+"_"+thisname[2]).parent().css("background-color","white");
  138.                 }
  139.             });
  140.         }
  141.         if(!valid) {
  142.             e.preventDefault();
  143.             alert("Error");
  144.         } else {
  145.             jQuery(this).submit();
  146.         }
  147.     });
  148. </script>
  149. {% endblock %}