yadiparfum/parfum
yadiparfum/parfum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(outlet): add outlet module with CRUD and related resources

Browse Source
This commit is contained in:
Yoga Pangestu 2025-09-19 14:43:15 +07:00
parent ec941e9390
commit dcc6a70470
15 changed files with 697 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
app/Enums/OutletStatus.php Normal file
View File

@ -0,0 +1,47 @@
<?php
namespace App\Enums;
enum OutletStatus: int
{
case OPERATIONAL = 1;
case UNDER_CONSTRUCTION = 2;
case TERMINATED = 3;
public function label(): string
{
return match ($this) {
self::OPERATIONAL => 'Operasional',
self::UNDER_CONSTRUCTION => 'Dalam Konstruksi',
self::TERMINATED => 'Dihentikan',
};
}
public function color(): string
{
return match ($this) {
self::OPERATIONAL => 'emerald',
self::UNDER_CONSTRUCTION => 'yellow',
self::TERMINATED => 'red',
};
}
public function icon(): string
{
return match ($this) {
self::OPERATIONAL => 'check-circle',
self::UNDER_CONSTRUCTION => 'wrench-screwdriver',
self::TERMINATED => 'x-circle',
};
}
public static function values(): array
{
return array_map(fn($case) => $case->value, self::cases());
}
public static function comment(): string
{
return implode(', ', array_map(fn($case) => "{$case->value}: {$case->label()}", self::cases()));
}
}

13
app/Helpers/DateTimeHelpers.php
View File

@ -29,3 +29,16 @@ function timeAgo(?string $date = null): string
return ! $date ? '-' : Carbon::parse($date)->diffForHumans();
}
}
if (! function_exists('normalizeOpeningHours')) {
function normalizeOpeningHours(array $openingHours)
{
$days = ['senin', 'selasa', 'rabu', 'kamis', 'jumat', 'sabtu', 'minggu'];
return collect($days)
->mapWithKeys(fn($day) => [
$day => $openingHours[$day] ?? ['open' => null, 'close' => null],
])
->toArray();
}
}

120
app/Livewire/Datatable/OutletsTable.php Normal file
View File

@ -0,0 +1,120 @@
<?php
namespace App\Livewire\Datatable;
use App\Enums\OutletStatus;
use App\Models\Outlet;
use App\Traits\Datatable\WithAppendColumn;
use App\Traits\Datatable\WithConfiguration;
use App\Traits\Datatable\WithPrependColumn;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Facades\Blade;
use Rappasoft\LaravelLivewireTables\DataTableComponent;
use Rappasoft\LaravelLivewireTables\Views\Column;
use Rappasoft\LaravelLivewireTables\Views\Columns\ArrayColumn;
class OutletsTable extends DataTableComponent
{
use WithAppendColumn, WithConfiguration, WithPrependColumn;
protected $model = Outlet::class;
public function columns(): array
{
return [
Column::make('Name', 'name')->searchable(),
Column::make('Nomor Telepon', 'phone_number')->searchable(),
Column::make('Alamat')
->label(function ($row) {
return <<<HTML
<div>
<div>{$row->landmark}</div>
<div>{$row->address}</div>
</div>
HTML;
})
->searchable(function ($query, $searchTerm) {
$query->orWhere('landmark', 'like', "%{$searchTerm}%")
->orWhere('address', 'like', "%{$searchTerm}%");
})
->html(),
ArrayColumn::make('Jam Buka', 'opening_hours')
->data(fn($value, $row) => normalizeOpeningHours($row->opening_hours))
->outputFormat(
fn($index, $value) => "<span class='flex items-center gap-2 py-1 text-xs'>
<span class='font-semibold'>" . ucfirst($index) . ": </span>
<span>"
. (($value['open'] === null && $value['close'] === null)
? 'Tutup'
: "{$value['open']} - {$value['close']}")
. "</span>
</span>"
)
->flexCol(['class' => 'gap-2 flex-wrap']),
ArrayColumn::make('Fasilitas', 'facilities')
->data(fn($value, $row) => $row->facilities)
->outputFormat(fn($index, $value) => Blade::render('<flux:badge color="zinc" dot>' . $value . '</flux:badge>'))
->flexRow(['class' => 'gap-2 flex-wrap']),
Column::make('Tanggal Operasi')
->label(function ($row) {
$openedDate = formatDate($row->opened_date);
$openedAgo = timeAgo($row->opened_date);
$closedDate = formatDate($row->closed_date);
$closedAgo = timeAgo($row->closed_date);
return <<<HTML
<div class="flex flex-col text-xs text-gray-700 dark:text-gray-300 gap-0.5">
<div>
<span class="font-medium text-gray-900 dark:text-white">Tgl Buka:</span>
<span>{$openedDate}</span>
<span class="text-gray-500">({$openedAgo})</span>
</div>
<div>
<span class="font-medium text-gray-900 dark:text-white">Tgl Tutup:</span>
<span>{$closedDate}</span>
<span class="text-gray-500">({$closedAgo})</span>
</div>
</div>
HTML;
})
->searchable(function ($query, $searchTerm) {
$query->orWhere('landmark', 'like', "%{$searchTerm}%")
->orWhere('address', 'like', "%{$searchTerm}%");
})
->html(),
Column::make('Status', 'status')
->format(fn($value) => Blade::render('<flux:badge color="' . $value->color() . '" dot>' . $value->label() . '</flux:badge>'))
->html(),
Column::make('Aksi')
->label(function ($row) {
$actions = '';
$actions .= view('components.datatables.edit', [
'id' => $row->id,
'editRoute' => route('studio.master.outlet.edit', $row->id),
])->render();
$actions .= view('components.datatables.delete', [
'id' => $row->id,
'deleteRoute' => route('studio.master.outlet.delete', $row->id),
])->render();
return $actions;
})
->html()
];
}
public function builder(): Builder
{
return Outlet::select('id', 'name', 'phone_number', 'landmark', 'address', 'opening_hours', 'facilities', 'opened_date', 'closed_date', 'status');
}
}

