templates/accounting/accounting_expense/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Dépenses | {{ parent() }}{% endblock %}
  5. {% block body %}
  6.     <div class="breadcrumb">
  7.         <h1 class="mr-2">Dépenses</h1>
  8.         <ul>
  9.             <li><a href="{{ path('default') }}">Accueil</a></li>
  10.             <li><a href="{{ path('accounting_expense_index') }}">Dépenses</a></li>
  11.             <li>{{ createdBy ? createdBy.username : 'Toutes les dépense' }}</li>
  12.         </ul>
  13.     </div>
  14.     <div class="separator-breadcrumb border-top"></div>
  15.     <div class="row mb-4">
  16.         <div class="col-md-12">
  17.             <a href="{{ path('accounting_expense_new') }}" onclick="$('.loader').addClass('is-active');" class="btn btn-primary"><i class="fa fa-plus"></i> Nouveau</a>
  18.             {% if is_granted('ROLE_ADMIN') %}
  19.                 <a href="#" class="btn btn-danger" onclick="javascript:actionByPathAndElts('{{path('accounting_expenses_selected_delete')}}')" id="delete-selected-btn"><i class="fa fa-trash"></i> Supprimer</a>
  20.             {% endif %}
  21.             {% if is_granted('ROLE_FONDATEUR') or app.user.isCanAprovedExpense %}
  22.                 {# <a href="#" class="btn btn-primary selected-btn" data-toggle="modal" data-target="#aproveModal"><i class="fa fa-check"></i> Approuver</a> #}
  23.                 <a href="#" class="btn btn-primary selected-btn" onclick="api_aprove();"><i class="fa fa-check"></i> Approuver</a>
  24.                 <a href="#" class="btn btn-warning selected-btn" onclick="api_cancel();"><i class="fa fa-times"></i> Annuler</a>
  25.             {% endif %}
  26.             <a href="#" class="btn btn-dark" data-toggle="modal" data-target="#reportExpenseModal"><i class="fa fa-search"></i> Imprimer</a>
  27.         </div>
  28.     </div>
  29.     <div class="row mb-4">
  30.         <div class="col-md-12 mb-4"
  31.             hx-post="{{ path('accounting_expense_searh_statistiques')}}"
  32.             hx-trigger="load delay:500ms"
  33.             hx-target="#search-statistiques" 
  34.             hx-indicator="#htmx-indicator-statistiques">
  35.             <span class="htmx-indicator text-danger" id="htmx-indicator-statistiques"> 
  36.                 <img src="{{ asset('spinner-3.gif') }}" width="20" />
  37.                 &nbsp;Recherche en cour... 
  38.             </span>
  39.             <div class="table-responsive" id="search-statistiques"></div>
  40.             <hr>
  41.             <div class="card text-left">
  42.                 <div class="card-body">
  43.                     {{ include('accounting/accounting_expense/_table.html.twig') }}
  44.                 </div>
  45.             </div>
  46.         </div>
  47.     </div>
  48.     <div class="modal fade" id="reportExpenseModal" role="dialog" aria-labelledby="reportExpenseModal" aria-hidden="true">
  49.         <div class="modal-dialog" role="document">
  50.             <div class="modal-content">
  51.                 <div class="modal-header">
  52.                     <h5 class="modal-title" id="reportExpenseModal_title">Imprimer</h5>
  53.                     <button class="close" type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  54.                 </div>
  55.                 <form method="get" action="{{ path('accounting_expense_report_print') }}">
  56.                     <div class="modal-body">
  57.                         <div class="form-group">
  58.                             <label class="col-form-label" for="dateStart">Date début:</label>
  59.                             <input type="date" name="dateStart" class="form-control">
  60.                         </div>
  61.                         <div class="form-group">
  62.                             <label class="col-form-label" for="dateEnd">Date fin:</label>
  63.                             <input type="date" name="dateEnd" class="form-control">
  64.                         </div>
  65.                         <div class="form-group">
  66.                             <label class="col-form-label" for="checkout">Caisse:</label>
  67.                             <select class="form-control select" style="width: 100%" name="checkout" id="checkout">
  68.                                 <option value="0">Toutes les caisses</option>
  69.                                 {% for checkout in checkouts %}
  70.                                     <option value="{{ checkout.id }}">{{ checkout.label }}</option>
  71.                                 {% endfor %}
  72.                             </select>
  73.                         </div>
  74.                         <div class="form-group">
  75.                             <label class="col-form-label" for="accounting_expense_category">Catégorie:</label>
  76.                             <select class="form-control select" name="accounting_expense_category" id="accounting_expense_category" style="width: 100%">
  77.                                 <option value="0">Toutes les catégorie</option>
  78.                                 {% for accounting_expense_category in accounting_expense_categories %}
  79.                                     <option value="{{ accounting_expense_category.id }}">{{ accounting_expense_category.name }}</option>
  80.                                 {% endfor %}
  81.                             </select>
  82.                         </div>
  83.                     </div>
  84.                     <div class="modal-footer">
  85.                         <button class="btn btn-secondary" type="button" data-dismiss="modal">Annuler</button>
  86.                         <button class="btn btn-primary" type="submit">Valider</button>
  87.                     </div>
  88.                     <input type="hidden" name="isAproved" value="0" />
  89.                     <input type="hidden" name="isCanceled" value="0" />
  90.                     <input type="hidden" name="isSubmited" value="0" />
  91.                     <input type="hidden" name="isPaid" value="0" />
  92.                 </form>
  93.             </div>
  94.         </div>
  95.     </div>
  97.     <div class="modal fade" id="aproveModal" role="dialog" aria-labelledby="aproveModal" aria-hidden="true">
  98.         <div class="modal-dialog" role="document">
  99.             <div class="modal-content">
  100.                 <div class="modal-header">
  101.                     <h5 class="modal-title" id="aproveModal_title">Approuvé dépense</h5>
  102.                     <button class="close" type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  103.                 </div>
  104.                 <form action="#">
  105.                     <div class="modal-body">
  106.                         <div class="form-group">
  107.                             <label class="col-form-label" for="amount">Caisse:</label>
  108.                             <select class="form-control" name="checkout" id="checkout" style="width: 100%">
  109.                                 {% for _checkout in checkouts %}
  110.                                     <option value="{{ _checkout.id }}">{{ _checkout.label }} - [{{ (_checkout.cashedIn - (_checkout.spent + _checkout.paid))|number_format(0, ',', ' ') }}]</option>
  111.                                 {% endfor %}
  112.                             </select>
  113.                         </div>
  114.                     </div>
  115.                     <div class="modal-footer">
  116.                         <button class="btn btn-secondary" type="button" data-dismiss="modal">Annuler</button>
  117.                         <button class="btn btn-primary" type="button" onclick="api_aprove();">Validé</button>
  118.                     </div>
  119.                 </form>
  120.             </div>
  121.         </div>
  122.     </div>
  123. {% endblock %}
  124. {% block javascripts %}
  125.     {{ parent() }}
  126.     <script>
  127.         function api_aprove() {
  128.             var elts = setSelected();
  129.             swalWithBootstrapButtons.fire({
  130.                 title: 'Êtes-vous sûr de bien vouloir effectuer cette action?',
  131.                 text: "Vous ne pourrez pas revenir en arrière!",
  132.                 icon: 'warning',
  133.                 showCancelButton: true,
  134.                 confirmButtonText: 'OUI',
  135.                 cancelButtonText: 'NON',
  136.                 reverseButtons: true,
  137.             }).then((result) => {
  138.                 if (result.isConfirmed) {
  139.                     $('.loader').addClass('is-active');
  140.                     axios.get('{{ path('api_accounting_expense_aprove') }}', {
  141.                     params: {
  142.                         entities: elts/*,
  143.                         checkout: $('#checkout').val()*/
  144.                     }
  145.                     }).then(function (response) {
  146.                         console.log(response.data);
  147.                         $('.loader').removeClass('is-active');
  148.                         if(response.data.code == 200){
  149.                             swalWithBootstrapButtons.fire({
  150.                                 title: 'Effectué!',
  151.                                 text: response.data.message,
  152.                                 icon: 'success',
  153.                                 showCancelButton: false,
  154.                                 confirmButtonText: 'OK'
  155.                             }).then((result) => {
  156.                                     if (result.isConfirmed) {
  157.                                         location.reload();
  158.                                     }
  159.                             });
  160.                         }else{
  161.                             swalWithBootstrapButtons.fire({
  162.                                 title: 'Echèc!',
  163.                                 text: response.data.message,
  164.                                 icon: 'warning',
  165.                                 showCancelButton: false,
  166.                                 confirmButtonText: 'OK'
  167.                             }).then((result) => {
  168.                                     if (result.isConfirmed) {
  169.                                         location.reload();
  170.                                     }
  171.                             });
  172.                         }
  173.                         console.log(response.data.message);
  174.                     }).catch(function(error) {
  175.                         console.log(error);
  176.                     });
  177.                 }else if (
  178.                     /* Read more about handling dismissals below */
  179.                     result.dismiss === Swal.DismissReason.cancel
  180.                 ) {
  181.                     swalWithBootstrapButtons.fire(
  182.                         'Annulé',
  183.                         'Votre enrégistrement est en sécurité:)',
  184.                         'error'
  185.                     )
  186.                 }
  187.             })
  188.         }
  190.         function api_cancel() {
  191.             var elts = setSelected();
  192.             swalWithBootstrapButtons.fire({
  193.                 title: 'Êtes-vous sûr de bien vouloir effectuer cette action?',
  194.                 text: "Vous ne pourrez pas revenir en arrière!",
  195.                 icon: 'warning',
  196.                 showCancelButton: true,
  197.                 confirmButtonText: 'OUI',
  198.                 cancelButtonText: 'NON',
  199.                 reverseButtons: true,
  200.             }).then((result) => {
  201.                 if (result.isConfirmed) {
  202.                     $('.loader').addClass('is-active');
  203.                     axios.get('{{ path('api_accounting_expense_cancel') }}', {
  204.                     params: {
  205.                         entities: elts/*,
  206.                         checkout: $('#checkout').val()*/
  207.                     }
  208.                     }).then(function (response) {
  209.                         console.log(response.data);
  210.                         $('.loader').removeClass('is-active');
  211.                         if(response.data.code == 200){
  212.                             swalWithBootstrapButtons.fire({
  213.                                 title: 'Effectué!',
  214.                                 text: response.data.message,
  215.                                 icon: 'success',
  216.                                 showCancelButton: false,
  217.                                 confirmButtonText: 'OK'
  218.                             }).then((result) => {
  219.                                     if (result.isConfirmed) {
  220.                                         location.reload();
  221.                                     }
  222.                             });
  223.                         }else{
  224.                             swalWithBootstrapButtons.fire({
  225.                                 title: 'Echèc!',
  226.                                 text: response.data.message,
  227.                                 icon: 'warning',
  228.                                 showCancelButton: false,
  229.                                 confirmButtonText: 'OK'
  230.                             }).then((result) => {
  231.                                     if (result.isConfirmed) {
  232.                                         location.reload();
  233.                                     }
  234.                             });
  235.                         }
  236.                         console.log(response.data.message);
  237.                     }).catch(function(error) {
  238.                         console.log(error);
  239.                     });
  240.                 }else if (
  241.                     /* Read more about handling dismissals below */
  242.                     result.dismiss === Swal.DismissReason.cancel
  243.                 ) {
  244.                     swalWithBootstrapButtons.fire(
  245.                         'Annulé',
  246.                         'Votre enrégistrement est en sécurité:)',
  247.                         'error'
  248.                     )
  249.                 }
  250.             })
  251.         }
  252.     </script>
  253. {% endblock %}