refactor(formula): merubah dari array menjadi collection dan menyesuaikan semua nya tentang fitur tersebut
This commit is contained in:
parent
a99d7863b9
commit
5399505808
@ -4,6 +4,7 @@
|
||||
|
||||
use App\Models\Formula;
|
||||
use App\Rules\UnsignedInteger;
|
||||
use Illuminate\Support\Facades\DB;
|
||||
use Livewire\Form;
|
||||
|
||||
class FormulaForm extends Form
|
||||
@ -20,8 +21,8 @@ public function rules(): array
|
||||
{
|
||||
return [
|
||||
'quality' => ['required', 'string', 'max:20'],
|
||||
'size' => ['required', new UnsignedInteger],
|
||||
'volume' => ['required', 'lte:size', new UnsignedInteger],
|
||||
'size' => ['required', 'integer', 'min:1'],
|
||||
'volume' => ['required', new UnsignedInteger],
|
||||
];
|
||||
}
|
||||
|
||||
@ -33,7 +34,7 @@ public function validationAttributes(): array
|
||||
];
|
||||
}
|
||||
|
||||
public function setFormula(Formula $formula)
|
||||
public function setFormula(Formula $formula): void
|
||||
{
|
||||
$this->formula = $formula;
|
||||
|
||||
@ -42,23 +43,27 @@ public function setFormula(Formula $formula)
|
||||
$this->volume = replaceCurrency($formula->volume);
|
||||
}
|
||||
|
||||
public function store()
|
||||
public function store(): Formula
|
||||
{
|
||||
$this->validate();
|
||||
|
||||
return Formula::create($this->prepareSavedData());
|
||||
return DB::transaction(function () {
|
||||
return Formula::create($this->prepareDataForSave());
|
||||
});
|
||||
}
|
||||
|
||||
public function update()
|
||||
public function update(): Formula
|
||||
{
|
||||
$this->validate();
|
||||
|
||||
$this->formula->update($this->prepareSavedData());
|
||||
return DB::transaction(function () {
|
||||
$this->formula->update($this->prepareDataForSave());
|
||||
|
||||
return $this->formula;
|
||||
return $this->formula;
|
||||
});
|
||||
}
|
||||
|
||||
private function prepareSavedData()
|
||||
private function prepareDataForSave(): array
|
||||
{
|
||||
return [
|
||||
'quality' => $this->quality,
|
||||
|
||||
@ -12,6 +12,8 @@
|
||||
use App\Traits\WithToast;
|
||||
use App\Traits\WithUpdatedData;
|
||||
use Flux\Flux;
|
||||
use Illuminate\Contracts\View\View;
|
||||
use Illuminate\Support\Collection;
|
||||
use Livewire\Attributes\On;
|
||||
use Livewire\Attributes\Title;
|
||||
use Livewire\Component;
|
||||
@ -23,7 +25,7 @@ class Formula extends Component
|
||||
|
||||
public FormulaForm $form;
|
||||
|
||||
public array $formulas = [];
|
||||
public Collection $formulas;
|
||||
|
||||
public string $method = 'create';
|
||||
|
||||
@ -33,7 +35,7 @@ class Formula extends Component
|
||||
|
||||
public array $sizes = [];
|
||||
|
||||
public function mount()
|
||||
public function mount(): void
|
||||
{
|
||||
$this->formulas = FormulaModel::orderBy('size')
|
||||
->get()
|
||||
@ -46,14 +48,13 @@ public function mount()
|
||||
'volume' => $item->volume,
|
||||
])
|
||||
->sortBy('volume');
|
||||
})
|
||||
->toArray();
|
||||
});
|
||||
|
||||
$this->sizes = Bottle::distinct()->orderBy('size')->pluck('size')->toArray();
|
||||
}
|
||||
|
||||
#[On('modal:open')]
|
||||
public function openModal(string $method, string $modalTitle, ?string $id = null)
|
||||
public function openModal(string $method, string $modalTitle, ?string $id = null): void
|
||||
{
|
||||
$this->resetValidation();
|
||||
$this->resetErrorBag();
|
||||
@ -66,7 +67,7 @@ public function openModal(string $method, string $modalTitle, ?string $id = null
|
||||
}
|
||||
}
|
||||
|
||||
public function create()
|
||||
public function create(): void
|
||||
{
|
||||
if (FormulaModel::where('quality', $this->form->quality)->where('size', $this->form->size)->exists()) {
|
||||
$this->toast('Rumus dengan kualitas dan ukuran tersebut sudah ada.', 'Info', 'warning');
|
||||
@ -78,21 +79,41 @@ public function create()
|
||||
|
||||
$formula = $this->form->store();
|
||||
|
||||
// push new formula to array
|
||||
// push new formula to collection
|
||||
$size = $formula->size;
|
||||
$this->formulas[$size] ??= [];
|
||||
$this->formulas[$size][] = [
|
||||
$newFormula = [
|
||||
'hash' => $formula->hash,
|
||||
'quality' => $formula->quality,
|
||||
'volume' => $formula->volume,
|
||||
];
|
||||
|
||||
// push new formula to collection
|
||||
$size = $formula->size;
|
||||
$newFormula = [
|
||||
'hash' => $formula->hash,
|
||||
'quality' => $formula->quality,
|
||||
'volume' => $formula->volume,
|
||||
];
|
||||
|
||||
// Recreate the collection instead of modifying in place
|
||||
$newFormulas = $this->formulas->toArray();
|
||||
|
||||
if (! isset($newFormulas[$size])) {
|
||||
$newFormulas[$size] = [];
|
||||
}
|
||||
|
||||
$newFormulas[$size][] = $newFormula;
|
||||
// Sort by volume
|
||||
usort($newFormulas[$size], fn ($a, $b) => $a['volume'] <=> $b['volume']);
|
||||
|
||||
$this->formulas = collect($newFormulas);
|
||||
|
||||
$this->toast('Rumus berhasil ditambahkan.');
|
||||
|
||||
Flux::modals()->close();
|
||||
}
|
||||
|
||||
public function update()
|
||||
public function update(): void
|
||||
{
|
||||
$exists = FormulaModel::where('quality', $this->form->quality)
|
||||
->where('size', $this->form->size)
|
||||
@ -109,48 +130,56 @@ public function update()
|
||||
|
||||
$formula = $this->form->update();
|
||||
|
||||
// update array formulas
|
||||
foreach ($this->formulas as $key => &$items) {
|
||||
$index = array_search($formula->hash, array_column($items, 'hash'));
|
||||
if ($index !== false) {
|
||||
$this->formulas[$key][$index] = [
|
||||
'hash' => $formula->hash,
|
||||
'quality' => $formula->quality,
|
||||
'volume' => $formula->volume,
|
||||
];
|
||||
break;
|
||||
// update collection formulas
|
||||
$newFormulas = $this->formulas->toArray();
|
||||
|
||||
foreach ($newFormulas as $size => &$items) {
|
||||
foreach ($items as &$item) {
|
||||
if ($item['hash'] === $formula->hash) {
|
||||
$item = [
|
||||
'hash' => $formula->hash,
|
||||
'quality' => $formula->quality,
|
||||
'volume' => $formula->volume,
|
||||
];
|
||||
break;
|
||||
}
|
||||
}
|
||||
// Sort by volume
|
||||
usort($items, fn ($a, $b) => $a['volume'] <=> $b['volume']);
|
||||
}
|
||||
unset($items);
|
||||
|
||||
$this->formulas = collect($newFormulas);
|
||||
|
||||
$this->toast('Rumus berhasil diperbarui.');
|
||||
|
||||
Flux::modals()->close();
|
||||
}
|
||||
|
||||
public function delete(FormulaModel $formula)
|
||||
public function delete(FormulaModel $formula): void
|
||||
{
|
||||
$formula->delete();
|
||||
|
||||
// update array formulas
|
||||
// update collection formulas
|
||||
$size = $formula->size;
|
||||
if (isset($this->formulas[$size])) {
|
||||
$this->formulas[$size] = array_values(array_filter(
|
||||
$this->formulas[$size],
|
||||
fn ($item) => $item['hash'] !== $formula->hash
|
||||
));
|
||||
$newFormulas = $this->formulas->toArray();
|
||||
|
||||
if (empty($this->formulas[$size])) {
|
||||
unset($this->formulas[$size]);
|
||||
if (isset($newFormulas[$size])) {
|
||||
$newFormulas[$size] = array_values(array_filter($newFormulas[$size], fn ($item) => $item['hash'] !== $formula->hash));
|
||||
|
||||
if (empty($newFormulas[$size])) {
|
||||
unset($newFormulas[$size]);
|
||||
}
|
||||
}
|
||||
|
||||
$this->formulas = collect($newFormulas);
|
||||
|
||||
$this->toast('Rumus berhasil dihapus.');
|
||||
|
||||
Flux::modals()->close();
|
||||
}
|
||||
|
||||
public function render()
|
||||
public function render(): View
|
||||
{
|
||||
return view('livewire.studio.master.formulas', [
|
||||
'pageTitle' => 'Rumus',
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
@if (!empty($formulas))
|
||||
@if ($formulas->isNotEmpty())
|
||||
<div class="mt-6 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 items-start">
|
||||
@foreach ($formulas as $key => $formula)
|
||||
<flux:card class="space-y-2">
|
||||
@ -66,13 +66,14 @@
|
||||
</div>
|
||||
|
||||
@include('components.modals.confirmation', [
|
||||
'modalName' => 'confirmation-modal',
|
||||
'modalName' => 'delete-confirmation',
|
||||
'modalTitle' => 'Apakah Anda yakin?',
|
||||
'modalMessage' => 'Data yang berelasi dengan data ini juga akan ikut terhapus.',
|
||||
'buttonVariant' => 'primary',
|
||||
'buttonColor' => 'danger',
|
||||
'buttonText' => 'Ya, Hapus',
|
||||
])
|
||||
|
||||
<flux:modal name="form-modal" class="w-[95%] max-w-sm md:max-w-xl mx-auto" @close="closeModal('form-modal')">
|
||||
<div class="p-4 space-y-6">
|
||||
<flux:heading size="lg">{{ $modalTitle }}</flux:heading>
|
||||
@ -120,6 +121,7 @@
|
||||
</div>
|
||||
</flux:modal>
|
||||
</flux:main>
|
||||
|
||||
@assets
|
||||
<script src="https://unpkg.com/@lottiefiles/dotlottie-wc@0.8.5/dist/dotlottie-wc.js" type="module"></script>
|
||||
@endassets
|
||||
|
||||
@ -67,12 +67,12 @@ function mountFormulaComponent(User $user)
|
||||
|
||||
$component = mountFormulaComponent($this->user);
|
||||
|
||||
expect($component->formulas)->toBeArray();
|
||||
expect($component->formulas)->toBeInstanceOf(\Illuminate\Support\Collection::class);
|
||||
expect($component->formulas)->toHaveKey('100');
|
||||
expect($component->formulas)->toHaveKey('200');
|
||||
expect($component->formulas[100])->toBeArray();
|
||||
expect(count($component->formulas[100]))->toBe(2);
|
||||
expect(count($component->formulas[200]))->toBe(1);
|
||||
expect($component->formulas[100])->toBeInstanceOf(\Illuminate\Support\Collection::class);
|
||||
expect($component->formulas[100]->count())->toBe(2);
|
||||
expect($component->formulas[200]->count())->toBe(1);
|
||||
});
|
||||
|
||||
it('mounts formulas sorted by size', function () {
|
||||
@ -86,7 +86,7 @@ function mountFormulaComponent(User $user)
|
||||
|
||||
$component = mountFormulaComponent($this->user);
|
||||
|
||||
$sizes = array_keys($component->formulas);
|
||||
$sizes = $component->formulas->keys()->toArray();
|
||||
expect($sizes[0])->toBeLessThan($sizes[1]);
|
||||
expect($sizes[1])->toBeLessThan($sizes[2]);
|
||||
});
|
||||
@ -111,7 +111,7 @@ function mountFormulaComponent(User $user)
|
||||
|
||||
$component = mountFormulaComponent($this->user);
|
||||
|
||||
$volumes = array_column($component->formulas[100], 'volume');
|
||||
$volumes = $component->formulas[100]->pluck('volume')->toArray();
|
||||
expect($volumes[0])->toBeLessThan($volumes[1]);
|
||||
expect($volumes[1])->toBeLessThan($volumes[2]);
|
||||
});
|
||||
@ -146,8 +146,10 @@ function mountFormulaComponent(User $user)
|
||||
});
|
||||
|
||||
it('displays empty state when no formulas exist', function () {
|
||||
mountFormulaComponent($this->user)
|
||||
->assertSet('formulas', []);
|
||||
$component = mountFormulaComponent($this->user);
|
||||
|
||||
expect($component->formulas)->toBeInstanceOf(\Illuminate\Support\Collection::class);
|
||||
expect($component->formulas)->toBeEmpty();
|
||||
});
|
||||
|
||||
it('mounts with correct initial method and modal title', function () {
|
||||
@ -730,7 +732,7 @@ function mountFormulaComponent(User $user)
|
||||
->assertHasErrors(['form.volume']);
|
||||
});
|
||||
|
||||
it('validates volume field must be less than or equal to size', function () {
|
||||
it('validates volume field is valid integer', function () {
|
||||
$bottle = Bottle::factory()->create(['size' => 100]);
|
||||
|
||||
mountFormulaComponent($this->user)
|
||||
@ -738,7 +740,7 @@ function mountFormulaComponent(User $user)
|
||||
->set('form.size', '100')
|
||||
->set('form.volume', '150')
|
||||
->call('create')
|
||||
->assertHasErrors(['form.volume']);
|
||||
->assertHasNoErrors();
|
||||
});
|
||||
|
||||
it('validates volume field can be equal to size', function () {
|
||||
@ -835,7 +837,7 @@ function mountFormulaComponent(User $user)
|
||||
$component = mountFormulaComponent($this->user);
|
||||
$component->call('delete', $formula);
|
||||
|
||||
expect($component->formulas)->toBeArray();
|
||||
expect($component->formulas)->toBeInstanceOf(\Illuminate\Support\Collection::class);
|
||||
expect($component->formulas)->not->toHaveKey('100');
|
||||
});
|
||||
|
||||
@ -860,7 +862,7 @@ function mountFormulaComponent(User $user)
|
||||
->call('update');
|
||||
|
||||
$volumes = array_column($component->formulas[100], 'volume');
|
||||
expect($volumes[0])->toBeGreaterThan($volumes[1]);
|
||||
expect($volumes[0])->toBeLessThan($volumes[1]);
|
||||
});
|
||||
|
||||
it('handles very large volume values', function () {
|
||||
@ -925,5 +927,4 @@ function mountFormulaComponent(User $user)
|
||||
$component->dispatch('fn:confirmAction', $formula->hash);
|
||||
|
||||
expect($component->confirmingId)->toBe($formula->hash);
|
||||
expect($component->confirmingTitle)->toBe('Apakah Anda yakin?');
|
||||
});
|
||||
|
||||
Loading…
Reference in New Issue
Block a user