SHARE
TWEET

Untitled

a guest Jul 16th, 2019 74 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?php
  2. /**
  3.  * Created by PhpStorm.
  4.  * User: salioudiabate
  5.  * Date: 03/07/2019
  6.  * Time: 14:34
  7.  */
  8. ?>
  9. @extends('layouts.app')
  10. @section('content')
  11.     <section id="formule">
  12.         <div class="row">
  13.             <div class="col-md-12">
  14.                 <div class="masonry-item col-md-12" style="position: absolute; left: 0; top: 0;">
  15.                     <div class="bgc-white p-20 bd">
  16.                         <h4 class="c-grey-900">Liste des formules</h4>
  17.                         <div class="mT-30">
  18.                             <div class="row">
  19.                                 <div class="col-md-12">
  20.                                     <div class="card">
  21.                                         <div class="card-body">
  22.                                             <a href="#" data-toggle="modal" data-target="#formuleModal" class="btn btn-primary btn-outline-primary float-right">Nouveau</a>
  23.                                             <br><br>
  24.                                             <table id="table"  class="table table-striped"
  25.                                                    data-toggle="table"
  26.                                                    data-toolbar="#toolbar"
  27.                                                    data-click-to-select="true"
  28.                                                    data-single-select="true"
  29.                                                    data-url="{{ route('formule.index') }}"
  30.                                                    data-side-pagination="server"
  31.                                                    data-pagination="true"
  32.                                                    data-trim-on-search="false"
  33.                                                    data-page-size="10"
  34.                                                    data-page-list="[5, 10, 20, 50, 100, 200]"
  35.                                                    data-search="true">
  36.                                                 <thead>
  37.                                                 <tr>
  38.                                                     <th data-field="name">LibellĂ©</th>
  39.                                                     <th data-field="price">Prix</th>
  40.                                                     <th data-field="seance">Nombre de sĂ©ance</th>
  41.                                                     <th data-field="description">Description</th>
  42.                                                     <th data-field="id" data-align="center" data-formatter="optionsFormatter" data-width="120px">Option</th>
  43.                                                 </tr>
  44.                                                 </thead>
  45.                                             </table>
  46.                                         </div>
  47.                                     </div>
  48.                                 </div>
  49.                             </div>
  50.                         </div>
  51.                     </div>
  52.                 </div>
  53.             </div>
  54.             <modal-component></modal-component>
  55.         </div>
  56.     </section>
  57. @endsection
  58. @push('scripts')
  59.     <script type="text/javascript">
  60.         let baseUrl = "{{ url('/') }}";
  61.         function optionsFormatter(id, row, index) {
  62.             var options = "";
  63.             options += '<a title="Modification" onclick="javascript:showEditionModal(' + index + ');" href="#"><i class="fa fa-edit"></i></a>&nbsp;&nbsp;';
  64.             options += '<a title="Supprimer" onclick="javascript:showDeleteConfirmMessage(\'' + id + '\');" href="#"><i class="fa fa-trash"></i></a>';
  65.             return options;
  66.         }
  67.  
  68.         function showEditionModal(index) {
  69.             console.log(this.$refs);
  70.             //this.$refs.child.edit(index);
  71.         }
  72.  
  73.         function showDeleteConfirmMessage(id) {
  74.             swal({
  75.                 title: "Confirmation",
  76.                 text: "Etes vous sĂ»r de bien vouloir supprimer cette formule ?",
  77.                 showCancelButton: true,
  78.                 confirmButtonColor: "#DD6B55",
  79.                 confirmButtonText: "Continuer",
  80.                 cancelButtonText: "Annuler",
  81.                 closeOnConfirm: false
  82.             }, function (response) {
  83.  
  84.                 var data = "id=" + id +"&_token="+ $('meta[name="csrf-token"]').attr('content');
  85.  
  86.                 if(response) {
  87.                     $.ajax({
  88.                         type: "POST",
  89.                         url: "{{ route('formule.delete') }}",
  90.                         cache: false,
  91.                         dataType: "json",
  92.                         timeout: 10000,
  93.                         data: data,
  94.                         success: function (reponse) {
  95.                             swal({
  96.                                 title: 'Suppression reussie',
  97.                                 text: "La formule a bien Ă©tĂ© supprimĂ©e",
  98.                                 type: 'success',
  99.                                 timer: 3000
  100.                             }, function(dismiss){
  101.                                 window.location.reload();
  102.                             });
  103.                         },
  104.                         error: function (error) {
  105.                             swal("Echec de suppression", "La suppression a echouĂ©e, veuillez rĂ©essayer.", "error");
  106.                             console.log("Erreur : " + error);
  107.                         }
  108.                     });
  109.                 }
  110.             });
  111.         }
  112.     </script>
  113. @endpush
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top