129
app/Livewire/Forms/OutletForm.php Normal file
View File

@ -0,0 +1,129 @@
<?php
namespace App\Livewire\Forms;
use App\Enums\OutletStatus;
use App\Models\Outlet;
use App\Rules\PhoneNumber;
use Illuminate\Validation\Rule;
use Livewire\Form;
class OutletForm extends Form
{
public ?Outlet $outlet;
public string $name = '';
public string $phone_number = '';
public string $address = '';
public string $landmark = '';
public ?string $maps_url = null;
public array $opening_hours = [
'senin' => ['open' => null, 'close' => null],
'selasa' => ['open' => null, 'close' => null],
'rabu' => ['open' => null, 'close' => null],
'kamis' => ['open' => null, 'close' => null],
'jumat' => ['open' => null, 'close' => null],
'sabtu' => ['open' => null, 'close' => null],
'minggu' => ['open' => null, 'close' => null],
];
public array $facilities = [''];
public string $opened_date = '';
public ?string $status = null;
public function rules(): array
{
$days = ['senin', 'selasa', 'rabu', 'kamis', 'jumat', 'sabtu', 'minggu'];
$rules = [
'name' => ['required', 'string', 'max:100'],
'phone_number' => ['required', 'string', new PhoneNumber],
'address' => ['required', 'string'],
'landmark' => ['required', 'string', 'max:40'],
'maps_url' => [
'nullable',
'string',
'regex:/^(https?:\/\/)?(www\.)?(google\.[a-z.]+\/maps\/.+|goo\.gl\/maps\/.+|maps\.app\.goo\.gl\/.+)$/i'
],
'opening_hours' => ['required', 'array'],
'facilities' => ['required', 'array', 'min:1'],
'facilities.*' => ['required', 'string', 'max:20'],
'opened_date' => ['required', 'date'],
'status' => ['required', Rule::in(OutletStatus::cases())],
];
foreach ($days as $day) {
$rules["opening_hours.$day"] = ['required', 'array'];
$rules["opening_hours.$day.open"] = ['nullable', 'date_format:H:i'];
$rules["opening_hours.$day.close"] = ['nullable', 'date_format:H:i'];
}
return $rules;
}
public function validationAttributes(): array
{
return [
'name' => 'nama',
'phone_number' => 'nomor telepon',
'address' => 'alamat',
'landmark' => 'patokan',
'maps_url' => 'tautan google maps',
'opening_hours.*' => 'jam beroperasi',
'facilities.*' => 'fasilitas',
'opened_date' => 'tanggal buka',
];
}
public function setOutlet(Outlet $outlet)
{
$this->outlet = $outlet;
$this->name = $outlet->name;
$this->phone_number = $outlet->phone_number;
$this->address = $outlet->address;
$this->landmark = $outlet->landmark;
$this->maps_url = $outlet->maps_url;
$this->opening_hours = $outlet->opening_hours;
$this->facilities = $outlet->facilities;
$this->opened_date = $outlet->opened_date;
$this->status = $outlet->status->value;
}
public function store()
{
$this->validate();
$data = $this->all();
if ($data['status'] == OutletStatus::TERMINATED) {
$data['closed_date'] = now();
} else {
$data['closed_date'] = null;
}
Outlet::create($data);
}
public function update()
{
$this->validate();
$data = $this->all();
if ($data['status'] == OutletStatus::TERMINATED->value) {
$data['closed_date'] = now()->toDateString();
} else {
$data['closed_date'] = null;
}
$this->outlet->update($data);
}
}

