templates/admin/new_expensive.html.twig line 1

Open in your IDE?
  1. {% extends 'dashboard_layout.html.twig' %}
  2.     
  3.     {% block title %} {{ parent() }} | {{ boutique.nom }}{% endblock %}
  4.     
  5. {% block real_content  %}
  6.  <p>
  7.     <nav>
  8.         <ol class="breadcrumb">
  9.             <li class="breadcrumb-item"><a href="{{ path('admin.expensives', {'slug': boutique.slug}) }}">{{ 'admin.expensives.label' | trans }}</a></li>
  10.             <li class="breadcrumb-item active">{{ 'admin.expensives.new_expensive' | trans }}</li>
  11.             </ol>
  12.     </nav>
  13. </p>
  14. <div class="main-card mb-3 card">
  15.     <div class="card-body">
  16.         <h3>{{ 'admin.expensives.new_expensive' | trans }}</h3>
  17.         <hr/>
  18.         <form id="formExpensive" class="forms-sample" method="POST" action="{{ path('admin.new_expensive', {'slug': boutique.slug}) }}">
  19.             <div class="form-group">
  20.                 {{ form_label(form.piece) }}
  21.                 {{ form_widget(form.piece) }}
  22.             </div>
  23.             <br/>
  24.             <div class="form-group">
  25.                 {{ form_label(form.categorieDepense) }}
  26.                 {{ form_widget(form.categorieDepense) }}
  27.             </div>
  29.             <br/>
  30.             <div class="form-group">
  31.                 {{ form_label(form.laDate) }}
  32.                 {{ form_widget(form.laDate) }}
  33.             </div>
  34.             <br/>
  35.             <div class="form-group">
  36.                 {{ form_label(form.montant) }}
  37.                 {{ form_widget(form.montant) }}
  38.             </div>
  40.             <div class="form-group">
  41.                 <label for="moyenDePaiement">{{ 'admin.payment_method.label' | trans }} </label>
  42.                 <select class="form-select" id="moyenDePaiement" name="moyenDePaiement" required="required" />
  43.                     <option value="">Faites un choix</option>
  44.                     <option value="cash">Espèce</option>
  45.                     <option value="card">Carte bancaire</option>
  46.                     <option value="check">Chèque</option>
  47.                     <option value="mobile-money">Mobile money</option>
  48.                     <option value="transfer">Virement</option>
  49.                                     
  50.                 </select>
  51.             </div>
  52.             
  53.             <br/>
  54.             <div class="form-group">
  55.                 {{ form_label(form.tiers) }}
  56.                 {{ form_widget(form.tiers) }}
  57.             </div>
  58.             <br/>
  59.             <div class="form-group">
  60.                 {{ form_label(form.detail) }}
  61.                 {{ form_widget(form.detail) }}
  62.             </div>
  63.             <br/>
  64.             <div class="form-group">
  65.                 <input id="btnEnregistrerExpensive" class="btn btn-primary float-right" type="submit" value="{{ 'admin.save' | trans }}" />
  66.             </div>
  67.             
  68.             {{ form_rest(form) }}
  69.         </form>
  70.     </div>
  71. </div>
  73. {% endblock real_content  %}
  75. {% block javascripts  %}
  76.     {{ parent() }}
  77.     
  78.     <script type="text/javascript">
  79.         $(function(){
  80.             var $formExpensive = $('#formExpensive');
  81.             var $btnEnregistrerExpensive = $('#btnEnregistrerExpensive');
  82.             var $expensiveMontant = $('#expensive_montant');
  83.             var $expensiveTVA = $('#expensive_tva');
  84.             var $expensiveTTC = $('#expensive_ttc');
  86.             $expensiveMontant.keyup(function(){
  87.                 calculerMontantTTC();
  88.             });
  90.             $expensiveTVA.keyup(function(){
  91.                 calculerMontantTTC();
  92.             });
  94.             function calculerMontantTTC()
  95.             {
  96.                 let ttc = parseFloat($expensiveMontant.val()) + parseFloat($expensiveTVA.val());
  97.                 $expensiveTTC.val(ttc);
  98.             }
  99.             
  100.             $btnEnregistrerExpensive.click(function(e){
  101.                 e.preventDefault();
  102.                 if(parseFloat($expensiveMontant.val()) <= 0 || $expensiveMontant.val() == ''){
  103.                     toggleMessage('error', 'Veuillez remplir les champs');
  104.                     $expensiveMontant.focus()
  105.                 } else{
  106.                     $(this).attr('disabled', true);
  107.                     enregistrerElement();
  108.                 }
  109.         });
  110.         
  111.         function enregistrerElement()
  112.         {
  113.             toggleLoading();
  114.               $.ajax({
  115.                 url: $formExpensive.attr('action'),
  116.                 method: 'POST',
  117.                 data: $formExpensive.serialize(),
  118.                 //processData: false,
  119.                 //contentType: false,
  120.                 success: function (data, textStatus, jqXHR) {
  121.                     toggleMessage('success', 'Enregistrement effectué');
  122.                     $formExpensive.trigger('reset');
  123.                     $btnEnregistrerExpensive.attr('disabled', false);
  124.                     toggleLoading();
  125.                 },
  126.                 error: function(jqXHR, textStatus, errorThrown ){
  127.                     toggleLoading();
  128.                     toggleMessage('error', 'Erreur survenue');
  129.                     $btnEnregistrerExpensive.attr('disabled', false);
  130.                 }
  131.             });
  132.         }
  133.         
  134.         });
  135.     </script>
  137. {% endblock javascripts  %}