employee module
This commit is contained in:
@ -39,187 +39,67 @@
|
||||
|
||||
<div id="teamlist">
|
||||
<div class="team-list row grid-view-filter" id="team-member-list">
|
||||
|
||||
<div class="col">
|
||||
<div class="card team-box">
|
||||
<div class="team-cover"> <img src="assets/images/small/img-9.jpg" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="card-body p-4">
|
||||
<div class="row align-items-center team-row">
|
||||
<div class="col team-settings">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="me-2 flex-shrink-0"> <button type="button"
|
||||
class="btn btn-light btn-icon rounded-circle btn-sm favourite-btn"> <i
|
||||
class="ri-star-fill fs-14"></i> </button> </div>
|
||||
</div>
|
||||
<div class="col dropdown text-end"> <a href="javascript:void(0);" data-bs-toggle="dropdown"
|
||||
aria-expanded="false"> <i class="ri-more-fill fs-17"></i> </a>
|
||||
<ul class="dropdown-menu dropdown-menu-end">
|
||||
<li><a class="dropdown-item edit-list" href="#addmemberModal" data-bs-toggle="modal"
|
||||
data-edit-id="12"><i class="ri-pencil-line text-muted me-2 align-bottom"></i>Edit</a>
|
||||
</li>
|
||||
<li><a class="dropdown-item remove-list" href="#removeMemberModal" data-bs-toggle="modal"
|
||||
data-remove-id="12"><i
|
||||
class="ri-delete-bin-5-line text-muted me-2 align-bottom"></i>Remove</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col">
|
||||
<div class="team-profile-img">
|
||||
<div class="avatar-lg img-thumbnail rounded-circle flex-shrink-0"><img
|
||||
src="assets/images/users/avatar-2.jpg" alt=""
|
||||
class="member-img img-fluid d-block rounded-circle"></div>
|
||||
<div class="team-content"> <a class="member-name" data-bs-toggle="offcanvas"
|
||||
href="#member-overview" aria-controls="member-overview">
|
||||
<h5 class="fs-16 mb-1">Nancy Martino</h5>
|
||||
</a>
|
||||
<p class="text-muted member-designation mb-0">Team Leader & HR</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col">
|
||||
<div class="row text-muted text-center">
|
||||
<div class="col-6 border-end border-end-dashed">
|
||||
<h5 class="projects-num mb-1">225</h5>
|
||||
<p class="text-muted mb-0">Projects</p>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<h5 class="tasks-num mb-1">197</h5>
|
||||
<p class="text-muted mb-0">Tasks</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col">
|
||||
<div class="text-end"> <a href="pages-profile.html" class="btn btn-light view-btn">View
|
||||
Profile</a> </div>
|
||||
</div>
|
||||
@forelse ($employees as $employee)
|
||||
<div class="col">
|
||||
<div class="card team-box ribbon-box mb-lg-0 material-shadow border shadow-none">
|
||||
<div class="team-cover"> <img src="assets/images/small/img-9.jpg" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="card team-box">
|
||||
<div class="team-cover"> <img src="assets/images/small/img-12.jpg" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="card-body p-4">
|
||||
<div class="row align-items-center team-row">
|
||||
<div class="col team-settings">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="me-2 flex-shrink-0"> <button type="button"
|
||||
class="btn btn-light btn-icon rounded-circle btn-sm favourite-btn active"> <i
|
||||
class="ri-star-fill fs-14"></i> </button> </div>
|
||||
</div>
|
||||
<div class="col dropdown text-end"> <a href="javascript:void(0);" data-bs-toggle="dropdown"
|
||||
aria-expanded="false"> <i class="ri-more-fill fs-17"></i> </a>
|
||||
<ul class="dropdown-menu dropdown-menu-end">
|
||||
<li><a class="dropdown-item edit-list" href="#addmemberModal" data-bs-toggle="modal"
|
||||
data-edit-id="11"><i
|
||||
class="ri-pencil-line text-muted me-2 align-bottom"></i>Edit</a></li>
|
||||
<li><a class="dropdown-item remove-list" href="#removeMemberModal"
|
||||
data-bs-toggle="modal" data-remove-id="11"><i
|
||||
class="ri-delete-bin-5-line text-muted me-2 align-bottom"></i>Remove</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col">
|
||||
<div class="team-profile-img">
|
||||
<div class="avatar-lg img-thumbnail rounded-circle flex-shrink-0">
|
||||
<div class="avatar-title bg-light text-primary rounded-circle text-uppercase border">HB
|
||||
<div class="card-body p-4">
|
||||
<div class="ribbon-two ribbon-two-success"><span>Active</span></div>
|
||||
<div class="row align-items-center team-row">
|
||||
<div class="col-lg-4 col">
|
||||
<div class="team-profile-img">
|
||||
<div class="avatar-lg img-thumbnail rounded-circle flex-shrink-0"><img
|
||||
src="{{ asset('app/public/uploads/' . $employee->profile_picture) }}" alt=""
|
||||
class="member-img img-fluid d-block rounded-circle"></div>
|
||||
<div class="team-content"> <a class="member-name"
|
||||
href="{{ route('employee.show', $employee->id) }}">
|
||||
<h5 class="fs-16 mb-1">{{ $employee->first_name }}</h5>
|
||||
</a>
|
||||
<p class="text-muted member-designation mb-0">Bibhuti</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-content"> <a class="member-name" data-bs-toggle="offcanvas"
|
||||
href="#member-overview" aria-controls="member-overview">
|
||||
<h5 class="fs-16 mb-1">Henry Baird</h5>
|
||||
</a>
|
||||
<p class="text-muted member-designation mb-0">Full Stack Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col">
|
||||
<div class="row text-muted text-center">
|
||||
<div class="col-6 border-end border-end-dashed">
|
||||
<h5 class="projects-num mb-1">352</h5>
|
||||
<p class="text-muted mb-0">Projects</p>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<h5 class="tasks-num mb-1">376</h5>
|
||||
<p class="text-muted mb-0">Tasks</p>
|
||||
{{-- <div class="col-lg-4 col">
|
||||
<div class="row text-muted text-center">
|
||||
<div class="col-6 border-end border-end-dashed">
|
||||
<h5 class="projects-num mb-1">225</h5>
|
||||
<p class="text-muted mb-0">Projects</p>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<h5 class="tasks-num mb-1">197</h5>
|
||||
<p class="text-muted mb-0">Tasks</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
<div class="col-lg-2 col">
|
||||
<ul class="list-inline mb-0 text-center">
|
||||
<li class="list-inline-item avatar-xs">
|
||||
<a href="{{ route('employee.edit', $employee->id) }}"
|
||||
class="avatar-title bg-info-subtle text-info fs-15 rounded">
|
||||
<i class="ri-edit-line"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item avatar-xs">
|
||||
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#assignRoleModal"
|
||||
class="avatar-title bg-primary-subtle text-primary fs-15 rounded">
|
||||
<i class="ri-user-add-line"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item avatar-xs">
|
||||
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#changePasswordModal"
|
||||
class="avatar-title bg-danger-subtle text-danger fs-15 rounded">
|
||||
<i class="ri-lock-unlock-line"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col">
|
||||
<div class="text-end"> <a href="pages-profile.html" class="btn btn-light view-btn">View
|
||||
Profile</a> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
<div class="col">
|
||||
<div class="card team-box">
|
||||
<div class="team-cover"> <img src="assets/images/small/img-11.jpg" alt=""
|
||||
class="img-fluid"> </div>
|
||||
<div class="card-body p-4">
|
||||
<div class="row align-items-center team-row">
|
||||
<div class="col team-settings">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="me-2 flex-shrink-0"> <button type="button"
|
||||
class="btn btn-light btn-icon rounded-circle btn-sm favourite-btn"> <i
|
||||
class="ri-star-fill fs-14"></i> </button> </div>
|
||||
</div>
|
||||
<div class="col dropdown text-end"> <a href="javascript:void(0);" data-bs-toggle="dropdown"
|
||||
aria-expanded="false"> <i class="ri-more-fill fs-17"></i> </a>
|
||||
<ul class="dropdown-menu dropdown-menu-end">
|
||||
<li><a class="dropdown-item edit-list" href="#addmemberModal" data-bs-toggle="modal"
|
||||
data-edit-id="10"><i
|
||||
class="ri-pencil-line text-muted me-2 align-bottom"></i>Edit</a></li>
|
||||
<li><a class="dropdown-item remove-list" href="#removeMemberModal"
|
||||
data-bs-toggle="modal" data-remove-id="10"><i
|
||||
class="ri-delete-bin-5-line text-muted me-2 align-bottom"></i>Remove</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col">
|
||||
<div class="team-profile-img">
|
||||
<div class="avatar-lg img-thumbnail rounded-circle flex-shrink-0"><img
|
||||
src="assets/images/users/avatar-3.jpg" alt=""
|
||||
class="member-img img-fluid d-block rounded-circle"></div>
|
||||
<div class="team-content"> <a class="member-name" data-bs-toggle="offcanvas"
|
||||
href="#member-overview" aria-controls="member-overview">
|
||||
<h5 class="fs-16 mb-1">Frank Hook</h5>
|
||||
</a>
|
||||
<p class="text-muted member-designation mb-0">Project Manager</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col">
|
||||
<div class="row text-muted text-center">
|
||||
<div class="col-6 border-end border-end-dashed">
|
||||
<h5 class="projects-num mb-1">164</h5>
|
||||
<p class="text-muted mb-0">Projects</p>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<h5 class="tasks-num mb-1">182</h5>
|
||||
<p class="text-muted mb-0">Tasks</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col">
|
||||
<div class="text-end"> <a href="pages-profile.html" class="btn btn-light view-btn">View
|
||||
Profile</a> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -228,4 +108,65 @@
|
||||
<!--end row-->
|
||||
</div><!-- container-fluid -->
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="assignRoleModal" tabindex="-1" aria-labelledby="assignRoleLabel" aria-modal="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header model-primary">
|
||||
<h5 class="modal-title" id="exampleModalgridLabel">Assign Role</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form action="{{ route('leave.store') }}" class="needs-validation" novalidate method="post">
|
||||
<div class="row gy-2">
|
||||
<div class="col-lg-12">
|
||||
{{ html()->label('Username')->class('form-label') }}
|
||||
{{ html()->text('username')->class('form-control')->placeholder('Enter Username')->required() }}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
{{ html()->label('Role')->class('form-label') }}
|
||||
{{ html()->select('role_id', [])->class('form-select')->placeholder('Select Role')->required() }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 text-end">
|
||||
<button type="submit" class="btn btn-success w-sm">Save</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="changePasswordModal" tabindex="-1" aria-labelledby="changePasswordLabel" aria-modal="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header model-primary">
|
||||
<h5 class="modal-title" id="exampleModalgridLabel">Change Password</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form action="{{ route('leave.store') }}" class="needs-validation" novalidate method="post">
|
||||
<div class="row gy-2">
|
||||
<div class="col-lg-12">
|
||||
{{ html()->label('New Password')->class('form-label') }}
|
||||
{{ html()->text('password')->class('form-control')->placeholder('Enter New Password')->required() }}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
{{ html()->label('Confirm New Password')->class('form-label') }}
|
||||
{{ html()->text('confirm_password')->class('form-control')->placeholder('Enter Confirm New Password')->required() }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="mt-4 text-end">
|
||||
<button type="submit" class="btn btn-success w-sm">Save</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user