Recent posts
Don't miss the latest trends
-
coders guild
wrfewwer
public function store(Request $request) { $request->validate([ 'firstname' => ['required', 'string', 'max:255'], 'lastname' => ['required', 'string', 'max:255'], 'age' => ['required','integer'], 'contact' => ['required','integer'], 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 'gender' => ['required', 'in:Male,Female'], 'password' => ['required', 'confirmed', Rules\Password::defaults()], ]); $user = User::create([ 'firstname' => $request->firstname, 'lastname' => $request->lastname, 'age' => $request->age, 'contact' => $request->contact, 'email' => $request->email, 'gender' => $request->gender, 'password' => Hash::make($request->password), ]); event(new Registered($user)); Auth::login($user); return redirect(RouteServiceProvider::HOME); } public function profile_edit() { $user = Auth::user(); return view('auth.edit', compact('user')); } public function profile_update(Request $request) { $user = Auth::user(); $request->validate([ 'firstname' => ['required', 'string', 'max:255'], 'email' => ['required', 'string', 'email', 'max:255', 'unique:users,email,' . $user->id], 'gender' => ['required', 'in:Male,Female,Other'],]); $user->update([ 'firstname' => $request->firstname, 'email' => $request->email, 'gender' => $request->gender, ]); return redirect()->back()->with('status', 'Profile updated successfully!'); }
-
coders guild
qwer
@include ('components.doctype') @include ('components.navbar') <div class="container"> <button class="btn btn-primary mt-5" data-bs-toggle="modal" data-bs-target="#addUserModal"> Add User </button> <div id="message" class="mt-3"></div> <table class="table table-striped-columns "> <thead class="table-dark"> <tr> <th scope="col">#</th> <th scope="col">First</th> <th scope="col">Last</th> <th scope="col">Gender</th> <th scope="col">Email</th> <th scope="col">Action</th> </tr> </thead> <tbody> @foreach ($users as $user) <tr> <td>{{ $user->id }}</td> <td>{{ $user->firstname }}</td> <td>{{ $user->lastname }}</td> <td>{{ $user->gender }}</td> <td>{{ $user->email }}</td> <td> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#editModal{{ $user->id }}"> Edit </button> <form action="{{ route('users.destroy', $user->id) }}" method="POST" style="display: inline-block;" onsubmit="return confirm('Are you sure you want to delete this user?');"> @csrf @method('DELETE') <button type="submit" class="btn btn-danger">Delete</button> </form> <div class="modal fade" id="editModal{{ $user->id }}" tabindex="-1" aria-labelledby="editModalLabel{{ $user->id }}" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form action="{{ route('users.update', $user->id) }}" method="POST"> @csrf <div class="modal-header"> <h5 class="modal-title" id="editModalLabel{{ $user->id }}">Edit Profile</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="mb-3"> <label for="firstname{{ $user->id }}" class="form-label">Name</label> <input type="text" class="form-control" id="firstname{{ $user->id }}" name="firstname" value="{{ $user->firstname }}" required> </div> <div class="mb-3"> <label for="email{{ $user->id }}" class="form-label">Email</label> <input type="email" class="form-control" id="email{{ $user->id }}" name="email" value="{{ $user->email }}" required> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary">Save changes</button> </div> </form> </div> </div> </div> </td> </tr> <br> @endforeach </tbody> </table> {{ $users->links() }} <div class="modal fade" id="addUserModal" tabindex="-1" aria-labelledby="addUserModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form id="userForm"> <div class="modal-header"> <h5 class="modal-title" id="addUserModalLabel">Add User</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="mb-3"> <label for="firstname" class="form-label">First Name</label> <input id="firstname" type="text" name="firstname" value="{{ old('firstname') }}" required autofocus class="form-control"> </div> <div class="mb-3"> <label for="lastname" class="form-label">Last Name</label> <input id="lastname" type="text" name="lastname" value="{{ old('lastname') }}" required autofocus class="form-control"> </div> <div class="mb-3"> <label for="email" class="form-label">Email</label> <input id="email" type="email" name="email" value="{{ old('email') }}" required class="form-control"> </div> <div class="mb-3"> <label for="age" class="form-label">Age</label> <input id="age" type="number" name="age" value="{{ old('age') }}" required class="form-control"> </div> <div class="mb-3"> <label for="contact" class="form-label">Contact Number</label> <input id="contact" type="number" name="contact" value="{{ old('contact') }}" required class="form-control"> </div> <div class="mb-3"> <label for="gender" class="form-label">Gender</label> <select id="gender" name="gender" required class="form-select"> <option value="" disabled selected>Select Gender</option> <option value="Male" {{ old('gender') == 'Male' ? 'selected' : '' }}>Male</option> <option value="Female" {{ old('gender') == 'Female' ? 'selected' : '' }}>Female</option> </select> </div> <div class="mb-3"> <label for="password" class="form-label">Password</label> <input id="password" type="password" name="password" required autocomplete="new-password" class="form-control"> </div> <div class="mb-3"> <label for="password_confirmation" class="form-label">Confirm Password</label> <input id="password_confirmation" type="password" name="password_confirmation" required class="form-control"> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary">Save User</button> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> </div> </form> </div> </div> </div> </div> <script> $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $('#userForm').on('submit', function(e) { e.preventDefault(); let formData = $(this).serialize(); $.post('{{ route("register") }}', formData).done(function(response) { $('#message').html('<div class="alert alert-success">User added: ' + response.user.firstname + '</div>'); $('#userForm')[0].reset(); var modal = bootstrap.Modal.getInstance(document.getElementById('addUserModal')); modal.hide(); }).fail(function(xhr) { let errors = xhr.responseJSON.errors; let errorMsg = '<div class="alert alert-danger">'; $.each(errors, function(key, val) { errorMsg += val[0] + '<br>'; }); errorMsg += '</div>'; $('#message').html(errorMsg); }); }); </script> @include ('components.footer')
-
coders guild
Search
// routes/web.php use App\Http\Controllers\UserController; Route::get('/search-users', [UserController::class, 'searchPage']); Route::post('/search-users', [UserController::class, 'searchUsers'])->name('users.search'); // app/Http/Controllers/UserController.php use Illuminate\Http\Request; use App\Models\User; public function searchPage() { return view('users.search'); } public function searchUsers(Request $request) { $query = $request->input('query'); $users = User::where('first_name', 'LIKE', "%$query%") ->orWhere('last_name', 'LIKE', "%$query%") ->get(); return response()->json($users); } <!-- resources/views/users/search.blade.php --> <!DOCTYPE html> <html> <head> <meta name="csrf-token" content="{{ csrf_token() }}"> <title>User Search</title> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <style> body { font-family: Arial; padding: 20px; } #results { margin-top: 20px; } .user-card { padding: 10px; border-bottom: 1px solid #ccc; } </style> </head> <body> <h2>Search Users</h2> <input type="text" id="search" placeholder="Search by first or last name..." class="form-control" style="width: 300px; padding: 8px;"> <div id="results"></div> <script> $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $('#search').on('keyup', function() { let query = $(this).val(); $.post('{{ route("users.search") }}', { query: query }, function(data) { let html = ''; if (data.length > 0) { data.forEach(function(user) { html += `<div class="user-card"> <strong>${user.first_name} ${user.last_name}</strong><br> ${user.email} </div>`; }); } else { html = '<p>No users found.</p>'; } $('#results').html(html); }); }); </script> </body> </html>
-
coders guild
User
<!-- resources/views/users/index.blade.php --> <!DOCTYPE html> <html> <head> <meta name="csrf-token" content="{{ csrf_token() }}"> <title>Add User via Modal</title> <!-- Bootstrap CSS & JS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> <!-- jQuery --> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> </head> <body class="p-5"> <div class="container"> <h2 class="mb-4">User Management</h2> <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addUserModal"> Add User </button> <div id="message" class="mt-3"></div> </div> <!-- Modal --> <div class="modal fade" id="addUserModal" tabindex="-1" aria-labelledby="addUserModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form id="userForm"> <div class="modal-header"> <h5 class="modal-title" id="addUserModalLabel">Add User</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="mb-3"> <label>First Name</label> <input type="text" name="first_name" class="form-control" required> </div> <div class="mb-3"> <label>Email</label> <input type="email" name="email" class="form-control" required> </div> <div class="mb-3"> <label>Password</label> <input type="password" name="password" class="form-control" required> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-success">Save User</button> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> </div> </form> </div> </div> </div> <!-- AJAX Script --> <script> $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $('#userForm').on('submit', function(e) { e.preventDefault(); let formData = $(this).serialize(); $.post('{{ route("users.store") }}', formData) .done(function(response) { $('#message').html('<div class="alert alert-success">User added: ' + response.user.first_name + '</div>'); $('#userForm')[0].reset(); var modal = bootstrap.Modal.getInstance(document.getElementById('addUserModal')); modal.hide(); }) .fail(function(xhr) { let errors = xhr.responseJSON.errors; let errorMsg = '<div class="alert alert-danger">'; $.each(errors, function(key, val) { errorMsg += val[0] + '<br>'; }); errorMsg += '</div>'; $('#message').html(errorMsg); }); }); </script> </body> </html>
-
coders guild
User
<!-- resources/views/users/index.blade.php --> <!DOCTYPE html> <html> <head> <meta name="csrf-token" content="{{ csrf_token() }}"> <title>Add User</title> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> </head> <body> <h2>Add User</h2> <form id="userForm"> <input type="text" name="first_name" placeholder="First Name" required><br> <input type="email" name="email" placeholder="Email" required><br> <input type="password" name="password" placeholder="Password" required><br> <button type="submit">Add User</button> </form> <div id="message"></div> <script> $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $('#userForm').on('submit', function(e) { e.preventDefault(); let formData = $(this).serialize(); $.post('{{ route('users.store') }}', formData) .done(function(response) { $('#message').html('<p style="color:green;">User added: ' + response.user.first_name + '</p>'); $('#userForm')[0].reset(); }) .fail(function(xhr) { let errors = xhr.responseJSON.errors; let errorMsg = ''; $.each(errors, function(key, val) { errorMsg += '<p style="color:red;">' + val[0] + '</p>'; }); $('#message').html(errorMsg); }); }); </script> </body> </html>
Popular Posts
-
Routes
1 reaction
-
installaion:
0 reaction
-
auth installation
0 reaction
-
profile route
0 reaction
-
profile
0 reaction
Jane Cooper
Katen Doe
Barbara Cartland