Browse Source

correcion de preguntas y agregar tiempo de respuestas

main
sergiomarquez778 4 weeks ago
parent
commit
409d041a91
  1. 2
      app/Http/Controllers/MarcaController.php
  2. 14
      resources/views/marcas.blade.php
  3. 51
      resources/views/marcasCrearEditar.blade.php

2
app/Http/Controllers/MarcaController.php

@ -81,7 +81,7 @@ class MarcaController extends Controller
$marca = Marca::find($id); $marca = Marca::find($id);
$marca->fill($request->all()); $marca->fill($request->all());
$marca->save(); $marca->save();
return redirect()->route('marca.index'); return redirect()->route('marca.index')->with('success', 'Marca actualizada exitosamente.');
} }
/** /**

14
resources/views/marcas.blade.php

@ -4,7 +4,7 @@
<div class="container mx-auto px-4 py-6"> <div class="container mx-auto px-4 py-6">
<!-- Encabezado --> <!-- Encabezado -->
@if(session('success')) @if(session('success'))
<div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4" role="alert"> <div id="success-message" class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4" role="alert">
<span class="block sm:inline">{{ session('success') }}</span> <span class="block sm:inline">{{ session('success') }}</span>
</div> </div>
@endif @endif
@ -130,5 +130,17 @@ function confirmarEliminacion(button) {
} }
}); });
} }
// Desaparecer el mensaje después de 3 segundos
setTimeout(function() {
var message = document.getElementById('success-message');
if (message) {
message.style.transition = 'opacity 0.5s ease';
message.style.opacity = '0';
setTimeout(function() {
message.remove();
}, 500); // Tiempo para remover el elemento después de la transición
}
}, 3000); // Tiempo en milisegundos antes de comenzar a desaparecer
</script> </script>
@endsection @endsection

51
resources/views/marcasCrearEditar.blade.php

@ -69,8 +69,7 @@
class="px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"> class="px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
Cancelar Cancelar
</a> </a>
<button type="button" <button type="submit"
onclick="confirmarAccion()"
class="px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"> class="px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
{{ isset($marca) ? 'Actualizar' : 'Guardar' }} {{ isset($marca) ? 'Actualizar' : 'Guardar' }}
</button> </button>
@ -81,52 +80,4 @@
</div> </div>
</div> </div>
</div> </div>
<script>
function confirmarAccion() {
const esEdicion = {{ isset($marca) ? 'true' : 'false' }};
const nombre = document.getElementById('nombre').value.trim();
if (!nombre) {
Swal.fire({
title: 'Error',
text: 'El nombre de la marca es obligatorio',
icon: 'error',
confirmButtonColor: '#3085d6',
confirmButtonText: 'Entendido'
});
return;
}
Swal.fire({
title: esEdicion ? '¿Editar marca?' : '¿Guardar marca?',
html: esEdicion ?
`¿Estás seguro de editar la marca a:<br><strong>${nombre}</strong>?` :
`¿Estás seguro de guardar la marca:<br><strong>${nombre}</strong>?`,
icon: 'question',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: esEdicion ? 'Sí, editar' : 'Sí, guardar',
cancelButtonText: 'Cancelar'
}).then((result) => {
if (result.isConfirmed) {
document.getElementById('marcaForm').submit();
}
});
}
// Prevenir envío del formulario con Enter
document.getElementById('marcaForm').addEventListener('keypress', function(e) {
if (e.key === 'Enter') {
e.preventDefault();
confirmarAccion();
}
});
// Focus en el campo nombre al cargar la página
document.addEventListener('DOMContentLoaded', function() {
document.getElementById('nombre').focus();
});
</script>
@endsection @endsection

Loading…
Cancel
Save