@extends('layouts.app') @section('content') <div class="navbar navbar-inverse navbar-fixed-left "> <h4 class="">Panel Admina</h4> <ul class="nav navbar-nav"> <li><a id="uzytkownicy" class="przyciskON">Użytkownicy</a></li> <li><a class="przyciskON">Lista zmian</a></li> <li><a class="przyciskON">Lista zajętych zmian</a></li> </ul> </div> <div class="container"> <div class="panel panel-success contentAdminPanel" id="contentAdminPanel"> <div class="panel-heading" >Użytkownicy</div> <div class="panel-body"> <table class="table table-striped"> <thead> <tr> <th>#</th> <th>Imię</th> <th>Nazwisko</th> <th>Telefon</th> <th>Adres E-mail</th> <th>Zmiana roli</th> </tr> </thead> <tbody> <?php $i = 1;?> @foreach($users as $user) @foreach($user->roles as $roles) <tr> <th scope="row">{{ $i++ }}</th> <td>{{$user->name}}</td> <td>{{$user->lastname}}</td> <td>{{$user->phonenumber}}</td> <td>{{$user->email}}</td> <td><button id="open-modal-button" class="btn btn-info wielkoscPrzycisku" data-toggle="modal" data-target="#myModal" data-useremail="{{$user->email}}">{{$roles->name}}</button></td> </tr> @endforeach @endforeach </tbody> </table> </div> </div> </div> <form action="{{route('change')}}" method="post" role="form" class="form-horizontal"> {{ csrf_field() }} <div id="myModal" class="modal fade" name="{{$user->email}}"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Zmiana roli użytkownika o adresie E-mail:</br></h4> <span id="modal-title-email"></span> </div> <div class="modal-body"> <p>Wybierz rolę dla użytkownika</p> <select name="{{$user->email}}"> <option name="role_user">User</option> <option name="role_moderator">Moderator</option> <option name="role_admin">Admin</option> </select> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Zamknij</button> <input id="userUrl" type="submit" class="btn btn-primary" value="Zmień rolę"></input> </div> </div> </div> </div> </form> @endsection @section('calendar') <script src="{{ asset('js/bootstrap.js') }}"></script> <script> $(document).ready(function(){ $("#uzytkownicy").click(function(){ $("#contentAdminPanel").toggle("slow"); }); }); // Modal bootstrapa jQuery('#open-modal-button').click(function () { user_email = jQuery(this).data("useremail"); jQuery('#modal-title-email').html(user_email); $("#myModal").modal('show'); }); </script> @endsection
Móże ktoś ma lepsze rozwiązanie niż przekazywanie danych do buttonu.