templates/_jsBase.html.twig line 1

Open in your IDE?
  1. <script>    
  2.     
  3.     $(document).ready(function () {
  4.         $('#defaultDataTable').DataTable({
  5.             scrollY: '50vh',
  6.             scrollCollapse: false,
  7.             paging: false
  8.         });
  9.         $('.select').select2();
  10.         hideOrDisplaySelectedBtn();
  11.     })
  12.     const swalWithBootstrapButtons = Swal.mixin({
  13.         customClass: {
  14.             confirmButton: 'btn btn-success',
  15.             cancelButton: 'btn btn-danger'
  16.         },
  17.         buttonsStyling: false
  18.     })
  19.     function hideOrDisplaySelectedBtn(){
  20.         disableSelected = $("#disable-selected-btn");
  21.         enableSelected = $("#enable-selected-btn");
  22.         deleteSelected = $("#delete-selected-btn");
  23.         selection = $(".selected-btn");
  24.         checkOne = $(".check-one");
  25.         countcheckOne = checkOne.filter(':checked').length;
  26.         $("#count-checked").text(countcheckOne);
  27.         if(countcheckOne > 0){
  28.             disableSelected.css('display', 'inline-block');
  29.             enableSelected.css('display', 'inline-block');
  30.             deleteSelected.css('display', 'inline-block');
  31.             selection.show();
  32.         }else{
  33.             disableSelected.css('display', 'none'); 
  34.             enableSelected.css('display', 'none'); 
  35.             deleteSelected.css('display', 'none'); 
  36.             selection.hide(); 
  37.         }     
  38.     }
  40.     /* nouvelle methode de suppression groupe */
  41.     function setSelected(){
  42.         var selected = new Array()
  43.         $("tbody input[type=checkbox]:checked").each(function () {
  44.             selected.push(this.value);
  45.         });
  47.         if (selected.length > 0) {
  48.             disableSelected.css('display', 'inline-block');
  49.             enableSelected.css('display', 'inline-block');
  50.             deleteSelected.css('display', 'inline-block');
  51.             selection.show();
  52.             $("#count-checked").text(selected.length);
  53.         }else{
  54.             disableSelected.css('display', 'none');
  55.             enableSelected.css('display', 'none');
  56.             deleteSelected.css('display', 'none');
  57.             selection.hide();
  58.         }
  59.         console.log(selected);
  60.         return selected;
  61.     }
  62.     function checkElt(){
  63.         setSelected();
  64.     }
  66.     function checkAllElt(){
  67.         if($('#check-all').is(":checked")){
  68.             $("input[type=checkbox]").each(function () {
  69.                 $(this).prop('checked', true);
  70.             });
  71.         }else{
  72.             $("input[type=checkbox]").each(function () {
  73.                 $(this).prop('checked', false);
  74.             });
  75.         }
  77.         setSelected();
  78.     }
  80.     function actionByPathAndElts(path){
  81.         var elts = setSelected();
  82.         swalWithBootstrapButtons.fire({
  83.             title: 'Êtes-vous sûr de bien vouloir effectuer cette action?',
  84.             text: "Vous ne pourrez pas revenir en arrière!",
  85.             icon: 'warning',
  86.             showCancelButton: true,
  87.             confirmButtonText: 'OUI',
  88.             cancelButtonText: 'NON',
  89.             reverseButtons: true,
  90.             }).then((result) => {
  91.             if (result.isConfirmed) {
  92.                 $('.loader').addClass('is-active');
  93.                 axios.get(path, {
  94.                     params: {
  95.                         entities: elts
  96.                     }
  97.                 }).then(function (response) {
  98.                     console.log(response.data.message);
  99.                     console.log(elts);
  100.                     $('.loader').removeClass('is-active');
  101.                     if(response.data.code == 200){
  102.                         swalWithBootstrapButtons.fire({
  103.                             title: 'Effectué!',
  104.                             text: response.data.message,
  105.                             icon: 'success',
  106.                             showCancelButton: false,
  107.                             confirmButtonText: 'OK'
  108.                         }).then((result) => {
  109.                                 if (result.isConfirmed) {
  110.                                     location.reload();
  111.                                 }
  112.                         });
  113.                     }else{
  114.                         swalWithBootstrapButtons.fire({
  115.                             title: 'Echèc!',
  116.                             text: response.data.message,
  117.                             icon: 'warning',
  118.                             showCancelButton: false,
  119.                             confirmButtonText: 'OK'
  120.                         }).then((result) => {
  121.                                 if (result.isConfirmed) {
  122.                                     location.reload();
  123.                                 }
  124.                         });
  125.                     }
  126.                     
  127.                 });
  128.             } else if (
  129.                 /* Read more about handling dismissals below */
  130.                 result.dismiss === Swal.DismissReason.cancel
  131.             ) {
  132.                 swalWithBootstrapButtons.fire(
  133.                     'Annulé',
  134.                     'Votre enrégistrement est en sécurité:)',
  135.                     'error'
  136.                 )
  137.             }
  138.         })
  139.     }
  141.     function changeUserPassword(path){
  142.         swalWithBootstrapButtons.fire({
  143.             title: 'Êtes-vous sûr de bien vouloir effectuer cette action?',
  144.             text: "Vous ne pourrez pas revenir en arrière!",
  145.             icon: 'warning',
  146.             showCancelButton: true,
  147.             confirmButtonText: 'OUI',
  148.             cancelButtonText: 'NON',
  149.             reverseButtons: true,
  150.             }).then((result) => {
  151.             if (result.isConfirmed) {
  152.                 $('.loader').addClass('is-active');
  153.                 axios.get(path, {
  154.                     params: {
  155.                         newPassword: $('#newPassword').val(),
  156.                         oldPassword: $('#oldPassword').val(),
  157.                         confirmPassword: $('#confirmPassword').val(),
  158.                     }
  159.                 }).then(function (response) {
  160.                     console.log(response.data.message);
  161.                     $('.loader').removeClass('is-active');
  162.                     if(response.data.code == '200'){
  163.                         swalWithBootstrapButtons.fire({
  164.                             title: 'Effectué!',
  165.                             text: response.data.message,
  166.                             icon: 'success',
  167.                             showCancelButton: false,
  168.                             confirmButtonText: 'OK'
  169.                         }).then((result) => {
  170.                                 if (result.isConfirmed) {
  171.                                     location.reload();
  172.                                 }
  173.                         });
  174.                     }else{
  175.                         swalWithBootstrapButtons.fire({
  176.                             title: 'Echèc!',
  177.                             text: response.data.message,
  178.                             icon: 'warning',
  179.                             showCancelButton: false,
  180.                             confirmButtonText: 'OK'
  181.                         }).then((result) => {
  182.                                 if (result.isConfirmed) {
  183.                                     console.log("erreure");
  184.                                 }
  185.                         });
  186.                     }
  187.                 });
  188.             } else if (
  189.                 /* Read more about handling dismissals below */
  190.                 result.dismiss === Swal.DismissReason.cancel
  191.             ) {
  192.                 swalWithBootstrapButtons.fire(
  193.                     'Annulé',
  194.                     'Votre enrégistrement est en sécurité:)',
  195.                     'error'
  196.                 )
  197.             }
  198.         })
  199.     }
  200.     {% if is_granted('ROLE_USER') %}
  201.         {% if app.user.isPasswordChanged == 0 %}
  202.             $('#currentChangePasswordModal').modal();
  203.         {% endif %}
  204.     {% endif %}
  205. </script>