Files
kaunter/resources/views/operasi/daftar_kakitangan.blade.php
T
ismailmasseran d60dd8bf39
Build Docker Image / build-frontend (push) Successful in 38s
Explore/ismail (#15)
Co-authored-by: ISMAIL MASSERAN <topaz@Mac.dlinkrouter.local>
Co-authored-by: ISMAIL MASSERAN <topaz@ISMAILs-Macbook.local>
Co-authored-by: nurafrinaalimi16 <nurafrinaalimi16@gmail.com>
Reviewed-on: #15
2026-09-06 12:41:58 +08:00

402 lines
18 KiB
PHP

@extends('layouts.app_operasi')
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12">
<div class="card">
<nav aria-label="breadcrumb">
<ol class="breadcrumb pb-3">
<li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Kakitangan</li>
</ol>
</nav>
<div class="card-body text-center">
@if($auth_user->roles == 'operasi')
<form action="{{ route('kakitangan.baru') }}" method="post" onsubmit="return verifyregister()">
@elseif($auth_user->roles == 'admin')
<form action="{{ route('admin.kakitangan.baru') }}" method="post" onsubmit="return verifyregister()">
@endif
@csrf
<div class='row form-group'>
<div class='col-md-6'>
<div class='form-group row col-md-12'>
<div class='col-md-5'>
<b>Nama</b>
</div>
<div class='col-md-7'>
<input type="text" name='nama' id='nama' value="" class='form-control'>
</div>
</div>
<div class='form-group row col-md-12'>
<div class='col-md-5'>
<b>Email</b>
</div>
<div class='col-md-7'>
<input type="text" name='email' id='email' value="" class='form-control'>
</div>
</div>
<div class='form-group row col-md-12'>
<div class='col-md-5'>
<b>Cawangan</b>
</div>
<div class='col-md-7'>
<select class="form-control" name="cawangan" data-placeholder="Pilih Cawangan" id="cawangan">
<option disabled selected value> -- Pilih Cawangan -- </option>
<option value="operasi">Operasi</option>
<option value="callcenter">Call Center</option>
@foreach($cawangan_all as $cawangan)
<option value="{{ $cawangan['kodcaw'] }}">{{ $cawangan['details_caw'] }}</option>
@endforeach
</select>
</div>
</div>
</div>
<div class='col-md-6'>
<div class='form-group row col-md-12'>
<div class='col-md-5'>
<b>No KP</b>
</div>
<div class='col-md-7'>
<input type="text" name='nokp' id='nokp' value="" class='form-control'>
</div>
</div>
<div class='form-group row col-md-12'>
<div class='col-md-5'>
<b>No Telefon</b>
</div>
<div class='col-md-7'>
<input type="text" name='telefon' id='telefon' value="" class='form-control'>
</div>
</div>
<div class='form-group row col-md-12'>
<div class='col-md-5'>
<b>Jawatan</b>
</div>
<div class='col-md-7'>
<select class="form-control" name="role" data-placeholder="Pilih Jawatan" id="role">
<option disabled selected> -- Pilih Jawatan -- </option>
@foreach($role as $roles)
<option value="{{ $roles['role_code'] }}">{{ $roles['keterangan'] }}</option>
@endforeach
</select>
</div>
</div>
</div>
</div>
<div class='row justify-content-end'>
<div class='col-md-12'>
<input type="submit" class='btn btn-info float-right mr-5' value='Daftar'>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">{{ __('Senarai Kakitangan') }}</div>
<div class="card-body text-center">
<div class="row">
<div class="col-md-12">
<x-datatable
id="rekod_kakitangan"
filename="Senarai_Kakitangan"
:columns="['Bil', 'Tindakan', 'Nama Staff', 'Jawatan', 'Role Harian', 'Role Asal', 'Cawangan']"
:skipExport="['Bil', 'Tindakan']"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
@php
$isOperasi = $auth_user->roles == 'operasi';
$canImpersonate = app()->environment(['local', 'staging'])
&& $auth_user->roles === 'admin'
&& !(Auth::check() && method_exists(Auth::user(), 'isImpersonated') && Auth::user()->isImpersonated());
@endphp
function escapeHtml(value) {
return $('<div>').text(value == null ? '' : String(value)).html();
}
function staffTindakanHtml(staff) {
var id = staff.id;
var html = '';
html += '<a href="' + staffRoutes.tukarTaraf.replace('__ID__', id) + '" class="btn btn-warning" title="Tukar Taraf"><i class="material-icons">edit</i></a> ';
html += '<a href="' + staffRoutes.tukarCawangan.replace('__ID__', id) + '" class="btn btn-info" title="Tukar Cawangan"><i class="material-icons">work</i></a> ';
html += '<a href="' + staffRoutes.edit.replace('__ID__', id) + '" class="btn btn-success" title="Edit Maklumat"><i class="material-icons">settings</i></a> ';
if (authRole === 'admin') {
html += '<a href="' + staffRoutes.reset.replace('__ID__', id) + '" class="btn btn-primary" title="Reset Password"><i class="material-icons">restore</i></a> ';
}
if (canImpersonate && id !== authUserId) {
html += '<form method="post" action="' + staffRoutes.impersonate.replace('__ID__', id) + '" style="display:inline;">' +
csrfField +
'<button type="button" class="btn btn-secondary btn-impersonate" data-staff-name="' + escapeHtml(staff.name) + '" title="Impersonate"><i class="material-icons">supervised_user_circle</i></button>' +
'</form> ';
}
html += '<button type="button" class="btn btn-danger btn-delete" data-roles="' + authRole + '" data-staff-id="' + id + '" title="Delete Kakitangan"><i class="material-icons">delete</i></button>';
return html;
}
var authRole = @json($auth_user->roles);
var authUserId = @json($auth_user->id);
var canImpersonate = @json($canImpersonate);
var csrfField = '<input type="hidden" name="_token" value="' + @json(csrf_token()) + '">';
var staffRoutes = {
tukarTaraf: @json($isOperasi ? route('kakitangan.tukartaraf', ['id' => '__ID__']) : route('admin.kakitangan.tukartaraf', ['id' => '__ID__'])),
tukarCawangan: @json($isOperasi ? route('kakitangan.tukarcawangan', ['id' => '__ID__']) : route('admin.kakitangan.tukarcawangan', ['id' => '__ID__'])),
edit: @json($isOperasi ? route('operasi.kakitangan.edit', ['id' => '__ID__']) : route('admin.kakitangan.edit', ['id' => '__ID__'])),
reset: @json(route('admin.kakitangan.resetcredentials', ['id' => '__ID__'])),
impersonate: @json(route('impersonate.start', ['id' => '__ID__']))
};
var tablerekod = initErahnDatatable('#rekod_kakitangan', {
columnDefs: [
{ targets: 0, orderable: false, width: '40px' },
{ targets: 1, orderable: false, searchable: false }
]
});
$.each(@json($kakitangan_rows), function (index, staff) {
tablerekod.row.add([
index + 1,
staffTindakanHtml(staff),
escapeHtml(staff.name),
escapeHtml(staff.roles),
escapeHtml(staff.role_harian),
escapeHtml(staff.role_asal),
escapeHtml(staff.cawangan)
]);
});
tablerekod.draw();
$("#rekod_kakitangan").on('click', ".btn-delete", function(){
//$('.btn-delete').on('click', function(){
// var form = $(this).closest('form');
var roles = $(this).data('roles');
var staff_id = $(this).data('staff-id');
var url_redirected = (roles == 'operasi') ? "{{ route('operasi.kakitangan.delete') }}" : "{{ route('admin.kakitangan.delete') }}";
Swal.fire({
title: 'Padam Kakitangan Ini?',
text: "Anda tidak boleh mengembalikan data ini balik selepas dipadamkan!",
type: 'warning',
showCancelButton: true,
confirmButtonClass: 'btn btn-danger',
cancelButtonClass: 'btn btn-warning',
confirmButtonText: 'Padam!',
cancelButtonText: 'Batal!',
buttonsStyling: false
}).then(function(result) {
if (result.isConfirmed) {
$.ajax({
method:'post',
url: url_redirected,
data: {
"_token": "{{ csrf_token() }}",
"staff_id" : staff_id
},
success:function(data){
if(data == 'success')
{
if(roles == 'operasi')
window.location.href = "{{ route('daftar.kakitangan') }}";
else
window.location.href = "{{ route('admin.daftar.kakitangan') }}";
Swal.fire({
title: 'Memuatkan...',
allowEscapeKey : false,
allowOutsideClick: false,
didOpen: function () {
Swal.showLoading();
}
});
}
},
error: function(xhr, status, error) {
var err = eval("(" + xhr.responseText + ")");
alert(xhr.responseText);
}
});
}
}).catch(swal.noop)
});
$("#rekod_kakitangan").on('click', ".btn-impersonate", function(){
var form = $(this).closest('form');
var staffName = $(this).data('staff-name');
Swal.fire({
title: 'Menyamar sebagai ' + staffName + '?',
text: "Anda akan log masuk sebagai " + staffName + ".",
type: 'warning',
showCancelButton: true,
confirmButtonClass: 'btn btn-secondary',
cancelButtonClass: 'btn btn-warning',
confirmButtonText: 'Ya, menyamar',
cancelButtonText: 'Batal!',
buttonsStyling: false
}).then(function(result) {
if (result.isConfirmed) {
form.submit();
}
}).catch(swal.noop)
});
function verifyregister(){
var cawangan = $('#cawangan').val();
var role = $('#role').val();
var nama = $('#nama').val();
var email = $('#email').val();
var nokp = $('#nokp').val();
var telefon = $('#telefon').val();
if (cawangan == null){
Swal.fire({
icon: 'error',
title: 'Amaran!',
text: 'Sila Pilih Cawangan Kakitangan'
});
event.preventDefault();
return false;
}
if (role == null){
Swal.fire({
icon: 'error',
title: 'Amaran!',
text: 'Sila Pilih Jawatan Kakitangan'
});
event.preventDefault();
return false;
}
if(cawangan == 'operasi'){
if(role != 'operasi'){
Swal.fire({
icon: 'error',
title: 'Amaran!',
text: 'Jawatan Tidak Sah'
});
event.preventDefault();
return false;
}
}else{
if(role == 'operasi'){
Swal.fire({
icon: 'error',
title: 'Amaran!',
text: 'Jawatan Tidak Sah'
});
event.preventDefault();
return false;
}
}
if(nama == ''){
Swal.fire({
icon: 'error',
title: 'Amaran!',
text: 'Sila Masukan Nama Kakitangan'
});
event.preventDefault();
return false;
}else{
if(nokp == ''){
Swal.fire({
icon: 'error',
title: 'Amaran!',
text: 'Sila Masukan No KP Kakitangan'
});
event.preventDefault();
return false;
}else{
if(isNaN(nokp) == true){
Swal.fire({
icon: 'error',
title: 'Amaran!',
text: 'Sila Masukan Hanya Nombor Pada No KP Kakitangan'
});
event.preventDefault();
return false;
}else{
if(nokp.length != 12){
Swal.fire({
icon: 'error',
title: 'Amaran!',
text: 'Sila Periksa No KP Kakitangan'
});
event.preventDefault();
return false;
}else{
if(/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(email) == false){
Swal.fire({
icon: 'error',
title: 'Amaran!',
text: 'Sila Periksa Email Kakitangan'
});
event.preventDefault();
return false;
}else{
if(telefon == ''){
Swal.fire({
icon: 'error',
title: 'Amaran!',
text: 'Sila Masukan No Telefon Kakitangan'
});
event.preventDefault();
return false;
}else{
if(isNaN(telefon) == true){
Swal.fire({
icon: 'error',
title: 'Amaran!',
text: 'Sila Masukan Hanya Nombor Pada No Telefon Kakitangan'
});
event.preventDefault();
return false;
}else{
if(telefon.length <= 9 || telefon.length >= 12){
Swal.fire({
icon: 'error',
title: 'Amaran!',
text: 'Sila Periksa No Telefon Kakitangan'
});
event.preventDefault();
return false;
}else{
if(cawangan == null){
Swal.fire({
icon: 'error',
title: 'Amaran!',
text: 'Sila Pilih Cawangan Kakitangan'
});
}else{
return true;
}
}
}
}
}
}
}
}
}
}
</script>
@endsection