style: refine layout and formatting in Index.vue for improved readability and consistency

BEST_PRACTICE.md

@@ -0,0 +1,15 @@
+# Best Practices
+
+## PHP
+
+### Traits
+- Gabungkan multiple `use` trait menjadi satu baris dengan koma.
+- **Hindari:**
+  ```php
+  use FlashesEntityMessage;
+  use ParsesDataTableQuery;
+  ```
+- **Gunakan:**
+  ```php
+  use FlashesEntityMessage, ParsesDataTableQuery;
+  ```

app/Http/Controllers/Admin/Finance/CashController.php

@@ -17,8 +17,7 @@
 
 class CashController extends Controller
 {
-    use FlashesEntityMessage;
+    use FlashesEntityMessage, ParsesDataTableQuery;
-    use ParsesDataTableQuery;
 
     public function __construct(
         private readonly CashService $cashService,

app/Http/Controllers/Admin/Finance/EmployeeAdvanceController.php

@@ -17,8 +17,7 @@
 
 class EmployeeAdvanceController extends Controller
 {
-    use FlashesEntityMessage;
+    use FlashesEntityMessage, ParsesDataTableQuery;
-    use ParsesDataTableQuery;
 
     public function __construct(
         private readonly EmployeeAdvanceService $employeeAdvanceService,

app/Http/Controllers/Admin/Finance/ExpenseController.php

@@ -15,8 +15,7 @@
 
 class ExpenseController extends Controller
 {
-    use FlashesEntityMessage;
+    use FlashesEntityMessage, ParsesDataTableQuery;
-    use ParsesDataTableQuery;
 
     public function __construct(
         private readonly ExpenseService $expenseService,

app/Http/Controllers/Admin/Finance/PayrollPeriodController.php

@@ -13,8 +13,7 @@
 
 class PayrollPeriodController extends Controller
 {
-    use FlashesEntityMessage;
+    use FlashesEntityMessage, ParsesDataTableQuery;
-    use ParsesDataTableQuery;
 
     public function __construct(
         private readonly PayrollService $payrollService,

app/Http/Controllers/Admin/Hr/EmployeeController.php

@@ -18,8 +18,7 @@
 
 class EmployeeController extends Controller
 {
-    use FlashesEntityMessage;
+    use FlashesEntityMessage, ParsesDataTableQuery;
-    use ParsesDataTableQuery;
 
     public function __construct(
         private readonly EmployeeService $employeeService,

app/Http/Controllers/Admin/Hr/LeaveRequestController.php

@@ -18,8 +18,7 @@
 
 class LeaveRequestController extends Controller
 {
-    use FlashesEntityMessage;
+    use FlashesEntityMessage, ParsesDataTableQuery;
-    use ParsesDataTableQuery;
 
     public function __construct(
         private readonly LeaveRequestService $leaveRequestService,

app/Http/Controllers/Admin/Manage/CuttingController.php

@@ -17,8 +17,7 @@
 
 class CuttingController extends Controller
 {
-    use FlashesEntityMessage;
+    use FlashesEntityMessage, ParsesDataTableQuery;
-    use ParsesDataTableQuery;
 
     public function __construct(
         private readonly CuttingService $cuttingService,

app/Http/Controllers/Admin/Manage/OrderController.php

@@ -19,8 +19,7 @@
 
 class OrderController extends Controller
 {
-    use FlashesEntityMessage;
+    use FlashesEntityMessage, ParsesDataTableQuery;
-    use ParsesDataTableQuery;
 
     public function __construct(
         private readonly OrderService $orderService,

app/Http/Controllers/Admin/Manage/PurchaseController.php

@@ -15,8 +15,7 @@
 
 class PurchaseController extends Controller
 {
-    use FlashesEntityMessage;
+    use FlashesEntityMessage, ParsesDataTableQuery;
-    use ParsesDataTableQuery;
 
     public function __construct(
         private readonly PurchaseService $purchaseService,

app/Http/Controllers/Admin/Master/CategoryController.php

@@ -15,8 +15,7 @@
 
 class CategoryController extends Controller
 {
-    use FlashesEntityMessage;
+    use FlashesEntityMessage,ParsesDataTableQuery;
-    use ParsesDataTableQuery;
 
     public function __construct(
         private readonly CategoryService $categoryService,

app/Http/Controllers/Admin/Master/CustomerController.php

@@ -16,8 +16,7 @@
 
 class CustomerController extends Controller
 {
-    use FlashesEntityMessage;
+    use FlashesEntityMessage, ParsesDataTableQuery;
-    use ParsesDataTableQuery;
 
     public function __construct(
         private readonly CustomerService $customerService,

app/Http/Controllers/Admin/Master/ProductController.php

@@ -21,8 +21,7 @@
 
 class ProductController extends Controller
 {
-    use FlashesEntityMessage;
+    use FlashesEntityMessage, ParsesDataTableQuery;
-    use ParsesDataTableQuery;
 
     public function __construct(
         private readonly CuttingService $cuttingService,

app/Http/Controllers/Admin/Master/RawMaterialController.php

@@ -18,8 +18,7 @@
 
 class RawMaterialController extends Controller
 {
-    use FlashesEntityMessage;
+    use FlashesEntityMessage, ParsesDataTableQuery;
-    use ParsesDataTableQuery;
 
     public function __construct(
         private readonly RawMaterialService $rawMaterialService,

app/Http/Controllers/Admin/Master/SupplierController.php

@@ -15,8 +15,7 @@
 
 class SupplierController extends Controller
 {
-    use FlashesEntityMessage;
+    use FlashesEntityMessage, ParsesDataTableQuery;
-    use ParsesDataTableQuery;
 
     public function __construct(
         private readonly SupplierService $supplierService,

app/Http/Controllers/Admin/System/RoleController.php

@@ -17,8 +17,7 @@
 
 class RoleController extends Controller
 {
-    use FlashesEntityMessage;
+    use FlashesEntityMessage, ParsesDataTableQuery;
-    use ParsesDataTableQuery;
 
     public function __construct(
         private readonly RoleService $roleService,

app/Models/Attendance.php

@@ -26,9 +26,7 @@
 ])]
 class Attendance extends Model implements HasMedia
 {
-    use HasFactory;
+    use HasFactory, HasModuleMedia, InteractsWithActivityLog;
-    use HasModuleMedia;
-    use InteractsWithActivityLog;
 
     protected function casts(): array
     {

app/Models/CashAccount.php

@@ -14,8 +14,7 @@
 #[Appends(['balance_formatted'])]
 class CashAccount extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog;
-    use InteractsWithActivityLog;
 
     protected function casts(): array
     {

app/Models/CashTransaction.php

@@ -26,10 +26,7 @@
 ])]
 class CashTransaction extends Model implements HasMedia
 {
-    use HasFactory;
+    use HasFactory, HasModuleMedia, InteractsWithActivityLog, SoftDeletes;
-    use HasModuleMedia;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     protected function casts(): array
     {

app/Models/Category.php

@@ -14,9 +14,7 @@
 #[Sluggable(from: 'name', to: 'slug')]
 class Category extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog, SoftDeletes;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     public function products(): BelongsToMany
     {

app/Models/Customer.php

@@ -12,9 +12,7 @@
 #[Guarded(['id'])]
 class Customer extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog, SoftDeletes;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     public function orders(): HasMany
     {

app/Models/Cutting.php

@@ -21,10 +21,7 @@
 ])]
 class Cutting extends Model
 {
-    use HasFactory;
+    use HasFactory, HasRejection, InteractsWithActivityLog, SoftDeletes;
-    use HasRejection;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     protected function casts(): array
     {

app/Models/CuttingMaterial.php

@@ -26,9 +26,7 @@
 ])]
 class CuttingMaterial extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog, SoftDeletes;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     protected function casts(): array
     {

app/Models/CuttingResult.php

@@ -12,9 +12,7 @@
 #[Guarded(['id'])]
 class CuttingResult extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog, SoftDeletes;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     protected function casts(): array
     {

app/Models/CuttingResultPrice.php

@@ -15,8 +15,7 @@
 #[Appends(['price_formatted', 'cost_per_unit_formatted', 'type_label'])]
 class CuttingResultPrice extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog;
-    use InteractsWithActivityLog;
 
     protected function casts(): array
     {

app/Models/Employee.php

@@ -20,9 +20,7 @@
 #[Appends(['base_salary_formatted', 'join_date_formatted', 'resign_date_formatted', 'join_date_input', 'employment_status_label'])]
 class Employee extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog, SoftDeletes;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     protected function casts(): array
     {

app/Models/EmployeeAdvance.php

@@ -27,9 +27,7 @@
 ])]
 class EmployeeAdvance extends Model
 {
-    use HasFactory;
+    use HasFactory, HasRejection, InteractsWithActivityLog;
-    use HasRejection;
-    use InteractsWithActivityLog;
 
     protected function casts(): array
     {

app/Models/Expense.php

@@ -17,10 +17,7 @@
 #[Appends(['amount_formatted', 'created_at_formatted', 'created_by_name'])]
 class Expense extends Model implements HasMedia
 {
-    use HasFactory;
+    use HasFactory, HasModuleMedia, InteractsWithActivityLog, SoftDeletes;
-    use HasModuleMedia;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     protected function casts(): array
     {

app/Models/HomepageConfiguration.php

@@ -12,9 +12,7 @@
 #[Guarded(['id'])]
 class HomepageConfiguration extends Model implements HasMedia
 {
-    use HasFactory;
+    use HasFactory, HasModuleMedia, InteractsWithActivityLog;
-    use HasModuleMedia;
-    use InteractsWithActivityLog;
 
     public static function mediaModuleName(): string
     {

app/Models/LeaveRequest.php

@@ -27,9 +27,7 @@
 ])]
 class LeaveRequest extends Model
 {
-    use HasFactory;
+    use HasFactory, HasRejection, InteractsWithActivityLog;
-    use HasRejection;
-    use InteractsWithActivityLog;
 
     protected function casts(): array
     {

app/Models/Order.php

@@ -30,9 +30,7 @@
 ])]
 class Order extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog, SoftDeletes;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     protected function casts(): array
     {

app/Models/OrderItem.php

@@ -21,9 +21,7 @@
 ])]
 class OrderItem extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog, SoftDeletes;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     protected function casts(): array
     {

app/Models/Payroll.php

@@ -27,8 +27,7 @@
 ])]
 class Payroll extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog;
-    use InteractsWithActivityLog;
 
     protected function casts(): array
     {

app/Models/PayrollAdjustment.php

@@ -15,8 +15,7 @@
 #[Appends(['amount_formatted', 'type_label', 'created_at_formatted', 'created_by_name'])]
 class PayrollAdjustment extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog;
-    use InteractsWithActivityLog;
 
     public $timestamps = false;
 

app/Models/PayrollPeriod.php

@@ -17,8 +17,7 @@
 #[Appends(['period_label', 'status_label', 'closed_at_formatted'])]
 class PayrollPeriod extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog;
-    use InteractsWithActivityLog;
 
     protected function casts(): array
     {

app/Models/Product.php

@@ -28,10 +28,7 @@
 ])]
 class Product extends Model
 {
-    use HasFactory;
+    use HasFactory, HasRejection, InteractsWithActivityLog, SoftDeletes;
-    use HasRejection;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     protected function casts(): array
     {

app/Models/ProductVariant.php

@@ -15,10 +15,7 @@
 #[Guarded(['id'])]
 class ProductVariant extends Model implements HasMedia
 {
-    use HasFactory;
+    use HasFactory, HasModuleMedia, InteractsWithActivityLog, SoftDeletes;
-    use HasModuleMedia;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     private const MIN_STOCK = 5;
 

app/Models/Purchase.php

@@ -24,10 +24,7 @@
 ])]
 class Purchase extends Model implements HasMedia
 {
-    use HasFactory;
+    use HasFactory, HasModuleMedia, InteractsWithActivityLog, SoftDeletes;
-    use HasModuleMedia;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     protected function casts(): array
     {

app/Models/PurchaseItem.php

@@ -21,9 +21,7 @@
 ])]
 class PurchaseItem extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog, SoftDeletes;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     protected function casts(): array
     {

app/Models/RawMaterial.php

@@ -18,9 +18,7 @@
 #[Appends(['unit_label', 'unit_abbreviation'])]
 class RawMaterial extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog, SoftDeletes;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     protected function casts(): array
     {

app/Models/RawMaterialPrice.php

@@ -18,10 +18,7 @@
 #[Appends(['price_formatted', 'stock_formatted', 'price_input', 'stock_input'])]
 class RawMaterialPrice extends Model implements HasMedia
 {
-    use HasFactory;
+    use HasFactory, HasModuleMedia, InteractsWithActivityLog, SoftDeletes;
-    use HasModuleMedia;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     protected function casts(): array
     {

app/Models/Rejection.php

@@ -12,8 +12,7 @@
 #[Guarded(['id'])]
 class Rejection extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog;
-    use InteractsWithActivityLog;
 
     public function rejectable(): MorphTo
     {

app/Models/Supplier.php

@@ -12,9 +12,7 @@
 #[Guarded(['id'])]
 class Supplier extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog, SoftDeletes;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     public function purchases(): HasMany
     {

app/Models/SystemConfiguration.php

@@ -12,9 +12,7 @@
 #[Guarded(['id'])]
 class SystemConfiguration extends Model implements HasMedia
 {
-    use HasFactory;
+    use HasFactory, HasModuleMedia, InteractsWithActivityLog;
-    use HasModuleMedia;
-    use InteractsWithActivityLog;
 
     public static function mediaModuleName(): string
     {

app/Models/User.php

@@ -24,12 +24,7 @@
 #[Appends(['role_label'])]
 class User extends Authenticatable
 {
-    use CausesActivity;
+    use CausesActivity, HasFactory, HasRoles, InteractsWithActivityLog, Notifiable, SoftDeletes;
-    use HasFactory;
-    use HasRoles;
-    use InteractsWithActivityLog;
-    use Notifiable;
-    use SoftDeletes;
 
     protected function casts(): array
     {

app/Models/UserProfile.php

@@ -17,9 +17,7 @@
 #[Appends(['birth_date_formatted', 'birth_date_input', 'gender_label'])]
 class UserProfile extends Model
 {
-    use HasFactory;
+    use HasFactory, InteractsWithActivityLog, SoftDeletes;
-    use InteractsWithActivityLog;
-    use SoftDeletes;
 
     protected function casts(): array
     {

resources/js/pages/admin/master/raw-materials/Index.vue

@@ -66,7 +66,7 @@ const tablePagination = computed(() => ({
 const firstItem = computed(() =>
     props.rawMaterials.data.length > 0
         ? (props.rawMaterials.current_page - 1) * props.rawMaterials.per_page +
-          1
+        1
         : 0,
 );
 
@@ -83,21 +83,16 @@ watch(
 </script>
 
 <template>
+
     <Head title="Bahan Baku" />
 
     <AdminLayout>
-        <div
+        <div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
-            class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"
-        >
             <div class="space-y-1">
                 <h2 class="text-2xl font-bold tracking-tight">Bahan Baku</h2>
             </div>
 
-            <Button
+            <Button v-if="can('raw-materials.create')" as-child class="shrink-0 self-start sm:self-center">
-                v-if="can('raw-materials.create')"
-                as-child
-                class="shrink-0 self-start sm:self-center"
-            >
                 <Link href="/admin/master/raw-materials/create">
                     <Plus class="size-4" />
                     Tambah
@@ -105,34 +100,17 @@ watch(
             </Button>
         </div>
 
-        <MasterOutOfStockCatalogSection
+        <MasterOutOfStockCatalogSection severity="warning" title="Stok Menipis" empty-title="Tidak ada peringatan stok"
-            severity="warning"
+            empty-description="Stok bahan baku dibawah 5 pcs." :groups="stockWarningGroups" />
-            title="Bahan Baku Stok Menipis"
-            description="Stok masih ada, tapi di bawah batas minimum satuan · Klik kartu untuk melihat data."
-            empty-title="Tidak ada peringatan stok"
-            empty-description="Semua varian masih berada di atas batas stok minimum."
-            :groups="stockWarningGroups"
-        />
 
-        <MasterOutOfStockCatalogSection
+        <MasterOutOfStockCatalogSection title="Stok Habis" empty-title="Tidak ada stok habis"
-            title="Bahan Baku Stok Habis"
+            empty-description="Stok bahan baku dibawah 0 pcs." :groups="outOfStockGroups" />
-            description="Klik kartu untuk melihat data."
-            :groups="outOfStockGroups"
-        />
 
         <Card class="min-w-0">
             <CardContent class="min-w-0">
-                <RawMaterialGroupedTable
+                <RawMaterialGroupedTable v-model:search="search" :materials="rawMaterials.data" :first-item="firstItem"
-                    v-model:search="search"
+                    :pagination="tablePagination" :pagination-links="rawMaterials.links" :filter-defs="filterDefs"
-                    :materials="rawMaterials.data"
+                    :filter-values="filterValues" @filter-change="setFilter" @filters-reset="resetFilters" />
-                    :first-item="firstItem"
-                    :pagination="tablePagination"
-                    :pagination-links="rawMaterials.links"
-                    :filter-defs="filterDefs"
-                    :filter-values="filterValues"
-                    @filter-change="setFilter"
-                    @filters-reset="resetFilters"
-                />
             </CardContent>
         </Card>
     </AdminLayout>