templates/mobile/VehiculeMouvementForm.html.twig line 1

  1. {% extends 'mobile/_base.html.twig' %}
  3. {% block title %}Saisir une dépense Carburant{% endblock %}
  5. {% form_theme form 'bootstrap_4_layout.html.twig' %}
  7. {% block body %}
  8.     <div class="panel-primary">
  9.         <div class="panel-heading">
  10.             Saisir une dépense Carburant
  11.         </div>
  12.         <div class="panel-body">
  13.             {% for label, messages in app.flashes(['error','notice']) %}
  14.                 {% for message in messages %}
  15.                     <div class="flash-{{label}}">{% if label == 'notice' %}<i class="fa fa-check fa-1x"></i>{% endif %}{{message}}</div>
  16.                 {% endfor %}
  17.             {% endfor %}
  19.             {{ form_start(form, { 'attr': { 'class': 'form-horizontal'}}) }}
  20.                 {{ form_errors(form) }}
  22.                 {{ form_row(form.compteDebit) }}
  23.                 {{ form_row(form.categorie) }}
  24.                 {{ form_row(form.km) }}
  25.                 {{ form_row(form.litre) }}
  26.                 {{ form_row(form.prixLitre) }}
  27.                 {{ form_row(form.montant) }}
  29.                 {{ form_rest(form) }}
  30.                 <a href="{{ path('mobile_vehicule_mouvement') }}" style="float:rigth;">Saisir un nouveau mouvement</a>
  31.             {{ form_end(form) }}
  32.         </div>
  33.     </div>
  35.     <script>
  36.         $('#vehicule_mouvement_litre').blur(function(){
  37.             calculMontant();
  38.         });
  39.         $('#vehicule_mouvement_prixLitre').blur(function(){
  40.             calculMontant();
  41.         });
  42.         function calculMontant() {
  43.             let litre = $('#vehicule_mouvement_litre').val();
  44.             let prixLitre = $('#vehicule_mouvement_prixLitre').val();
  45.             //alert(litre + ' <=> ' + prixLitre);
  46.             if(litre > 0 && prixLitre > 0) {
  47.                 $('#vehicule_mouvement_montant').val(parseInt(litre * prixLitre * 100)/100);
  48.             }
  49.         }
  50.     </script>
  52. <p></p>
  53. {% endblock %}