Botones deshabilitados para prevenr multiples clicks en backend

templates/backend/listas/agregar_cancion.html.twig

@@ -41,7 +41,7 @@
                                         <input id="selectedFilter" type="hidden" value="">
                                         <input id="searchString" type="text" class="form-control" aria-label="Text input with dropdown button" placeholder = "Escriba aqui..." >
                                         <div class="input-group-append">
-                                            <button id="searchButton" class="btn btn-outline-secondary" type="submit" onclick="buscarCancionPreparada(event)">Buscar</button>
+                                            <button id="searchButton" id="searchButton" class="btn btn-outline-secondary" type="submit" onclick="buscarCancionPreparada(event)">Buscar</button>
                                         </div>
                                     </div>
                                 </div>
@@ -79,7 +79,7 @@
 
                                                 function agregarCancionALista(event, idCan) {
                                                     event.preventDefault();
-                                                    $("#addCancionLista").addClass('disabled');
+                                                    $("#addCancionLista").prop('disabled', true);
                                                     var url = "{{path('app_backend_agregar_cancion_lista')}}";
                                                     var formData = new FormData();
                                                     formData.append("idLista", lista);
@@ -117,8 +117,7 @@
                                                                     $("#addCancionLista_" + idCan).attr("title", "La cancion fue agregada a la lista correctamente");
                                                                 },
                                                                 complete: function (data) {
-                                                                    $("#searchButton").button('reset');
-                                                                    $("#searchButton").removeClass('disabled');
+                                                                    $("#addCancionLista").prop('disabled', false);
                                                                 }
                                                             });
                                                 }
@@ -143,12 +142,11 @@
 
                                                     var url = "{{path('app_backend_buscar_cancion')}}";
                                                     var formData = new FormData();
-                                                    $("#searchButton").addClass('disabled');
-                                                    $("#searchButton").button("Buscando...");
+                                                    $("#searchButton").prop('disabled', true);
                                                     formData.append("filtro", filtro);
                                                     formData.append("lista", lista);
                                                     formData.append("searchString", searchString);
-
+                                                    
                                                     $.ajax
                                                             ({
                                                                 type: "POST",
@@ -180,8 +178,7 @@
                                                                     TableManageResponsive.init(order);
                                                                 },
                                                                 complete: function (data) {
-                                                                    $("#searchButton").button('reset');
-                                                                    $("#searchButton").removeClass('disabled');
+                                                                    $("#searchButton").prop('disabled', false);
                                                                 }
                                                             });
 

templates/backend/listas/editar.html.twig

@@ -285,9 +285,8 @@
             var url = "{{ path('app_backend_lista_editar_editar') }}";
             var formData = new FormData();
             var actualPadreId = "none";
-            $("#btnEditarLista").addClass('disabled');
-            $("#btnEditarLista").button("editando....");
-
+            $("#btnEditarLista").prop("disabled", true);
+            
             if ($("#actualPadreId").val() === "") {
                actualPadreId = "none";
             } else {
@@ -324,7 +323,7 @@
             formData.append("lisImagen", this.file, this.getName());
             formData.append("lisId", $("#lisId").val());
             formData.append("upload_file", true);
-
+                        
             $.ajax
                     ({
                         type: "POST",
@@ -351,8 +350,7 @@
                             infoMessage(data.success);
                         },
                         complete: function (data) {
-                            $("#btnEditarLista").button('reset');
-                            $("#btnEditarLista").removeClass('disabled');
+                            $("#btnEditarLista").prop('disabled', false);
                             console.log("hola");
                             $("#imagenActualLista").attr("src", "");
                             $("#imagenActualLista").attr("src", "{{app.request.getSchemeAndHttpHost()}}{{listado.getPathImagen()}}");

templates/backend/listas/nuevo.html.twig

@@ -270,8 +270,7 @@
             var that = this;
             var url = "{{ path('app_backend_listado_nuevo_crear') }}";
             var formData = new FormData();
-            $("#btnCrearLista").addClass('disabled');
-            $("#btnCrearLista").button("creando....");
+            $("#btnCrearLista").prop('disabled',true);
             formData.append("lisVigenciaInicio", $('#vigencia').data('daterangepicker').startDate.format('YYYY-MM-DD'));
             formData.append("lisVigenciaFin", $('#vigencia').data('daterangepicker').endDate.format('YYYY-MM-DD'));
             formData.append("lisNombre", $("#lisNombre").val());
@@ -302,7 +301,9 @@
             formData.append("token", $("#_csrf_token").val());
             formData.append("lisImagen", this.file, this.getName());
             formData.append("upload_file", true);
-
+            
+            $("#btnCrearLista").prop("disabled", true);
+            
             $.ajax
                     ({
                         type: "POST",
@@ -329,8 +330,7 @@
                             infoMessage(data.success);
                         },
                         complete: function (data) {
-                            $("#btnCrearLista").button('reset');
-                            $("#btnCrearLista").removeClass('disabled');
+                            $("#btnCrearLista").prop('disabled', false);
                         }
                     });
         };