39
app/Livewire/Studio/Master/Outlet/Create.php Normal file
View File

@ -0,0 +1,39 @@
<?php
namespace App\Livewire\Studio\Master\Outlet;
use App\Livewire\Forms\OutletForm;
use App\Traits\Outlet\WithFacilityHandler;
use App\Traits\WithUpdatedData;
use Flux\Flux;
use Livewire\Attributes\Title;
use Livewire\Component;
#[Title('Tambah Outlet')]
class Create extends Component
{
use WithFacilityHandler, WithUpdatedData;
public OutletForm $form;
public function save()
{
$this->form->store();
Flux::toast(
heading: 'Berhasil',
text: 'Outlet berhasil ditambahkan.',
variant: 'success',
duration: 3000
);
$this->redirectRoute('studio.master.outlet.index', navigate: true);
}
public function render()
{
return view('livewire.studio.master.outlet.form', [
'pageTitle' => 'Tambah Outlet',
]);
}
}

47
app/Livewire/Studio/Master/Outlet/Edit.php Normal file
View File

@ -0,0 +1,47 @@
<?php
namespace App\Livewire\Studio\Master\Outlet;
use App\Livewire\Forms\OutletForm;
use App\Models\Outlet;
use App\Traits\Outlet\WithFacilityHandler;
use App\Traits\WithUpdatedData;
use Flux\Flux;
use Livewire\Attributes\Title;
use Livewire\Component;
#[Title('Ubah Outlet')]
class Edit extends Component
{
use WithFacilityHandler, WithUpdatedData;
public OutletForm $form;
public function mount(Outlet $outlet)
{
$this->form->setOutlet($outlet);
}
public function save()
{
$this->form->update();
$this->dispatch('refreshDatatable');
Flux::toast(
heading: 'Berhasil',
text: 'Outlet berhasil diperbarui.',
variant: 'success',
duration: 3000
);
$this->redirectRoute('studio.master.outlet.index', navigate: true);
}
public function render()
{
return view('livewire.studio.master.outlet.form', [
'pageTitle' => 'Ubah Outlet',
]);
}
}

38
app/Livewire/Studio/Master/Outlet/Index.php Normal file
View File

@ -0,0 +1,38 @@
<?php
namespace App\Livewire\Studio\Master\Outlet;
use App\Models\Outlet;
use App\Traits\WithConfirmation;
use Flux\Flux;
use Livewire\Attributes\On;
use Livewire\Attributes\Title;
use Livewire\Component;
#[Title('Outlet')]
class Index extends Component
{
use WithConfirmation;
public function delete(Outlet $outlet)
{
$outlet->delete();
$this->dispatch('refreshDatatable');
Flux::toast(
heading: 'Berhasil',
text: 'Outlet berhasil dihapus.',
variant: 'success',
);
Flux::modals()->close();
}
public function render()
{
return view('livewire.studio.master.outlet.index', [
'pageTitle' => 'Outlet',
]);
}
}

39
app/Models/Outlet.php Normal file
View File

@ -0,0 +1,39 @@
<?php
namespace App\Models;
use App\Enums\OutletStatus;
use Deligoez\LaravelModelHashId\Traits\HasHashId;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Relations\BelongsToMany;
use Illuminate\Database\Eloquent\SoftDeletes;
use Spatie\Sluggable\HasSlug;
use Spatie\Sluggable\SlugOptions;
class Outlet extends Model
{
use HasSlug, SoftDeletes;
protected $guarded = ['id'];
protected function casts(): array
{
return [
'opening_hours' => 'array',
'facilities' => 'array',
'status' => OutletStatus::class,
];
}
public function getSlugOptions(): SlugOptions
{
return SlugOptions::create()
->generateSlugsFrom('name')
->saveSlugsTo('slug');
}
public function users(): BelongsToMany
{
return $this->belongsToMany(User::class, 'user_outlet')->withPivot('position_id');
}
}

