tambah modul ruangan pelayanan

This commit is contained in:
sahong 2025-04-27 23:49:34 +07:00
parent e77be04d62
commit 2cf8973aeb
4 changed files with 230 additions and 225 deletions

View File

@ -2,63 +2,42 @@
namespace App\Http\Controllers;
use App\Models\Ruangan;
use Illuminate\Http\Request;
class RuanganController extends Controller
{
/**
* Display a listing of the resource.
*/
public function index()
{
//
$ruangPelayanans = Ruangan::orderBy('nama_ruang_pelayanan')->paginate(10);
return view('ruangan', compact('ruangPelayanans'));
}
/**
* Show the form for creating a new resource.
*/
public function create()
{
//
}
/**
* Store a newly created resource in storage.
*/
public function store(Request $request)
{
//
$request->validate([
'nama_ruang_pelayanan' => 'required|string|min:3|max:100|unique:ruang_pelayanan,nama_ruang_pelayanan'
]);
Ruangan::create($request->all());
return redirect()->route('ruangan.index')->with('success', 'Ruang pelayanan berhasil ditambahkan');
}
/**
* Display the specified resource.
*/
public function show(string $id)
public function update(Request $request, $id)
{
//
$request->validate([
'nama_ruang_pelayanan' => 'required|string|min:3|max:100|unique:ruang_pelayanan,nama_ruang_pelayanan,'.$id.',id_ruang_pelayanan'
]);
$ruangPelayanan = Ruangan::findOrFail($id);
$ruangPelayanan->update($request->all());
return redirect()->route('ruangan.index')->with('success', 'Ruang pelayanan berhasil diperbarui');
}
/**
* Show the form for editing the specified resource.
*/
public function edit(string $id)
public function destroy($id)
{
//
$ruangPelayanan = Ruangan::findOrFail($id);
$ruangPelayanan->delete();
return redirect()->route('ruangan.index')->with('success', 'Ruang pelayanan berhasil dihapus');
}
/**
* Update the specified resource in storage.
*/
public function update(Request $request, string $id)
{
//
}
/**
* Remove the specified resource from storage.
*/
public function destroy(string $id)
{
//
}
}
}

View File

