Merge pull request #9 from arieeefajar/fix/master-rule

fix(master-rule): create store and delete func
This commit is contained in:
Arie Fajar Bachtiar 2025-02-06 22:26:51 +07:00 committed by GitHub
commit 57da2fdc41
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
7 changed files with 254 additions and 89 deletions

View File

@ -3,8 +3,8 @@
namespace App\Http\Controllers\MasterData; namespace App\Http\Controllers\MasterData;
use App\Http\Controllers\Controller; use App\Http\Controllers\Controller;
use App\Models\Indicator;
use App\Models\Rule; use App\Models\Rule;
use Barryvdh\Debugbar\Facades\Debugbar;
use Illuminate\Http\Request; use Illuminate\Http\Request;
use Illuminate\Support\Facades\Validator; use Illuminate\Support\Facades\Validator;
@ -12,32 +12,77 @@ class RuleController extends Controller
{ {
public function index() public function index()
{ {
$rules = Rule::with('indicator')->get(); $rules = Rule::with('indicator')->orderBy('created_at', 'desc')->get();
Debugbar::info($rules); $indicators = Indicator::select('id', 'name')->get();
return view('master-data.aturan.index', compact('rules')); return view('master-data.aturan.index', compact('rules', 'indicators'));
}
public function store(Request $request)
{
$customMessage = [
'indicator.required' => 'Harap pilih indikator',
'indicator.exists' => 'Indikator tidak ditemukan',
'ideal_min.required' => 'Nilai minimum wajib diisi',
'ideal_min.numeric' => 'Nilai minimum harus berupa angka',
'ideal_max.required' => 'Nilai maksimum wajib diisi',
'ideal_max.numeric' => 'Nilai maksimum harus berupa angka',
'mb.required' => 'Nilai MB wajib diisi',
'mb.numeric' => 'Nilai MB harus berupa angka',
];
$validator = Validator::make($request->all(), [
'indicator' => 'required|exists:indicators,id',
'ideal_min' => 'required|numeric',
'ideal_max' => 'required|numeric',
'mb' => 'required|numeric',
], $customMessage);
if ($validator->fails()) {
toast($validator->messages()->all()[0], 'error')->position('top-right')->autoclose(3000);
return redirect()->back()->withInput();
}
$rule = new Rule();
$rule->indicator_id = $request->indicator;
$rule->ideal_min = $request->ideal_min;
$rule->ideal_max = $request->ideal_max;
$rule->mb = $request->mb;
try {
$rule->save();
toast('Data berhasil disimpan', 'success')->position('top-right')->autoclose(3000);
return redirect()->back();
} catch (\Throwable $th) {
toast('Terjadi kesalahan', 'error')->position('top')->autoclose(3000);
return redirect()->back();
}
} }
public function update(Request $request, $id) public function update(Request $request, $id)
{ {
$customMessage = [ $customMessage = [
'range_min.required' => 'Nilai minimum wajib diisi', 'indicator.required' => 'Harap pilih indikator',
'range_min.numeric' => 'Nilai minimum harus berupa angka', 'indicator.exists' => 'Indikator tidak ditemukan',
'range_max.required' => 'Nilai maksimum wajib diisi', 'ideal_min.required' => 'Nilai minimum wajib diisi',
'range_max.numeric' => 'Nilai maksimum harus berupa angka', 'ideal_min.numeric' => 'Nilai minimum harus berupa angka',
'ideal_max.required' => 'Nilai maksimum wajib diisi',
'ideal_max.numeric' => 'Nilai maksimum harus berupa angka',
'mb.required' => 'Nilai MB wajib diisi', 'mb.required' => 'Nilai MB wajib diisi',
'mb.numeric' => 'Nilai MB harus berupa angka', 'mb.numeric' => 'Nilai MB harus berupa angka',
'md.required' => 'Nilai MD wajib diisi',
'md.numeric' => 'Nilai MD harus berupa angka',
]; ];
$validator = Validator::make($request->all(), [ $validator = Validator::make($request->all(), [
'range_min' => 'required|numeric', 'indicator' => 'required|exists:indicators,id',
'range_max' => 'required|numeric', 'ideal_min' => 'required|numeric',
'ideal_max' => 'required|numeric',
'mb' => 'required|numeric', 'mb' => 'required|numeric',
'md' => 'required|numeric',
], $customMessage); ], $customMessage);
if ($validator->fails()) { if ($validator->fails()) {
@ -46,10 +91,9 @@ public function update(Request $request, $id)
} }
$rule = Rule::find($id); $rule = Rule::find($id);
$rule->range_min = $request->range_min; $rule->ideal_min = $request->ideal_min;
$rule->range_max = $request->range_max; $rule->ideal_max = $request->ideal_max;
$rule->mb = $request->mb; $rule->mb = $request->mb;
$rule->md = $request->md;
try { try {
$rule->save(); $rule->save();
@ -60,4 +104,17 @@ public function update(Request $request, $id)
return redirect()->back(); return redirect()->back();
} }
} }
public function destroy($id)
{
$rule = Rule::find($id);
try {
$rule->delete();
toast('Data berhasil dihapus', 'success')->position('top-right')->autoclose(3000);
return redirect()->back();
} catch (\Throwable $th) {
toast('Terjadi kesalahan', 'error')->position('top')->autoclose(3000);
return redirect()->back();
}
}
} }