25
app/Traits/Outlet/WithFacilityHandler.php Normal file
View File

@ -0,0 +1,25 @@
<?php
namespace App\Traits\Outlet;
use App\Livewire\Forms\OutletForm;
trait WithFacilityHandler
{
public OutletForm $form;
public function addFacility(): void
{
$this->form->facilities[] = '';
}
public function removeFacility(int $index): void
{
unset($this->form->facilities[$index]);
$this->form->facilities = array_values($this->form->facilities);
if (empty($this->form->facilities)) {
$this->form->facilities = [''];
}
}
}

40
database/migrations/2025_09_13_045752_create_outlets_table.php Normal file
View File

@ -0,0 +1,40 @@
<?php
use App\Enums\OutletStatus;
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
return new class extends Migration
{
/**
* Run the migrations.
*/
public function up(): void
{
Schema::create('outlets', function (Blueprint $table) {
$table->id();
$table->string('name', 100);
$table->string('slug', 120);
$table->string('phone_number', 20);
$table->text('address');
$table->string('landmark', 20);
$table->text('maps_url')->nullable();
$table->json('opening_hours');
$table->json('facilities');
$table->enum('status', [OutletStatus::values()])->default(OutletStatus::OPERATIONAL)->comment(OutletStatus::comment());
$table->date('opened_date');
$table->date('closed_date')->nullable();
$table->timestamps();
$table->softDeletes();
});
}
/**
* Reverse the migrations.
*/
public function down(): void
{
Schema::dropIfExists('outlets');
}
};

18
resources/views/components/confirmation/delete.blade.php Normal file
View File

@ -0,0 +1,18 @@
<flux:modal name="delete" class="w-[22rem]">
<div class="space-y-6">
<div>
<flux:heading size="lg">{{ $confirmingTitle }}</flux:heading>
<flux:text class="mt-2">{{ $confirmingMessage }}</flux:text>
</div>
<div class="flex gap-2">
<flux:spacer />
<flux:modal.close>
<flux:button variant="ghost">Batal</flux:button>
</flux:modal.close>
<flux:button href="javascript:void(0)" type="submit" variant="danger"
wire:click="delete('{{ $confirmingId }}')">
{{ $confirmingButtonText }}
</flux:button>
</div>
</div>
</flux:modal>

11
resources/views/components/partials/studio/_sidebar.blade.php
View File

@ -9,6 +9,17 @@ class="px-2 hidden dark:flex" />
<flux:navlist.item icon="squares-plus" href="{{ route('studio.dashboard.overview') }}"
:current="request()->routeIs('studio.dashboard.overview')" wire:navigate.hover>
Ringkasan</flux:navlist.item>
<div class="mt-3 mb-1">
<div class="text-zinc-500 dark:text-gray-300 text-sm/6">Master
</div>
<div class="grid gap-2">
<flux:navlist.item icon="home-modern" href="{{ route('studio.master.outlet.index') }}"
:current="request()->routeIs('studio.master.outlet.*')" wire:navigate.hover>Outlet
</flux:navlist.item>
</div>
</div>
<flux:navlist.item icon="inbox" badge="12" href="#">Inbox</flux:navlist.item>
<flux:navlist.group expandable heading="Favorites" class="hidden lg:grid">
<flux:navlist.item href="#">Marketing site</flux:navlist.item>

100
resources/views/livewire/studio/master/outlet/form.blade.php Normal file
View File

