first change
This commit is contained in:
42
Modules/User/resources/views/user/add-user-form.blade.php
Normal file
42
Modules/User/resources/views/user/add-user-form.blade.php
Normal file
@@ -0,0 +1,42 @@
|
||||
{{ html()->form('POST', route('user.store'))->class('needs-validation')->attributes(['novalidate'])->open() }}
|
||||
|
||||
@isset($user)
|
||||
{{ html()->hidden('id', $user->id) }}
|
||||
@endisset
|
||||
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="mb-3">
|
||||
{{ html()->label('Name')->for('name') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->text('name')->value($user->name ?? old('name'))->class('form-control')->placeholder('Enter Name')->required() }}
|
||||
{{ html()->div('Please enter a name.')->class('invalid-feedback') }}
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
{{ html()->label('Email')->for('email') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->email('email')->value($user->email ?? old('email'))->class('form-control')->placeholder('Enter Email')->required() }}
|
||||
{{ html()->div('Please enter a email.')->class('invalid-feedback') }}
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
{{ html()->label('Password')->for('password') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->password('password')->class('form-control')->placeholder('Enter Password')->required(!isset($user)) }}
|
||||
{{ html()->div('Please enter a password.')->class('invalid-feedback') }}
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
{{ html()->label('Confirm Password')->for('password_confirmation') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->password('password_confirmation')->class('form-control')->placeholder('Enter Password')->required(!isset($user)) }}
|
||||
{{ html()->div('Please enter a password.')->class('invalid-feedback') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<x-form-buttons :href="route('user.index')" :label="isset($user) ? 'Update' : 'Create'" />
|
||||
</div>
|
||||
</div>
|
||||
{{ html()->form()->close() }}
|
||||
21
Modules/User/resources/views/user/datatable/action.blade.php
Normal file
21
Modules/User/resources/views/user/datatable/action.blade.php
Normal file
@@ -0,0 +1,21 @@
|
||||
<div class="hstack flex-wrap gap-3">
|
||||
<a href="{{ route('user.index', $id) }}" data-bs-toggle="tooltip" data-bs-title="Edit" data-bs-placement="bottom"
|
||||
class="link-success fs-15 edit-item-btn"><i class="ri-edit-2-line"></i></a>
|
||||
|
||||
<a href="javascript:void(0);" data-link="{{ route('user.assignRole', $id) }}" data-bs-toggle="tooltip"
|
||||
data-bs-title="Assign Role" data-bs-placement="bottom" class="link-info fs-15 assign-role-btn"><i
|
||||
class="ri-admin-line"></i>
|
||||
</a>
|
||||
|
||||
<a href="javascript:void(0);" data-link="{{ route('user.toggleActivation', $id) }}" data-bs-toggle="tooltip"
|
||||
data-bs-title="{{ $can_login ? 'Deactivate' : 'Activate' }}" data-bs-placement="bottom"
|
||||
class="link-dark fs-15 toggle-activation-btn"
|
||||
data-user="{{ json_encode(['id' => $id, 'can_login' => $can_login ? 1 : 0, 'name' => $name, 'email' => $email]) }}"><i
|
||||
class="{{ $can_login ? ' ri-lock-2-line' : 'ri-lock-unlock-line' }}"></i>
|
||||
</a>
|
||||
|
||||
<a href="javascript:void(0);" data-link="{{ route('user.destroy', $id) }}" data-bs-toggle="tooltip"
|
||||
data-bs-title="Delete" data-bs-placement="bottom" class="link-danger fs-15 remove-item"><i
|
||||
class="ri-delete-bin-line"></i>
|
||||
</a>
|
||||
</div>
|
||||
94
Modules/User/resources/views/user/index.blade.php
Normal file
94
Modules/User/resources/views/user/index.blade.php
Normal file
@@ -0,0 +1,94 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid">
|
||||
<x-dashboard.breadcumb :title="$title" />
|
||||
@if ($errors->any())
|
||||
<x-flash-message type="danger" :messages="$errors->all()" />
|
||||
@endif
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-xl-3">
|
||||
<div class="card profile-card">
|
||||
@include('user::user.add-user-form')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-xl-8 col-lg-9">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
@php
|
||||
$columns = [
|
||||
[
|
||||
'title' => 'S.N',
|
||||
'data' => 'DT_RowIndex',
|
||||
'name' => 'DT_RowIndex',
|
||||
'orderable' => false,
|
||||
'searchable' => false,
|
||||
'sortable' => false,
|
||||
],
|
||||
['title' => 'Name', 'data' => 'name', 'name' => 'name'],
|
||||
['title' => 'Employee', 'data' => 'employee', 'name' => 'employee'],
|
||||
['title' => 'Email', 'data' => 'email', 'name' => 'email'],
|
||||
['title' => 'Role', 'data' => 'role', 'name' => 'role'],
|
||||
['title' => 'Can Login', 'data' => 'can_login', 'name' => 'can_login'],
|
||||
[
|
||||
'title' => 'Action',
|
||||
'data' => 'action',
|
||||
'orderable' => false,
|
||||
'searchable' => false,
|
||||
],
|
||||
];
|
||||
@endphp
|
||||
|
||||
<x-data-table-script :route="route('user.index')" :reorder="route('user.reorder')" :columns="$columns" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@include('user::user.modal.assign-role')
|
||||
@endsection
|
||||
|
||||
@push('js')
|
||||
<script>
|
||||
$(document).on("click", ".toggle-activation-btn", function() {
|
||||
const user = JSON.parse($(this).attr('data-user'));
|
||||
const iconText = user.can_login ? 'ri-lock-2-line' : 'ri-lock-unlock-line';
|
||||
const title = user.can_login ? 'Deactivate' : 'Activate';
|
||||
const message = user.can_login == 0 ?
|
||||
`User account login <span class="fw-medium text-dark">${user.email},</span> will activated.<br/> The user can log in to continue.` :
|
||||
`User account login <span class="fw-medium text-dark">${user.email},</span> will be deactivated.<br/> Please ensure this action is intentional.`;
|
||||
|
||||
Swal.fire({
|
||||
html: `<div class="mt-3"><div class="avatar-lg mx-auto"><div class="avatar-title bg-light text-success display-5 rounded-circle"><i class="${iconText}"></i></div></div><div class="mt-4 pt-2 fs-15"><h4 class="fs-20 fw-semibold">${title} ${user.name}'s Login Access</h4><p class="text-muted mb-0 mt-3 fs-13">${message}</p></div></div>`,
|
||||
showCancelButton: !1,
|
||||
customClass: {
|
||||
confirmButton: 'btn btn-primary mb-1',
|
||||
},
|
||||
confirmButtonText: title,
|
||||
buttonsStyling: !1,
|
||||
footer: '<p class="fs-14 text-muted mb-0">If you have any issue, <a href="javascript:void(0);" class="fw-semibold text-decoration-underline">contact support</a> for assistance.</p>',
|
||||
showCloseButton: !0,
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.post($(this).attr('data-link'), {
|
||||
_token: '{{ csrf_token() }}',
|
||||
})
|
||||
.done(function(response) {
|
||||
if (response.status === 200) {
|
||||
flasher.success(response.message);
|
||||
$('.ajax-datatable').DataTable().ajax.reload();
|
||||
$('[data-bs-toggle="tooltip"]').tooltip();
|
||||
}
|
||||
})
|
||||
.fail(function(xhr, status, error) {
|
||||
flasher.error(xhr.responseText);
|
||||
console.error(xhr.responseText);
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,38 @@
|
||||
<div class="modal fade" id="assignRoleModal" tabindex="-1" aria-labelledby="assignRoleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-light p-3">
|
||||
<h5 class="modal-title" id="assignRoleModalLabel">Assign Role</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
|
||||
id="close-modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@push('js')
|
||||
<script>
|
||||
$(document).on('click', '.assign-role-btn', function() {
|
||||
const url = $(this).attr('data-link');
|
||||
const myModal = new bootstrap.Modal(document.getElementById("assignRoleModal"));
|
||||
$("#assignRoleModal .modal-body").html(
|
||||
'<div class="text-center my-5"><i class="spinner-border text-primary" role="status"></i></div>'
|
||||
);
|
||||
|
||||
myModal.show();
|
||||
|
||||
$.get(url, function(res) {
|
||||
$("#assignRoleModal .modal-body").html(res);
|
||||
document.querySelectorAll(".choices-select").forEach((element) => {
|
||||
new Choices(element, {
|
||||
removeItemButton: true,
|
||||
searchEnabled: true,
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
23
Modules/User/resources/views/user/partials/_form.blade.php
Normal file
23
Modules/User/resources/views/user/partials/_form.blade.php
Normal file
@@ -0,0 +1,23 @@
|
||||
{{ html()->modelForm($user, 'POST', route('user.assignRole', $user->id))->class('needs-validation')->attributes(['novalidate', 'enctype' => 'multipart/form-data'])->open() }}
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="col-lg-12">
|
||||
{{ html()->label('User')->class('form-label') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->text(null, $user?->name)->class('form-control bg-primary-subtle')->isReadOnly(true) }}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
{{ html()->label('Role')->class('form-label') }}
|
||||
{{ html()->select('role[]', $roleOptions, $userRoleIds)->class('form-select choices-select')->placeholder('Select')->required() }}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<div class="hstack gap-2 justify-content-end">
|
||||
<button type="button" class="btn btn-sm btn-light" data-bs-dismiss="modal">Close</button>
|
||||
<button type="submit" class="btn btn-sm btn-success">Assign</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ html()->closeModelForm() }}
|
||||
Reference in New Issue
Block a user