templates/role/user/ticket/intervention/intervention.html.twig line 1

Open in your IDE?
  1. {% extends 'role/user/ticket/intervention/index.html.twig' %}
  3. {% block title %}Ticket - Intervento - Dettagli{% endblock %}
  5. {% block pageTitleH1 %}Ticket - Intervento - Dettagli{% endblock %}
  7. {% block pageTitleBreadcrumb %}
  8.     <li class="breadcrumb-item"><a href="{{ path ('user_ticket_sheet', {'ticketId':ticket.id}) }}">Ticket</a></li>
  9.     <li class="breadcrumb-item"><a href="javascript:void(0)">Intervento</a></li>
  10.     <li class="breadcrumb-item"><a href="javascript:void(0)">Dettagli</a></li>
  11. {% endblock %}
  13. {% block subMenuLeft %}
  14.     {% if intervention.outcomeType.slug == 'completed' %}
  15.         <li class="nav-item"><a class="nav-link" href="{{ path ('user_ticket_intervention_activity_summary', {'interventionId':intervention.id}) }}">Riassunto</a></li>
  16.     {% else %}
  17.         <li class="nav-item"><a class="nav-link" href="{{ path ('user_ticket_sheet', {'ticketId':ticket.id}) }}">Scheda</a></li>
  18.     {% endif %}
  19. {% endblock %}
  21. {% block subMenuRight %}
  22.     {% if intervention.outcomeType.slug == 'completed' %}
  23.         <li class="nav-item"><a class="nav-link" href="#" onclick="showRightPanel()">Riassunto intervento</a></li>
  24.     {% endif %}
  25. {% endblock %}
  27. {% block interventionContent %}
  28. {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }} 
  29.     <div class="row">
  30.         <div class="col-12">
  31.             <h3 class="form_title">Definisci l'intervento: {% if intervention.outcomeType.slug == 'suspension' %}intervento sospeso{% elseif intervention.outcomeType.slug == 'empty' %}intervento a vuoto{% elseif intervention.outcomeType.slug == 'completed' %}intervento completato{% endif %}</h3>
  32.             <hr class="m_t_none">
  33.         </div>
  34.         {% if intervention.outcomeType.slug == 'completed' %}
  35.             <div class="col-12 col-md-4 form-group">
  36.                 <label class="form_label">Intervento - Data*</label>
  37.                 <div {{ form_errors(form.date) }}>
  38.                     {{ form_widget(form.date, {'attr':{'class':'form-control'}}) }}
  39.                 </div>
  40.             </div>
  41.             <div class="col-6 col-md-4 form-group">
  42.                 <label class="form_label">Intervento - Ora*</label>
  43.                 <div {{ form_errors(form.timeHour) }}>
  44.                     {{ form_widget(form.timeHour, {'attr':{'class':'form-control form-select'}}) }}
  45.                 </div>
  46.             </div>
  47.             <div class="col-6 col-md-4 form-group">
  48.                 <label class="form_label">Intervento - Minuto*</label>
  49.                 <div {{ form_errors(form.timeMinute) }}>
  50.                     {{ form_widget(form.timeMinute, {'attr':{'class':'form-control form-select'}}) }}
  51.                 </div>
  52.             </div>
  53.         {% else %}
  54.             {{ form_widget(form.date, {'attr':{'class':'display_n'}}) }}
  55.             {{ form_widget(form.timeHour, {'attr':{'class':'display_n'}}) }}
  56.             {{ form_widget(form.timeMinute, {'attr':{'class':'display_n'}}) }}
  57.         {% endif %}
  58.         <div class="col-12 form-group">
  59.             <label class="form_label">Esito*</label>
  60.             <div {{ form_errors(form.outcome) }}>
  61.                 {{ form_widget(form.outcome, {'attr':{'class':'form-control form-select', 'onChange':'updateReferentAndMotivation()'}}) }}
  62.             </div>
  63.         </div>
  64.         {% if intervention.outcomeType.slug != 'completed' %}
  65.             <div class="col-12 col-md-6 col-lg-4 form-group" id="div_referent" style="display: none">
  66.                 <label class="form_label">Referente*</label>
  67.                 <div {{ form_errors(form.referent) }}>
  68.                     {{ form_widget(form.referent) }}
  69.                 </div>
  70.             </div>
  71.             <div class="col-12 col-md-6 col-lg-4 form-group" id="div_phone" style="display: none">
  72.                 <label class="form_label">Telefono*</label>
  73.                 <div {{ form_errors(form.phone) }}>
  74.                     {{ form_widget(form.phone) }}
  75.                 </div>
  76.             </div>
  77.             <div class="col-12 col-md-12 col-lg-4 form-group" id="div_photo" style="display: none">
  78.                 <label class="form_label">Foto*</label>
  79.                 <div {{ form_errors(form.file) }}>
  80.                     {{ form_widget(form.photoPath, {'attr': {'class':'display_n'}}) }}
  81.                     {{ form_widget(form.file, {'attr': {'class':'display_n'}}) }}
  82.                     <div class="input-group">
  83.                         <span class="input-group-btn"><button id="selectFile1" class="button button-3d button-small button-rounded button-pr button_input_group" type="button">Seleziona</button></span>
  84.                         <input id="filename1" type="text" class="form-control" readonly>
  85.                     </div>
  86.                 </div>
  87.             </div>
  88.         {% else %}
  89.             <div class="col-12 col-md-6 col-lg-4 form-group" id="div_referent" style="display: none">
  90.                 {{ form_widget(form.referent, {'attr': {'class':'display_n'}}) }}
  91.             </div>
  92.             <div class="col-12 col-md-6 col-lg-4 form-group" id="div_phone" style="display: none">
  93.                 {{ form_widget(form.phone, {'attr': {'class':'display_n'}}) }}
  94.             </div>
  95.             <div class="col-12 col-md-12 col-lg-4 form-group" id="div_photo" style="display: none">
  96.                 {{ form_widget(form.photoPath, {'attr': {'class':'display_n'}}) }}
  97.             </div>
  98.             {{ form_widget(form.file, {'attr': {'class':'display_n'}}) }}
  99.         {% endif %}
  100.         <div class="col-12 form-group">
  101.             <label class="form_label" id="label_motivation">Motivazione</label>
  102.             <div {{ form_errors(form.motivation) }}>
  103.                 {{ form_widget(form.motivation) }}
  104.             </div>
  105.         </div>
  106.         {% if intervention.outcomeType.slug != 'completed' %}
  107.             <div class="col-12 col-md-4 form-group">
  108.                 <label class="form_label">Sospeso da - Data*</label>
  109.                 <div {{ form_errors(form.dateFrom) }}>
  110.                     {{ form_widget(form.dateFrom, {'attr':{'class':'form-control'}}) }}
  111.                 </div>
  112.             </div>
  113.             <div class="col-6 col-md-4 form-group">
  114.                 <label class="form_label">Sospeso da - Ora*</label>
  115.                 <div {{ form_errors(form.timeFromHour) }}>
  116.                     {{ form_widget(form.timeFromHour, {'attr':{'class':'form-control form-select'}}) }}
  117.                 </div>
  118.             </div>
  119.             <div class="col-6 col-md-4 form-group">
  120.                 <label class="form_label">Sospeso da - Minuto*</label>
  121.                 <div {{ form_errors(form.timeFromMinute) }}>
  122.                     {{ form_widget(form.timeFromMinute, {'attr':{'class':'form-control form-select'}}) }}
  123.                 </div>
  124.             </div>
  125.             <div class="col-12 col-md-4 form-group" >
  126.                 <label class="form_label" id="label_suspension_to_date">Sospeso fino a - Data</label>
  127.                 <div {{ form_errors(form.dateTo) }}>
  128.                     {{ form_widget(form.dateTo, {'attr':{'class':'form-control'}}) }}
  129.                 </div>
  130.             </div>
  131.             <div class="col-6 col-md-4 form-group">
  132.                 <label class="form_label" id="label_suspension_to_time">Sospeso fino a - Ora</label>
  133.                 <div {{ form_errors(form.timeToHour) }}>
  134.                     {{ form_widget(form.timeToHour, {'attr':{'class':'form-control form-select'}}) }}
  135.                 </div>
  136.             </div>
  137.             <div class="col-6 col-md-4 form-group">
  138.                 <label class="form_label" id="label_suspension_to_minute">Sospeso fino a - Minuto</label>
  139.                 <div {{ form_errors(form.timeToMinute) }}>
  140.                     {{ form_widget(form.timeToMinute, {'attr':{'class':'form-control form-select'}}) }}
  141.                 </div>
  142.             </div>
  143.         {% else %}
  144.             {{ form_widget(form.dateFrom, {'attr':{'class':'display_n'}}) }}
  145.             {{ form_widget(form.timeFromHour, {'attr':{'class':'display_n'}}) }}
  146.             {{ form_widget(form.timeFromMinute, {'attr':{'class':'display_n'}}) }}
  147.             {{ form_widget(form.dateTo, {'attr':{'class':'display_n'}}) }}
  148.             {{ form_widget(form.timeToHour, {'attr':{'class':'display_n'}}) }}
  149.             {{ form_widget(form.timeToMinute, {'attr':{'class':'display_n'}}) }}
  150.         {% endif %}
  151.         <div class="col-12 m_t_20p">
  152.             {% if intervention.outcomeType.slug != 'completed' %}
  153.                 <a href="{{ path ('user_ticket_sheet', {'ticketId':ticket.id}) }}" class="button button-3d button-small button-red f_left">Annulla</a>
  154.             {% else %}
  155.                 <a href="{{ path ('user_ticket_intervention_activity_summary', {'interventionId': intervention.id}) }}" class="button button-3d button-small button-red f_left">Annulla</a>
  156.             {% endif %}
  157.             <button type="submit" class="button button-3d button-small button-green f_right">Conferma</button>
  158.         </div>
  159.     </div>
  160. {{ form_end(form) }}
  161. {% endblock %}
  163. {% block javascripts %}
  164. {{ parent() }}
  165. {% include 'components/js/upload_file_js.html.twig' with {'number':'1', 'file':'form_intervention_file', 'path':'form_intervention_photoPath'} %}
  166. <script>
  167.     $(document).ready(function(){
  169.         {% if intervention.datetime != null %}            
  170.             document.getElementById('form_intervention_date').value = '{{ intervention.datetime|date("d-m-Y") }}';
  171.             document.getElementById('form_intervention_timeHour').value = '{{ intervention.datetime|date("H") }}';
  172.             document.getElementById('form_intervention_timeMinute').value = '{{ intervention.datetime|date("i") }}';
  173.         {% else %}
  174.             var today = new Date();
  175.             if(today.getDate() >= 10) var day = today.getDate(); else var day = '0' + today.getDate();
  176.             if(today.getMonth() >= 9) var month = parseInt(today.getMonth() + 1); else var month = '0' + (parseInt(today.getMonth() + 1));
  177.             var hour = today.getHours();
  178.             if(today.getHours() < 10) var hour = '0' + hour;
  179.             var minute = today.getMinutes();
  180.             if(today.getMinutes() < 10) var minute = '0' + minute;
  181.             document.getElementById('form_intervention_date').value = day + '-' + month + '-' + today.getFullYear();
  182.             document.getElementById('form_intervention_timeHour').value = hour;
  183.             document.getElementById('form_intervention_timeMinute').value = minute;
  184.         {% endif %}
  186.         document.getElementById('form_intervention_dateFrom').value = document.getElementById('form_intervention_date').value;
  187.         document.getElementById('form_intervention_timeFromHour').value = document.getElementById('form_intervention_timeHour').value;
  188.         document.getElementById('form_intervention_timeFromMinute').value = document.getElementById('form_intervention_timeMinute').value;
  189.     });
  191.     $('#form_intervention_date').datepicker({ autoclose: true, todayHighlight: true, format: "dd-mm-yyyy" });
  192.     $('#form_intervention_dateFrom').datepicker({ autoclose: true, todayHighlight: true, format: "dd-mm-yyyy", endDate: "today" });
  193.     $('#form_intervention_dateTo').datepicker({ autoclose: true, todayHighlight: true, format: "dd-mm-yyyy" });
  195.     {% if intervention.outcomeType.slug != 'completed' %}
  196.         $(document).ready(function(){
  197.             updateReferentAndMotivation();
  198.         });
  199.     {% else %}
  200.         {% if outcomeCompletedDefault != null %}
  201.             $(document).ready(function(){
  202.                 document.getElementById('form_intervention_outcome').value = "{{ outcomeCompletedDefault.id }}";
  203.             });
  204.         {% endif %}
  205.     {% endif %}
  207.     function updateReferentAndMotivation(){
  208.         var outcomeId = document.getElementById('form_intervention_outcome').value;
  209.         {% if intervention.outcomeType.slug != 'completed' %}
  210.             document.getElementById('label_suspension_to_date').innerHTML = 'Sospeso fino a - Data';
  211.             document.getElementById('label_suspension_to_time').innerHTML = 'Sospeso fino a - Ora';
  212.         {% endif %}
  213.         document.getElementById('div_referent').style.display = 'none';
  214.         document.getElementById('label_motivation').innerHTML = 'Motivazione';
  215.         document.getElementById('div_phone').style.display = 'none';
  216.         document.getElementById('div_photo').style.display = 'none';
  217.         if(outcomeId != ""){
  218.             $.post('{{ path ("user_ticket_intervention_outcome_update") }}', {outcomeId: outcomeId}, function(response){ 
  219.                 if(response.code == 200 && response.success){
  220.                     {% if intervention.outcomeType.slug != 'completed' %}
  221.                         if(response.suspensionTo) document.getElementById('label_suspension_to_date').innerHTML = 'Sospeso fino a - Data*';
  222.                         if(response.suspensionTo) document.getElementById('label_suspension_to_time').innerHTML = 'Sospeso fino a - Ora*';
  223.                     {% endif %}
  224.                     if(response.referent) document.getElementById('div_referent').style.display = 'block';
  225.                     if(response.motivation) document.getElementById('label_motivation').innerHTML = 'Motivazione*';
  226.                     if(response.phone) document.getElementById('div_phone').style.display = 'block';
  227.                     if(response.photo) document.getElementById('div_photo').style.display = 'block';
  228.                 }
  229.             }, "json");
  230.         }
  231.     }
  232. </script>
  233. {% endblock %}