@ -0,0 +1,100 @@
<flux:main>
<div class="flex justify-between items-center">
<div>
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
<div>
<flux:button href="{{ route('studio.master.outlet.index') }}" wire:navigate.hover class="text-sm">
Kembali
</flux:button>
</div>
</div>
<div class="mt-6">
<div class="flex flex-col gap-4">
<div class="flex flex-col lg:flex-row gap-4">
<div class="w-full lg:w-3/4">
<flux:card class="space-y-6 p-6">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<flux:input label="Nama" placeholder="Masukkan nama outlet"
wire:model.live.debounce.500ms="form.name" autofocus autocomplete="off" clearable />
<flux:input label="Nomor Telepon" placeholder="Masukkan nomor telepon"
mask="9999 9999 99999" wire:model.live.debounce.500ms="form.phone_number"
autocomplete="off" clearable />
<div class="md:col-span-2">
<flux:textarea label="Alamat" placeholder="Masukkan alamat lengkap"
wire:model.live.debounce.500ms="form.address" autocomplete="off" clearable
rows="2" />
</div>
<flux:input label="Patokan" placeholder="Masukkan patokan"
wire:model.live.debounce.500ms="form.landmark" autocomplete="off" clearable />
<flux:input label="Titik Maps" placeholder="Masukkan titik maps"
wire:model.live.debounce.500ms="form.maps_url" autocomplete="off" clearable />
<flux:date-picker label="Tanggal Buka" with-today
wire:model.live.debounce.500ms="form.opened_date" autocomplete="off" clearable
locale="id-ID" value="2023-01-01" />
<flux:radio.group wire:model.live="form.status" variant="buttons" class="w-full *:flex-1"
label="Status">
@foreach (\App\Enums\OutletStatus::cases() as $status)
<flux:radio value="{{ $status->value }}" icon="{{ $status->icon() }}">
{{ $status->label() }}
</flux:radio>
@endforeach
</flux:radio.group>
</div>
</flux:card>
</div>
<div class="w-full lg:w-1/3 space-y-4">
<flux:card class="space-y-6 p-6">
<div class="space-y-3">
<h3 class="text-sm font-medium">Jam Operasional</h3>
@foreach (['Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu', 'Minggu'] as $day)
<div class="grid grid-cols-3 gap-2 items-center">
<span class="text-sm">{{ $day }}</span>
<flux:input type="time"
wire:model.live.debounce.500ms="form.opening_hours.{{ strtolower($day) }}.open" />
<flux:input type="time"
wire:model.live.debounce.500ms="form.opening_hours.{{ strtolower($day) }}.close" />
</div>
@endforeach
</div>
</flux:card>
<flux:card class="space-y-6 p-6">
<div class="space-y-2">
<h3 class="text-sm font-medium">Fasilitas</h3>
@foreach ($form->facilities as $index => $facility)
<div class="flex gap-2 items-center">
<flux:input wire:model.live.debounce.500ms="form.facilities.{{ $index }}"
placeholder="Masukkan fasilitas" class="flex-1" autocomplete="off" clearable />
@if ($index != 0)
<flux:button variant="danger" icon="trash"
wire:click="removeFacility({{ $index }})" class="cursor-pointer" />
@endif
</div>
@endforeach
<flux:button variant="primary" size="sm" wire:click="addFacility"
class="sm:w-auto cursor-pointer">
+ Tambah Fasilitas
</flux:button>
</div>
</flux:card>
</div>
</div>
<div class="flex justify-start">
<flux:button variant="primary" class="sm:w-auto cursor-pointer" wire:click="save">
Simpan
</flux:button>
</div>
</div>
</div>
</flux:main>

19
resources/views/livewire/studio/master/outlet/index.blade.php Normal file
View File

@ -0,0 +1,19 @@
<flux:main>
<div class="flex justify-between items-center">
<div>
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
<div>
<flux:button href="{{ route('studio.master.outlet.create') }}" variant="primary" wire:navigate.hover
class="text-sm">
Tambah
</flux:button>
</div>
</div>
<div class="mt-6">
<livewire:datatable.outlets-table />
</div>
@include('components.confirmation.delete')
</flux:main>

12
routes/web.php
View File

@ -2,6 +2,9 @@
use App\Livewire\Auth\Login;
use App\Livewire\Studio\Dashboard\Overview;
use App\Livewire\Studio\Master\Outlet\Create as OutletCreate;
use App\Livewire\Studio\Master\Outlet\Edit as OutletEdit;
use App\Livewire\Studio\Master\Outlet\Index as OutletIndex;
use Illuminate\Support\Facades\Route;
Route::get('/', function () {
@ -22,4 +25,13 @@
->group(function () {
Route::get('overview', Overview::class)->name('overview');
});
Route::prefix('master')
->as('studio.master.outlet.')
->group(function () {
Route::get('outlets', OutletIndex::class)->name('index');
Route::get('outlets/create', OutletCreate::class)->name('create');
Route::get('outlets/{outlet}/edit', OutletEdit::class)->name('edit');
Route::get('outlets/{outlet}/delete', OutletCreate::class)->name('delete');
});
});