@ -3,10 +3,11 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tambah Data Pasien | SIM-RS Anak dan Bunda Harapan Kita</title>
<title>Data Ruang Pelayanan | SIM-RS Anak dan Bunda Harapan Kita</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
<style>
/* Gunakan style yang sama dengan halaman sebelumnya */
:root {
--primary-color: #0075c9;
--secondary-color: #64c4ed;
@ -27,12 +28,12 @@
flex-direction: column;
}
.form-container {
.data-container {
flex: 1;
padding: 40px 20px;
}
.form-card {
.data-card {
background-color: rgba(255, 255, 255, 0.95);
border-radius: 20px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
@ -40,7 +41,7 @@
position: relative;
}
.form-card::before {
.data-card::before {
content: '';
position: absolute;
top: 0;
@ -69,48 +70,69 @@
margin-bottom: 10px;
}
.subtitle {
color: var(--dark-color);
.btn-primary-gradient {
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
border: none;
color: white;
font-weight: 600;
padding: 10px 20px;
border-radius: 30px;
box-shadow: 0 4px 10px rgba(0, 117, 201, 0.3);
transition: all 0.3s ease;
}
.btn-primary-gradient:hover {
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(0, 117, 201, 0.4);
color: white;
}
.table-custom {
background-color: white;
border-radius: 15px;
overflow: hidden;
}
.table-custom thead {
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
color: white;
}
.table-custom th {
border: none;
font-weight: 600;
}
.section-title {
display: flex;
align-items: center;
margin-bottom: 20px;
border-bottom: 1px solid rgba(18, 68, 103, 0.1);
padding-bottom: 10px;
.table-custom td {
vertical-align: middle;
border-color: #f0f7ff;
}
.section-icon {
width: 40px;
height: 40px;
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
color: white;
border-radius: 50%;
display: flex;
.action-btn {
width: 35px;
height: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 15px;
box-shadow: 0 4px 8px rgba(0, 117, 201, 0.2);
border-radius: 50%;
margin: 0 3px;
}
.footer {
background-color: rgba(18, 68, 103, 0.95);
padding: 15px 0;
.modal-content {
border-radius: 15px;
border: none;
}
.modal-header {
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
color: white;
border-radius: 15px 15px 0 0;
}
.footer a {
color: var(--secondary-color);
text-decoration: none;
transition: color 0.3s;
.bg-pink {
background-color: rgb(182, 83, 100) !important;
}
.footer a:hover {
color: var(--accent-color);
}
.back-link {
color: var(--primary-color);
text-decoration: none;
@ -124,124 +146,153 @@
color: var(--secondary-color);
transform: translateX(-3px);
}
.form-floating > label {
color: #666;
padding-left: 1rem;
}
.form-floating > .form-control {
border-radius: 10px;
border: 1px solid #dde5ed;
background-color: #f8fcff;
transition: all 0.3s;
}
.form-floating > .form-control:focus {
box-shadow: 0 0 0 3px rgba(0, 117, 201, 0.2);
border-color: var(--primary-color);
}
.form-floating > .form-select {
border-radius: 10px;
border: 1px solid #dde5ed;
background-color: #f8fcff;
transition: all 0.3s;
}
.form-floating > .form-select:focus {
box-shadow: 0 0 0 3px rgba(0, 117, 201, 0.2);
border-color: var(--primary-color);
}
.btn-primary-gradient {
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
border: none;
color: white;
font-weight: 600;
padding: 10px 25px;
border-radius: 30px;
box-shadow: 0 4px 10px rgba(0, 117, 201, 0.3);
transition: all 0.3s ease;
}
.btn-primary-gradient:hover {
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(0, 117, 201, 0.4);
color: white;
}
.btn-outline-secondary {
border: 2px solid #6c757d;
color: #6c757d;
font-weight: 600;
padding: 10px 25px;
border-radius: 30px;
transition: all 0.3s ease;
}
.btn-outline-secondary:hover {
background-color: #6c757d;
color: white;
transform: translateY(-3px);
}
/* Form sections highlight on hover */
.form-section {
padding: 20px;
border-radius: 15px;
transition: all 0.3s ease;
background-color: transparent;
}
.form-section:hover {
background-color: rgba(100, 196, 237, 0.05);
}
.form-floating > .form-select,
.form-floating > .form-control {
padding-top: 2rem !important;
padding-bottom: 0px !important;
}
</style>
</head>
<body>
<div class="form-container container py-4">
<div class="data-container container py-4">
<div class="row justify-content-center">
<div class="col-lg-10 col-xl-8">
<div class="col-lg-10 col-xl-12">
<div class="text-start mb-3">
<a href="/" class="back-link">
<i class="fas fa-arrow-left me-2"></i> Kembali ke Beranda
</a>
</div>
<div class="form-card p-4 p-md-5 my-2">
<div class="data-card p-4 p-md-5 my-2">
<div class="text-center mb-4">
<img src="{{ asset('assets/images/logo.png') }}" alt="Logo RS" class="hospital-logo">
<h2 class="h3 display-title">TAMBAH RUANGAN PELAYANAN</h2>
<h2 class="h3 display-title">DATA RUANG PELAYANAN</h2>
<p class="subtitle">Sistem Informasi Manajemen RS Anak dan Bunda Harapan Kita</p>
</div>
<form action="" method="POST">
@csrf
<!-- Ruang Pelayanan -->
<div class="form-section mb-4">
<div class="section-title">
<div class="section-icon">
<i class="fas fa-procedures"></i>
</div>
<h5 class="text-primary fw-bold mb-0">Ruangan Pelayanan</h5>
<div class="d-flex justify-content-between mb-4">
<div class="search-box">
<div class="input-group">
<span class="input-group-text bg-white"><i class="fas fa-search"></i></span>
<input type="text" class="form-control" placeholder="Cari ruang pelayanan..." id="searchInput">
</div>
</div>
</form>
<button class="btn btn-primary-gradient" data-bs-toggle="modal" data-bs-target="#addRuangModal">
<i class="fas fa-plus-circle me-2"></i>Tambah Ruangan
</button>
</div>
<div class="table-responsive">
<table class="table table-custom table-hover">
<thead>
<tr>
<th width="5%">No</th>
<th>Nama Ruang Pelayanan</th>
<th width="15%">Aksi</th>
</tr>
</thead>
<tbody>
@foreach($ruangPelayanans as $item)
<tr>
<td>{{ $loop->iteration }}</td>
<td>{{ $item->nama_ruang_pelayanan }}</td>
<td>
<button class="btn btn-sm btn-warning action-btn" data-bs-toggle="modal" data-bs-target="#editRuangModal{{ $item->id_ruang_pelayanan }}">
<i class="fas fa-edit text-white"></i>
</button>
<button class="btn btn-sm btn-danger action-btn" data-bs-toggle="modal" data-bs-target="#deleteRuangModal{{ $item->id_ruang_pelayanan }}">
<i class="fas fa-trash-alt text-white"></i>
</button>
</td>
</tr>
<!-- Modal Edit -->
<div class="modal fade" id="editRuangModal{{ $item->id_ruang_pelayanan }}" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Edit Ruang Pelayanan</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="{{ route('ruangan.update', $item->id_ruang_pelayanan) }}" method="POST">
@csrf
@method('PUT')
<div class="modal-body">
<div class="mb-3">
<label class="form-label">Nama Ruang Pelayanan</label>
<input type="text" class="form-control" name="nama_ruang_pelayanan" value="{{ $item->nama_ruang_pelayanan }}" required>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
<button type="submit" class="btn btn-primary-gradient">Simpan Perubahan</button>
</div>
</form>
</div>
</div>
</div>
<!-- Modal Delete -->
<div class="modal fade" id="deleteRuangModal{{ $item->id_ruang_pelayanan }}" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-danger">
<h5 class="modal-title text-white">Konfirmasi Hapus</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="{{ route('ruangan.destroy', $item->id_ruang_pelayanan) }}" method="POST">
@csrf
@method('DELETE')
<div class="modal-body">
<p>Apakah Anda yakin ingin menghapus ruang pelayanan <strong>{{ $item->nama_ruang_pelayanan }}</strong>?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
<button type="submit" class="btn btn-danger">Ya, Hapus</button>
</div>
</form>
</div>
</div>
</div>
@endforeach
</tbody>
</table>
</div>
<div class="d-flex justify-content-between align-items-center mt-3">
<div class="text-muted">
Menampilkan {{ $ruangPelayanans->firstItem() }} - {{ $ruangPelayanans->lastItem() }} dari {{ $ruangPelayanans->total() }} ruang pelayanan
</div>
<div>
{{ $ruangPelayanans->links() }}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<!-- Modal Add -->
<div class="modal fade" id="addRuangModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Tambah Ruangan Pelayanan Baru</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action="{{ route('ruangan.store') }}" method="POST">
@csrf
<div class="modal-body">
<div class="mb-3">
<label class="form-label">Nama Ruang Pelayanan</label>
<input type="text" class="form-control" name="nama_ruang_pelayanan" required>
<small class="text-muted">Contoh: Ruang Rawat Inap, Ruang Operasi, UGD, dll.</small>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
<button type="submit" class="btn btn-primary-gradient">Simpan Data</button>
</div>
</form>
</div>
</div>
</div>
<footer class="footer text-center py-3">
<div class="container">
<p class="mb-0">
@ -254,57 +305,29 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
<script>
// Set tanggal lahir maksimal hari ini
document.addEventListener('DOMContentLoaded', function() {
const today = new Date().toISOString().split('T')[0];
document.getElementById('tanggal_lahir').max = today;
// Fungsi pencarian
document.getElementById('searchInput').addEventListener('keyup', function() {
const searchValue = this.value.toLowerCase();
const rows = document.querySelectorAll('.table-custom tbody tr');
// Set nilai default tanggal kunjungan ke waktu sekarang
const now = new Date();
now.setMinutes(now.getMinutes() - now.getTimezoneOffset());
const datetimeLocal = now.toISOString().slice(0, 16);
document.getElementById('tanggal_kunjungan').value = datetimeLocal;
// Toggle nomor asuransi berdasarkan pilihan asuransi
const asuransiSelect = document.getElementById('id_asuransi');
const noAsuransiInput = document.getElementById('no_asuransi');
function toggleNoAsuransi() {
if(asuransiSelect.value === "") {
noAsuransiInput.disabled = true;
noAsuransiInput.value = "";
noAsuransiInput.required = false;
rows.forEach(row => {
const namaRuang = row.querySelector('td:nth-child(2)').textContent.toLowerCase();
if (namaRuang.includes(searchValue)) {
row.style.display = '';
} else {
noAsuransiInput.disabled = false;
noAsuransiInput.required = true;
row.style.display = 'none';
}
}
toggleNoAsuransi();
asuransiSelect.addEventListener('change', toggleNoAsuransi);
// Validasi form
document.querySelector('form').addEventListener('submit', function(e) {
const namaPasien = document.getElementById('nama_pasien').value.trim();
const noHP = document.getElementById('no_hp').value.trim();
if(namaPasien.length < 3) {
alert('Nama pasien harus minimal 3 karakter');
});
});
// Validasi form tambah ruang pelayanan
document.getElementById('addRuangModal').addEventListener('shown.bs.modal', function() {
const form = this.querySelector('form');
form.addEventListener('submit', function(e) {
const nama = this.querySelector('[name="nama_ruang_pelayanan"]').value.trim();
if(nama.length < 3) {
alert('Nama ruang pelayanan harus minimal 3 karakter');
e.preventDefault();
return;
}
if(noHP && !/^[0-9]{10,13}$/.test(noHP)) {
alert('Nomor HP harus berisi 10-13 digit angka');
e.preventDefault();
return;
}
// Validasi asuransi
if(asuransiSelect.value !== "" && noAsuransiInput.value.trim() === "") {
alert('Nomor kartu/polis asuransi harus diisi');
e.preventDefault();
return;
}
});
});

View File

@ -244,7 +244,7 @@
<div class="row justify-content-center g-4 mb-5">
<div class="col-md-10 text-center">
<a href="{{ route('ruangan') }}" class="btn btn-outline-custom btn-lg w-100 py-3">
<a href="{{ route('ruangan.index') }}" class="btn btn-outline-custom btn-lg w-100 py-3">
<i class="fas fa-procedures me-2"></i> RUANG PELAYANAN
</a>
</div>

View File

@ -4,6 +4,7 @@ use Illuminate\Support\Facades\Route;
use App\Http\Controllers\PasienController;
use App\Http\Controllers\AsuransiController;
use App\Http\Controllers\PegawaiController;
use App\Http\Controllers\RuanganController;
/*
|--------------------------------------------------------------------------
| Web Routes
@ -41,6 +42,8 @@ Route::post('/data-karyawan', [PegawaiController::class, 'store'])->name('karyaw
Route::put('/data-karyawan/{id}', [PegawaiController::class, 'update'])->name('karyawan.update');
Route::delete('/data-karyawan/{id}', [PegawaiController::class, 'destroy'])->name('karyawan.destroy');
Route::get('/data-ruangan', function () {
return view('ruangan');
})->name('ruangan');
// ROUTE RUANGAN
Route::get('/data-ruangan', [RuanganController::class, 'index'])->name('ruangan.index');
Route::post('/data-ruangan', [RuanganController::class, 'store'])->name('ruangan.store');
Route::put('/data-ruangan/{id}', [RuanganController::class, 'update'])->name('ruangan.update');
Route::delete('/data-ruangan/{id}', [RuanganController::class, 'destroy'])->name('ruangan.destroy');