214 lines
9.2 KiB
PHP
214 lines
9.2 KiB
PHP
@extends('layouts.app')
|
|
|
|
@push('styles')
|
|
<!-- DataTables -->
|
|
<link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css') }}">
|
|
@endpush
|
|
|
|
@section('content-header')
|
|
<div class="content-header">
|
|
<div class="container-fluid">
|
|
<div class="row mb-2">
|
|
<div class="col-sm-6">
|
|
<h1 class="m-0">Manajemen Data Pegawai</h1>
|
|
</div><!-- /.col -->
|
|
<div class="col-sm-6">
|
|
<ol class="breadcrumb float-sm-right">
|
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
|
<li class="breadcrumb-item active">Akun</li>
|
|
</ol>
|
|
</div><!-- /.col -->
|
|
</div><!-- /.row -->
|
|
</div><!-- /.container-fluid -->
|
|
</div>
|
|
@endsection
|
|
|
|
@section('main-content')
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<a href="{{ route('users-management.create') }}" class="btn btn-info">
|
|
<i class="fas fa-plus"></i>
|
|
Tambah Akun Pegawai
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<table id="tableData" class="table table-bordered table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th>No</th>
|
|
<th>NIP</th>
|
|
<th>Nama Akun</th>
|
|
<th>Dibuat Pada</th>
|
|
<th>Status</th>
|
|
<th>Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach ($users as $index => $user)
|
|
<tr>
|
|
<td>{{ $index + 1 }}</td>
|
|
<td>{{ $user->nip }}</td>
|
|
<td>{{ $user->name }}</td>
|
|
<td>{{ $user->created_at }}</td>
|
|
<td>
|
|
@if ($user->is_active)
|
|
<span class="badge badge-success">Aktif</span>
|
|
@else
|
|
<span class="badge badge-danger"> Nonaktif</span>
|
|
@endif
|
|
</td>
|
|
<td>
|
|
<a href="{{ route('users-management.edit', $user->hashid) }}"
|
|
class="btn btn-sm btn-warning">
|
|
<i class="fas fa-pencil-alt"></i> Edit
|
|
</a>
|
|
<button type="button"
|
|
class="btn btn-sm @if ($user->is_active) btn-danger @else btn-success @endif toggle-btn"
|
|
data-url="{{ route('users-management.disable', $user->hashid) }}">
|
|
@if ($user->is_active)
|
|
<i class="fas fa-lock"></i> Nonaktifkan
|
|
@else
|
|
<i class="fas fa-unlock"></i> Aktifkan
|
|
@endif
|
|
</button>
|
|
<button type="button" class="btn btn-sm btn-danger delete-btn"
|
|
data-url="{{ route('users-management.destroy', $user->hashid) }}">
|
|
<i class="fas fa-trash"></i> Hapus
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- /.card-body -->
|
|
</div>
|
|
|
|
|
|
<!-- Delete Confirmation Modal -->
|
|
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel"
|
|
aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="deleteModalLabel">Konfirmasi Hapus</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Apakah Anda yakin ingin menghapus data ini?
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
|
|
<form id="deleteForm" action="" method="POST">
|
|
@csrf
|
|
@method('DELETE')
|
|
<button type="submit" class="btn btn-danger">Hapus</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Toggle Activation Confirmation Modal -->
|
|
<div class="modal fade" id="toggleModal" tabindex="-1" role="dialog" aria-labelledby="toggleModalLabel"
|
|
aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="toggleModalLabel">Konfirmasi Pengaktifan/Nonaktifan</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body" id="modal-body-confirmation">
|
|
Apakah Anda yakin ingin {{ $user->is_active ? 'nonaktifkan' : 'aktifkan' }} akun ini?
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
|
|
<form id="toggleForm" action="" method="POST">
|
|
@csrf
|
|
<button type="submit" class="btn btn-danger">Ya, Lanjutkan</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
@if (session('success'))
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
Toast.fire({
|
|
icon: 'success',
|
|
title: "{{ session('success') }}",
|
|
});
|
|
});
|
|
</script>
|
|
@endif
|
|
@if (session('error'))
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
Toast.fire({
|
|
icon: 'error',
|
|
title: "{{ session('error') }}",
|
|
});
|
|
});
|
|
</script>
|
|
@endif
|
|
|
|
<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
|
|
<script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
|
|
<script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
|
|
<script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
|
|
|
|
<script>
|
|
$(function() {
|
|
$("#tableData").DataTable({
|
|
"paging": true,
|
|
"lengthChange": false,
|
|
"searching": true,
|
|
"ordering": true,
|
|
"info": true,
|
|
"autoWidth": false,
|
|
"responsive": true,
|
|
});
|
|
});
|
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
const deleteButtons = document.querySelectorAll('.delete-btn');
|
|
const deleteModal = document.getElementById('deleteModal');
|
|
const deleteForm = document.getElementById('deleteForm');
|
|
|
|
deleteButtons.forEach(button => {
|
|
button.addEventListener('click', function() {
|
|
const url = this.getAttribute('data-url');
|
|
deleteForm.setAttribute('action', url);
|
|
$(deleteModal).modal('show'); // Use jQuery to show the modal
|
|
});
|
|
});
|
|
|
|
// Handle Toggle Activation Button Click
|
|
const toggleButtons = document.querySelectorAll('.toggle-btn');
|
|
const toggleModal = document.getElementById('toggleModal');
|
|
const toggleForm = document.getElementById('toggleForm');
|
|
|
|
toggleButtons.forEach(button => {
|
|
button.addEventListener('click', function() {
|
|
const url = this.getAttribute('data-url');
|
|
toggleForm.setAttribute('action', url);
|
|
const userActiveStatus =
|
|
@json($user->is_active); // To update modal message
|
|
document.querySelector('#modal-body-confirmation').innerHTML =
|
|
`Apakah Anda yakin ingin ${userActiveStatus ? 'nonaktifkan' : 'aktifkan'} akun ini?`;
|
|
$(toggleModal).modal('show'); // Use jQuery to show the modal
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
@endpush
|