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