View File

@ -10,11 +10,7 @@ class Rule extends Model
use HasFactory; use HasFactory;
protected $table = 'rule'; protected $table = 'rule';
protected $guarded = [];
protected $fillable = [
'indicator_id',
'mb',
];
public function indicator() public function indicator()
{ {

View File

@ -14,6 +14,8 @@ public function up(): void
Schema::create('rule', function (Blueprint $table) { Schema::create('rule', function (Blueprint $table) {
$table->id(); $table->id();
$table->unsignedBigInteger('indicator_id'); $table->unsignedBigInteger('indicator_id');
$table->float('ideal_min');
$table->float('ideal_max');
$table->float('mb'); $table->float('mb');
$table->timestamps(); $table->timestamps();
}); });

View File

@ -14,11 +14,11 @@ class RuleSeeder extends Seeder
public function run(): void public function run(): void
{ {
$rules = [ $rules = [
['indicator_id' => 1, 'mb' => 0.5], ['indicator_id' => 1, 'ideal_min' => 5.5, 'ideal_max' => 7, 'mb' => 0.9],
['indicator_id' => 2, 'mb' => 0.5], ['indicator_id' => 2, 'ideal_min' => 0, 'ideal_max' => 1500, 'mb' => 0.8],
['indicator_id' => 3, 'mb' => 0.5], ['indicator_id' => 3, 'ideal_min' => 70, 'ideal_max' => 100, 'mb' => 0.7],
['indicator_id' => 4, 'mb' => 0.5], ['indicator_id' => 4, 'ideal_min' => 1000, 'ideal_max' => 2000, 'mb' => 0.9],
['indicator_id' => 5, 'mb' => 0.5], ['indicator_id' => 5, 'ideal_min' => 0, 'ideal_max' => 100, 'mb' => 0.8],
]; ];
foreach ($rules as $rule) { foreach ($rules as $rule) {

View File

@ -1,10 +1,18 @@
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {
const inputs = document.querySelectorAll( const inputs = document.querySelectorAll(
"#rangemin-field, #rangemax-field", "#idealmin-field, #idealmax-field",
"#mb-field", "#mb-field"
"#md-field"
); );
const inputEdit = document.querySelectorAll(
"#idealmin-edit-field, #idealmax-edit-field",
"#mb-edit-field"
);
var indicatorField = document.getElementById("indicator-field");
var indicatorVal = new Choices(indicatorField);
var indicatorEditField = document.getElementById("indicator-edit-field");
var indicatorEditVal = new Choices(indicatorEditField);
inputs.forEach((input) => { inputs.forEach((input) => {
input.addEventListener("input", function () { input.addEventListener("input", function () {
this.value = this.value.replace(/[^0-9.]/g, ""); this.value = this.value.replace(/[^0-9.]/g, "");
@ -17,25 +25,40 @@ document.addEventListener("DOMContentLoaded", function () {
} }
}); });
}); });
inputEdit.forEach((input) => {
input.addEventListener("input", function () {
this.value = this.value.replace(/[^0-9.]/g, "");
this.value = this.value.replace(/^(\.)/, "");
if ((this.value.match(/\./g) || []).length > 1) {
this.value = this.value.substring(
0,
this.value.lastIndexOf(".")
);
}
});
});
}); });
function updateData(rule) { function updateData(rule) {
console.log(rule);
var form = document.getElementById("edit-form"); var form = document.getElementById("edit-form");
var indicatorName = form.querySelector('input[id="indicatorname-field"]'); // var indicatorName = form.querySelector('input[id="indicatorname-field"]');
var rangMin = form.querySelector('input[id="rangemin-field"]'); var idealMin = form.querySelector('input[id="idealmin-edit-field"]');
var rangMax = form.querySelector('input[id="rangemax-field"]'); var idealMax = form.querySelector('input[id="idealmax-edit-field"]');
var mb = form.querySelector('input[id="mb-field"]'); var mb = form.querySelector('input[id="mb-edit-field"]');
var md = form.querySelector('input[id="md-field"]');
indicatorName.value = rule.indicator.name; // indicatorName.value = rule.indicator.name;
rangMin.value = rule.range_min; idealMin.value = rule.ideal_max;
rangMax.value = rule.range_max; idealMax.value = rule.ideal_min;
mb.value = rule.mb; mb.value = rule.mb;
md.value = rule.md;
form.action = "/data-aturan/" + rule.id; form.action = "/data-aturan/" + rule.id;
} }
function deleteData(id) {
var form = document.getElementById("delete-form");
form.action = "/data-aturan/" + id;
}
var perPage = 10, var perPage = 10,
options = { options = {
valueNames: [ valueNames: [

View File

@ -33,14 +33,14 @@
<div class="card-body"> <div class="card-body">
<div id="customerList"> <div id="customerList">
<div class="row g-4 mb-3"> <div class="row g-4 mb-3">
{{-- <div class="col-sm-auto"> <div class="col-sm-auto">
<div> <div>
<button type="button" class="btn btn-primary add-btn" data-bs-toggle="modal" <button type="button" class="btn btn-success add-btn" data-bs-toggle="modal"
id="create-btn" data-bs-target="#showModal"> id="create-btn" data-bs-target="#addModal">
<i class="ri-add-line align-bottom me-1"></i> Add <i class="ri-add-line align-bottom me-1"></i> Tambah
</button> </button>
</div> </div>
</div> --}} </div>
<div class="col-sm"> <div class="col-sm">
<div class="d-flex justify-content-sm-end"> <div class="d-flex justify-content-sm-end">
<div class="search-box ms-2"> <div class="search-box ms-2">
@ -61,13 +61,10 @@
<th class="sort" data-sort="indicator_name"> <th class="sort" data-sort="indicator_name">
Indikator Indikator
</th> </th>
<th class="sort" data-sort="range_min">Range Min</th> <th class="sort" data-sort="range_min">Ideal Min</th>
<th class="sort" data-sort="range_max">Range Max</th> <th class="sort" data-sort="range_max">Ideal Max</th>
<th class="sort" data-sort="mb">
Meansure Belief
</th>
<th class="sort" data-sort="status"> <th class="sort" data-sort="status">
Meansure Disbelief Meansure Belief
</th> </th>
<th class="sort" data-sort="action">Action</th> <th class="sort" data-sort="action">Action</th>
</tr> </tr>
@ -81,11 +78,10 @@
class="fw-medium link-primary">#VZ2101</a> class="fw-medium link-primary">#VZ2101</a>
</td> </td>
<td class="indicator_name">{{ $rule->indicator->name }}</td> <td class="indicator_name">{{ $rule->indicator->name }}</td>
<td class="range_min">{{ $rule->range_min }}</td> <td class="range_min">{{ $rule->ideal_min }}</td>
<td class="range_max">{{ $rule->range_max }}</td> <td class="range_max">{{ $rule->ideal_max }}</td>
<td class="mb">{{ $rule->mb }}</td>
<td class="status"> <td class="status">
<span>{{ $rule->md }}</span> <span>{{ $rule->mb }}</span>
</td> </td>
<td> <td>
<div class="d-flex gap-2 justify-content-center"> <div class="d-flex gap-2 justify-content-center">
@ -96,12 +92,14 @@ class="fw-medium link-primary">#VZ2101</a>
Edit Edit
</button> </button>
</div> </div>
{{-- <div class="remove"> <div class="remove">
<button class="btn btn-sm btn-success remove-item-btn" <button class="btn btn-sm btn-danger remove-item-btn"
data-bs-toggle="modal" data-bs-target="#deleteRecordModal"> data-bs-toggle="modal"
Remove data-bs-target="#deleteRecordModal"
</button> onclick="deleteData({{ $rule->id }})">
</div> --}} Hapus
</button>
</div>
</div> </div>
</td> </td>
</tr> </tr>
@ -141,12 +139,87 @@ class="fw-medium link-primary">#VZ2101</a>
</div> </div>
<!-- end row --> <!-- end row -->
{{-- edit modal --}} {{-- add modal --}}
<div class="modal fade" id="showModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal fade" id="addModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-light p-3"> <div class="modal-header bg-light p-3">
<h5 class="modal-title" id="exampleModalLabel"></h5> <h5 class="modal-title" id="exampleModalLabel">Tambah Data Rule</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
id="close-modal"></button>
</div>
<form action="{{ route('master_data.aturan.store') }}" class="needs-validation" method="POST"
novalidate id="add-form">
@csrf
<div class="modal-body">
<div class="mb-3" id="modal-id" style="display: none">
<label for="id-field" class="form-label">ID</label>
<input type="text" id="id-field" class="form-control" placeholder="ID"
readonly />
</div>
<div class="mb-3">
<label for="indicatorname-field" class="form-label">Indikator</label>
<select name="indicator" class="form-control" id="indicator-field" required>
<option value="" selected disabled>Pilih Indikator</option>
@foreach ($indicators as $indicator)
<option value="{{ $indicator->id }}">{{ $indicator->name }}</option>
@endforeach
</select>
<div class="invalid-feedback">
Pilih Indikator
</div>
</div>
<div class="mb-3">
<label for="idealmin-field" class="form-label">Ideal Min</label>
<input type="text" id="idealmin-field" class="form-control" name="ideal_min"
placeholder="Masukan Nilai Ideal Min" required />
<div class="invalid-feedback">
Masukan Nilai Ideal Min
</div>
</div>
<div class="mb-3">
<label for="idealmax-field" class="form-label">Ideal Max</label>
<input type="text" id="idealmax-field" class="form-control" name="ideal_max"
placeholder="Masukan Nilai Ideal Max" required />
<div class="invalid-feedback">
Masukan Nilai Ideal Max
</div>
</div>
<div>
<label for="mb-field" class="form-label">Meansure Belief</label>
<input type="text" id="mb-field" class="form-control" name="mb"
placeholder="Masukan Meansure Belief" required />
<div class="invalid-feedback">
Masukan Meansure Belief
</div>
</div>
</div>
<div class="modal-footer">
<div class="hstack gap-2 justify-content-end">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">
Tutup
</button>
<button type="submit" class="btn btn-success" id="edit-btn">
Simpan
</button>
</div>
</div>
</form>
</div>
</div>
</div>
{{-- edit modal --}}
<div class="modal fade" id="showModal" tabindex="-1" aria-labelledby="exampleModalLabel"
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="exampleModalLabel">Edit Data Rule</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
id="close-modal"></button> id="close-modal"></button>
</div> </div>
@ -162,32 +235,42 @@ class="fw-medium link-primary">#VZ2101</a>
<div class="mb-3"> <div class="mb-3">
<label for="indicatorname-field" class="form-label">Indikator</label> <label for="indicatorname-field" class="form-label">Indikator</label>
<input type="text" id="indicatorname-field" class="form-control" <select name="indicator" id="indicator-edit-field" class="form-control">
placeholder="Masukan Nama Indikator" readonly /> <option value="" selected disabled>Pilih Indikator</option>
@foreach ($indicators as $indicator)
<option value="{{ $indicator->id }}">{{ $indicator->name }}</option>
@endforeach
</select>
<div class="invalid-feedback">
Pilih Indikator
</div>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="rangemin-field" class="form-label">Range Min</label> <label for="idealmin-field" class="form-label">Ideal Min</label>
<input type="text" id="rangemin-field" class="form-control" name="range_min" <input type="text" id="idealmin-edit-field" class="form-control" name="ideal_min"
placeholder="Masukan Range Min" required /> placeholder="Masukan Nilai Ideal Min" required />
<div class="invalid-feedback">
Masukan Nilai Ideal Min
</div>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="rangemax-field" class="form-label">Range Max</label> <label for="idealmax-edit-field" class="form-label">Ideal Max</label>
<input type="text" id="rangemax-field" class="form-control" name="range_max" <input type="text" id="idealmax-edit-field" class="form-control" name="ideal_max"
placeholder="Masukan Range Max" required /> placeholder="Masukan Nilai Ideal Max" required />
</div> <div class="invalid-feedback">
Masukan Nilai Ideal Max
<div class="mb-3"> </div>
<label for="mb-field" class="form-label">Meansure Belief</label>
<input type="text" id="mb-field" class="form-control" name="mb"
placeholder="Masukan Meansure Belief" required />
</div> </div>
<div> <div>
<label for="md-field" class="form-label">Meansure Disbelief</label> <label for="mb-edit-field" class="form-label">Meansure Belief</label>
<input type="text" id="md-field" class="form-control" name="md" <input type="text" id="mb-edit-field" class="form-control" name="mb"
placeholder="Masukan Meansure Disbelief" required> placeholder="Masukan Nilai Meansure Belief" required />
<div class="invalid-feedback">
Masukan Meansure Belief
</div>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -219,19 +302,23 @@ class="fw-medium link-primary">#VZ2101</a>
colors="primary:#25a0e2,secondary:#00bd9d" colors="primary:#25a0e2,secondary:#00bd9d"
style="width: 100px; height: 100px"></lord-icon> style="width: 100px; height: 100px"></lord-icon>
<div class="mt-4 pt-2 fs-15 mx-4 mx-sm-5"> <div class="mt-4 pt-2 fs-15 mx-4 mx-sm-5">
<h4>Are you sure ?</h4> <h4>Anda yakin ?</h4>
<p class="text-muted mx-4 mb-0"> <p class="text-muted mx-4 mb-0">
Are you sure you want to remove this record ? Anda yakin akan menghapus data ini ?
</p> </p>
</div> </div>
</div> </div>
<div class="d-flex gap-2 justify-content-center mt-4 mb-2"> <div class="d-flex gap-2 justify-content-center mt-4 mb-2">
<button type="button" class="btn w-sm btn-light" data-bs-dismiss="modal"> <button type="button" class="btn w-sm btn-light" data-bs-dismiss="modal">
Close Tutup
</button>
<button type="button" class="btn w-sm btn-primary" id="delete-record">
Yes, Delete It!
</button> </button>
<form action="" method="POST" id="delete-form">
@csrf
@method('DELETE')
<button type="submit" class="btn w-sm btn-danger" id="delete-record">
Ya, Hapus!
</button>
</form>
</div> </div>
</div> </div>
</div> </div>

View File

@ -86,9 +86,9 @@
Route::prefix('data-aturan')->controller(RuleController::class)->name('aturan.')->group(function () { Route::prefix('data-aturan')->controller(RuleController::class)->name('aturan.')->group(function () {
Route::get('/', 'index')->name('index'); Route::get('/', 'index')->name('index');
// Route::post('/', 'store')->name('store'); Route::post('/', 'store')->name('store');
Route::put('/{id}', 'update')->name('update'); Route::put('/{id}', 'update')->name('update');
// Route::delete('/{id}', 'destroy')->name('destroy'); Route::delete('/{id}', 'destroy')->name('destroy');
}); });
}); });
}); });