templates/admin/edit_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.edit_expensive' | trans }}</li>
  11.             </ol>
  12.     </nav>
  13. </p>
  15. <div class="main-card mb-3 card">
  16.     <div class="card-body">
  17.         <h3>{{ 'admin.expensives.edit_expensive' | trans }}</h3>
  18.         <hr/>
  19.         <form id="formExpensive" class="forms-sample" method="POST" action="{{ path('admin.edit_expensive', {'slug': boutique.slug, 'id': expensive.id}) }}">
  20.             
  21.             <div class="form-group">
  22.                 {{ form_label(form.piece) }}
  23.                 {{ form_widget(form.piece) }}
  24.             </div>
  25.             <br/>
  26.             <div class="form-group">
  27.                 {{ form_label(form.categorieDepense) }}
  28.                 {{ form_widget(form.categorieDepense) }}
  29.             </div>
  31.             <br/>
  32.             <div class="form-group">
  33.                 {{ form_label(form.laDate) }}
  34.                 {{ form_widget(form.laDate) }}
  35.             </div>
  36.             <br/>
  37.             <div class="form-group">
  38.                 {{ form_label(form.montant) }}
  39.                 {{ form_widget(form.montant) }}
  40.             </div>
  41.             <div class="form-group">
  42.                 <label for="moyenDePaiement">{{ 'admin.payment_method.label' | trans }} </label>
  43.                 <select class="form-select" id="moyenDePaiement" name="moyenDePaiement" required="required" />
  44.                     <option value="">Faites un choix</option>
  45.                     <option value="cash">Espèce</option>
  46.                     <option value="card">Carte bancaire</option>
  47.                     <option value="check">Chèque</option>
  48.                     <option value="mobile-money">Mobile money</option>
  49.                     <option value="transfer">Virement</option>
  50.                                     
  51.                 </select>
  52.             </div>
  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.             
  65.             <br/>
  66.             <div class="form-group">
  67.                 <input id="btnEnregistrerExpensive" class="btn btn-primary float-right" type="submit" value="{{ 'admin.save' | trans }}" />
  68.             </div>
  69.             
  70.             {{ form_rest(form) }}
  71.         </form>
  72.     </div>
  73. </div>
  75. {% endblock real_content  %}
  77. {% block javascripts  %}
  78.     {{ parent() }}
  79.     
  80.     <script type="text/javascript">
  81.         $(function(){
  82.             var $formExpensive = $('#formExpensive');
  83.             var $btnEnregistrerExpensive = $('#btnEnregistrerExpensive');
  84.             var $expensiveMontant = $('#expensive_edit_montant');
  85.             var $expensiveTVA = $('#expensive_edit_tva');
  86.             var $expensiveTTC = $('#expensive_edit_ttc');
  88.             $expensiveMontant.keyup(function(){
  89.                 calculerMontantTTC();
  90.             });
  92.             $expensiveTVA.keyup(function(){
  93.                 calculerMontantTTC();
  94.             });
  96.             function calculerMontantTTC()
  97.             {
  98.                 let ttc = parseFloat($expensiveMontant.val()) + parseFloat($expensiveTVA.val());
  99.                 $expensiveTTC.val(ttc);
  100.             }
  102.             $btnEnregistrerExpensive.click(function(e){
  103.                 e.preventDefault();
  104.                 if(parseFloat($expensiveMontant.val()) <= 0 || $expensiveMontant.val() == ''){
  105.                     toggleMessage('error', 'Veuillez remplir les champs');
  106.                 } else{
  107.                     $(this).attr('disabled', true);
  108.                     enregistrerElement();
  109.                 }
  110.         });
  111.         
  112.         function enregistrerElement()
  113.         {
  114.             toggleLoading();
  115.               $.ajax({
  116.                 url: $formExpensive.attr('action'),
  117.                 method: 'POST',
  118.                 data: $formExpensive.serialize(),
  119.                 //processData: false,
  120.                 //contentType: false,
  121.                 success: function (data, textStatus, jqXHR) {
  122.                     toggleMessage('success', 'Enregistrement effectué');
  123.                     
  124.                     $btnEnregistrerExpensive.attr('disabled', false);
  125.                     toggleLoading();
  126.                 },
  127.                 error: function(jqXHR, textStatus, errorThrown ){
  128.                     toggleLoading();
  129.                     toggleMessage('error', 'Erreur survenue');
  130.                     $btnEnregistrerExpensive.attr('disabled', false);
  131.                 }
  132.             });
  133.         }
  134.         
  135.         });
  136.     </script>
  138. {% endblock javascripts  %}