fix: button export and report reference link

app/Http/Controllers/ReportTransactionController.php

@@ -5,7 +5,7 @@ namespace App\Http\Controllers;
 use App\Exports\TransactionExport;
 use App\Models\Outlet;
 use App\Models\Transaction;
-use Illuminate\Http\Request;
+use Carbon\Carbon;
 use Maatwebsite\Excel\Facades\Excel;
 
 class ReportTransactionController extends Controller
@@ -24,14 +24,9 @@ class ReportTransactionController extends Controller
                 ->paginate(10)
                 ->withQueryString()
                 ->through(fn($transaction) => [
-                    'id' => $transaction->id,
-                    'transactionNumber' => $transaction->transaction_number,
+                    'startDate' => Carbon::parse($transaction->getRawOriginal('created_at'))->translatedFormat('Y-m-d'),
                     'createdAt' => $transaction->created_at,
-                    'outlet' => $transaction->outlet->name,
                     'price' => $transaction->totalPriceAsFullString(),
-                    'transactionStatusName' => $transaction->transactionStatus->name,
-                    'transactionStatusId' => $transaction->transactionStatus->id,
-                    'user' => $transaction->user->name,
                 ]),
             'outlets' => Outlet::all()
                 ->transform(fn($outlet) => [

app/Http/Controllers/TransactionController.php

@@ -3,7 +3,6 @@
 namespace App\Http\Controllers;
 
 use App\Http\Controllers\Controller;
-// use App\Http\Requests\Transaction\StoreTransactionRequest;
 use App\Http\Requests\Transaction\StoreTransactionRequest;
 use App\Http\Requests\Transaction\UpdateTransactionRequest;
 use App\Models\Customer;
@@ -12,6 +11,7 @@ use App\Models\Outlet;
 use App\Models\Transaction;
 use App\Models\TransactionStatus;
 use Exception;
+use FontLib\Table\Type\name;
 use Hoa\Socket\Client as SocketClient;
 use Hoa\Websocket\Client as WebsocketClient;
 use Illuminate\Database\QueryException;
@@ -43,7 +43,7 @@ class TransactionController extends Controller
                 ->through(fn($transaction) => [
                     'id' => $transaction->id,
                     'transactionNumber' => $transaction->transaction_number,
-                    'dateLaundry' => $transaction->created_at,
+                    'createdAt' => $transaction->created_at,
                     'customer' => [
                         'number' => $transaction->customer->customer_number,
                         'name' => $transaction->customer->name,
@@ -183,7 +183,7 @@ class TransactionController extends Controller
     /**
      * Display the specified resource.
      *
-     * @param  Int  $id
+     * @param  Transaction  $transaction
      * @return \Inertia\Response
      */
     public function show(Transaction $transaction)
@@ -197,6 +197,11 @@ class TransactionController extends Controller
                 'price' => $transaction->totalPriceAsFullString(),
                 'dateLaundry' => $transaction->created_at,
             ],
+            'user' => [
+                'name' => $transaction->user->name,
+                'phone' => $transaction->user->phone,
+                'email' => $transaction->user->email,
+            ],
             'customer' => [
                 'number' => $transaction->customer->customer_number,
                 'name' => $transaction->customer->name,
@@ -233,7 +238,7 @@ class TransactionController extends Controller
      * Update the specified resource in storage.
      *
      * @param  \Illuminate\Http\Request  $request
-     * @param  Int  $id
+     * @param  Transaction  $transaction
      * @return \Illuminate\Http\Response
      */
     public function update(UpdateTransactionRequest $request, Transaction $transaction)
@@ -241,16 +246,16 @@ class TransactionController extends Controller
         $transaction->update($request->validated());
 
         if ($transaction->transaction_status_id == 2) {
-            $status_message = " sudah diproses, harap menunggu sampai pemberitahuan selanjutnya.";
+            $statusMessage = " sudah diproses, harap menunggu sampai pemberitahuan selanjutnya.";
         } else if ($transaction->transaction_status_id == 3) {
-            $status_message = " sudah selesai, silahkan diambil.";
+            $statusMessage = " sudah selesai, silahkan diambil.";
         } else {
-            $status_message = " sudah diambil. Silahkan datang lagi di kemudian hari jika ingin laundry kembali, terima kasih.";
+            $statusMessage = " sudah diambil. Silahkan datang lagi di kemudian hari jika ingin laundry kembali, terima kasih.";
         }
 
         Http::post('https://gerbangchatapi.dijitalcode.com/chat/send?id=bambslaundry', [
             'receiver' => $transaction->customer->phone,
-            'message' => 'Layanan laundry Anda dengan nomor transaksi *' . $transaction->transaction_number . '*' . $status_message,
+            'message' => 'Layanan laundry Anda dengan nomor transaksi *' . $transaction->transaction_number . '*' . $statusMessage,
         ]);
 
         return back()->with('success', __('messages.success.update.transaction_status'));

app/Http/Middleware/HandleInertiaRequests.php

@@ -38,18 +38,14 @@ class HandleInertiaRequests extends Middleware
     public function share(Request $request): array
     {
         return array_merge(parent::share($request), [
-            'auth' => function () use ($request) {
-                return [
-                    'user' => $request->user() ?? null,
-                ];
-            },
+            'auth.user' => fn() => $request->user() ? $request->user()->only('id', 'name', 'email') : null,
             'flash' => function () use ($request) {
                 return [
                     'success' => $request->session()->get('success'),
                     'error' => $request->session()->get('error'),
                 ];
             },
-            'isAdmin' => Auth::check() ? Auth::user()->hasRole('Admin') : null,
+            'isAdmin' => fn() => Auth::check() ? Auth::user()->hasRole('Admin') : null,
         ]);
     }
 }

app/Models/Mutation.php

@@ -57,5 +57,4 @@ class Mutation extends Model
             $query->where('outlet_id', $outlet);
         });
     }
-
 }

app/Models/Transaction.php

@@ -131,5 +131,4 @@ class Transaction extends Model
 
         return $this->setRupiahFormat($discount * $this->subTotal());
     }
-
 }

app/Models/TransactionDetail.php

@@ -62,5 +62,4 @@ class TransactionDetail extends Model
     {
         return $this->setRupiahFormat($this->totalPrice(), 2, true);
     }
-
 }

public/js/resources_js_pages_customer_Create_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -590,14 +591,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -617,14 +619,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -972,7 +985,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/resources_js_pages_customer_Edit_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -659,14 +660,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -686,14 +688,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -1120,7 +1133,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/resources_js_pages_customer_Index_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -477,14 +478,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -504,14 +506,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -780,7 +793,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/resources_js_pages_expense_Create_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -622,14 +623,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -649,14 +651,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -995,7 +1008,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/resources_js_pages_expense_Index_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -515,14 +516,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -542,14 +544,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -818,7 +831,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/resources_js_pages_expense_Show_vue.js

@@ -554,7 +554,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/resources_js_pages_laundry_Create_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -627,14 +628,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -654,14 +656,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -998,7 +1011,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/resources_js_pages_laundry_Edit_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -701,14 +702,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -728,14 +730,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -1151,7 +1164,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/resources_js_pages_laundry_Index_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -477,14 +478,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -504,14 +506,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -780,7 +793,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/resources_js_pages_mutation_Report_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -530,14 +531,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -557,14 +559,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -833,7 +846,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,
@@ -1192,7 +1205,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           , ["modelValue", "options"])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_7, [$props.mutations.data.length ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["AppButton"], {
             key: 0,
             label: "Export excel",
-            "class": "p-button-text md:w-16rem",
+            "class-button": "p-button-text md:w-16rem",
             icon: "pi pi-file-excel",
             "inertia-link": false,
             href: $setup.exportExcelLink
@@ -1261,14 +1274,14 @@ __webpack_require__.r(__webpack_exports__);
   field: 'createdAt',
   header: 'Tanggal'
 }, {
-  field: 'outlet',
-  header: 'Outlet'
+  field: 'type',
+  header: 'Tipe'
 }, {
   field: 'amount',
   header: 'Nilai'
 }, {
-  field: 'type',
-  header: 'Tipe'
+  field: 'outlet',
+  header: 'Outlet'
 }]);
 
 /***/ }),

public/js/resources_js_pages_mutation_TableHeader_js.js

@@ -15,14 +15,14 @@ __webpack_require__.r(__webpack_exports__);
   field: 'createdAt',
   header: 'Tanggal'
 }, {
-  field: 'outlet',
-  header: 'Outlet'
+  field: 'type',
+  header: 'Tipe'
 }, {
   field: 'amount',
   header: 'Nilai'
 }, {
-  field: 'type',
-  header: 'Tipe'
+  field: 'outlet',
+  header: 'Outlet'
 }]);
 
 /***/ })

public/js/resources_js_pages_outlet_Create_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -498,14 +499,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -525,14 +527,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -800,7 +813,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/resources_js_pages_outlet_Edit_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -567,14 +568,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -594,14 +596,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -948,7 +961,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/resources_js_pages_outlet_Index_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -477,14 +478,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -504,14 +506,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -780,7 +793,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/resources_js_pages_transaction_Create_vue.js

@@ -90,12 +90,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -1039,14 +1040,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -1066,14 +1068,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -1490,7 +1503,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,
@@ -2261,12 +2274,12 @@ var IndexTable = [{
 }, {
   field: 'price',
   header: 'Total Harga'
-}, {
-  field: 'outlet',
-  header: 'Outlet'
 }, {
   field: 'transactionStatusName',
   header: 'Status'
+}, {
+  field: 'outlet',
+  header: 'Outlet'
 }];
 var TransactionBasketTable = [{
   field: 'laundry',
@@ -2285,20 +2298,14 @@ var TransactionBasketTable = [{
   header: 'Total Harga'
 }];
 var TransactionReportTable = [{
-  field: 'transactionNumber',
-  header: 'Id Transaksi'
+  field: 'createdAt',
+  header: 'Tanggal'
 }, {
-  field: 'price',
-  header: 'Total Harga'
+  field: 'numberOfTransaction',
+  header: 'Jumlah Transaksi'
 }, {
-  field: 'outlet',
-  header: 'Outlet'
-}, {
-  field: 'transactionStatusName',
-  header: 'Status'
-}, {
-  field: 'user',
-  header: 'User'
+  field: 'price',
+  header: 'Total Nilai'
 }];
 
 /***/ }),

public/js/resources_js_pages_transaction_Index_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -963,14 +964,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -990,14 +992,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -1548,7 +1561,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,
@@ -1962,7 +1975,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   key: 0
                 }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", _hoisted_9, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(data[field]), 1
                 /* TEXT */
-                ), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(data.dateLaundry), 1
+                ), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(data.createdAt), 1
                 /* TEXT */
                 )], 64
                 /* STABLE_FRAGMENT */
@@ -2127,12 +2140,12 @@ var IndexTable = [{
 }, {
   field: 'price',
   header: 'Total Harga'
-}, {
-  field: 'outlet',
-  header: 'Outlet'
 }, {
   field: 'transactionStatusName',
   header: 'Status'
+}, {
+  field: 'outlet',
+  header: 'Outlet'
 }];
 var TransactionBasketTable = [{
   field: 'laundry',
@@ -2151,20 +2164,14 @@ var TransactionBasketTable = [{
   header: 'Total Harga'
 }];
 var TransactionReportTable = [{
-  field: 'transactionNumber',
-  header: 'Id Transaksi'
+  field: 'createdAt',
+  header: 'Tanggal'
 }, {
-  field: 'price',
-  header: 'Total Harga'
+  field: 'numberOfTransaction',
+  header: 'Jumlah Transaksi'
 }, {
-  field: 'outlet',
-  header: 'Outlet'
-}, {
-  field: 'transactionStatusName',
-  header: 'Status'
-}, {
-  field: 'user',
-  header: 'User'
+  field: 'price',
+  header: 'Total Nilai'
 }];
 
 /***/ }),

public/js/resources_js_pages_transaction_Report_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -467,11 +468,6 @@ __webpack_require__.r(__webpack_exports__);
       var params = window.location.search;
       exportExcelLink.value = "/reports/transactions/export/excel".concat(params);
     }, 300));
-
-    var linkReference = function linkReference(data) {
-      return route('transactions.show', data.id);
-    };
-
     var exportExcelLink = (0,vue__WEBPACK_IMPORTED_MODULE_1__.ref)('/reports/transactions/export/excel');
     var isAdmin = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(function () {
       return (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.usePage)().props.value.isAdmin;
@@ -479,7 +475,6 @@ __webpack_require__.r(__webpack_exports__);
     var __returned__ = {
       props: props,
       filterForm: filterForm,
-      linkReference: linkReference,
       exportExcelLink: exportExcelLink,
       isAdmin: isAdmin,
       Inertia: _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_0__.Inertia,
@@ -526,14 +521,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -553,14 +549,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -829,7 +836,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,
@@ -1138,16 +1145,11 @@ var _hoisted_6 = {
 var _hoisted_7 = {
   "class": "col-12 md:col-4 flex justify-content-end"
 };
-var _hoisted_8 = {
-  "class": "font-bold"
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_Calendar = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Calendar");
 
   var _component_Dropdown = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Dropdown");
 
-  var _component_Badge = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Badge");
-
   var _component_Column = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Column");
 
   var _component_DataTable = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("DataTable");
@@ -1193,7 +1195,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           , ["modelValue", "options"])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_7, [$props.transactions.data.length ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["AppButton"], {
             key: 0,
             label: "Export excel",
-            "class": "p-button-text md:w-16rem",
+            "class-button": "p-button-text md:w-16rem",
             icon: "pi pi-file-excel",
             "inertia-link": false,
             href: $setup.exportExcelLink
@@ -1207,62 +1209,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               field: tableHeader.field,
               header: tableHeader.header,
               key: tableHeader.field
-            }, {
-              body: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function (_ref) {
-                var data = _ref.data,
-                    field = _ref.field;
-                return [field === 'transactionNumber' ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
-                  key: 0
-                }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", _hoisted_8, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(data[field]), 1
-                /* TEXT */
-                ), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(data.createdAt), 1
-                /* TEXT */
-                )], 64
-                /* STABLE_FRAGMENT */
-                )) : field === 'transactionStatusName' ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
-                  key: 1
-                }, [data['transactionStatusId'] === 1 ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_Badge, {
-                  key: 0,
-                  value: data[field]
-                }, null, 8
-                /* PROPS */
-                , ["value"])) : data['transactionStatusId'] === 2 ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_Badge, {
-                  key: 1,
-                  value: data[field],
-                  severity: "warning"
-                }, null, 8
-                /* PROPS */
-                , ["value"])) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_Badge, {
-                  key: 2,
-                  value: data[field],
-                  severity: "success"
-                }, null, 8
-                /* PROPS */
-                , ["value"]))], 2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                )) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
-                  key: 2
-                }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)((0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(data[field]), 1
-                /* TEXT */
-                )], 2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                ))];
-              }),
-              _: 2
-              /* DYNAMIC */
-
-            }, 1032
-            /* PROPS, DYNAMIC_SLOTS */
+            }, null, 8
+            /* PROPS */
             , ["field", "header"]);
           }), 128
           /* KEYED_FRAGMENT */
           )), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Column, null, {
-            body: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function (_ref2) {
-              var data = _ref2.data;
+            body: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function (_ref) {
+              var data = _ref.data;
               return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButton"], {
                 icon: "pi pi-link",
                 "class": "p-button-text p-button-icon-only p-button-rounded p-button-text",
-                href: $setup.linkReference(data)
+                href: "/transactions?startDate=".concat(data.startDate, "&endDate=").concat(data.startDate)
               }, null, 8
               /* PROPS */
               , ["href"])];
@@ -1313,12 +1271,12 @@ var IndexTable = [{
 }, {
   field: 'price',
   header: 'Total Harga'
-}, {
-  field: 'outlet',
-  header: 'Outlet'
 }, {
   field: 'transactionStatusName',
   header: 'Status'
+}, {
+  field: 'outlet',
+  header: 'Outlet'
 }];
 var TransactionBasketTable = [{
   field: 'laundry',
@@ -1337,20 +1295,14 @@ var TransactionBasketTable = [{
   header: 'Total Harga'
 }];
 var TransactionReportTable = [{
-  field: 'transactionNumber',
-  header: 'Id Transaksi'
-}, {
-  field: 'price',
-  header: 'Total Harga'
+  field: 'createdAt',
+  header: 'Tanggal'
 }, {
-  field: 'outlet',
-  header: 'Outlet'
-}, {
-  field: 'transactionStatusName',
-  header: 'Status'
+  field: 'numberOfTransaction',
+  header: 'Jumlah Transaksi'
 }, {
-  field: 'user',
-  header: 'User'
+  field: 'price',
+  header: 'Total Nilai'
 }];
 
 /***/ }),

public/js/resources_js_pages_transaction_Show_vue.js

@@ -328,6 +328,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
     transaction: Object,
+    user: Object,
     customer: Object,
     outlet: Object,
     transactionDetails: Object
@@ -560,7 +561,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,
@@ -1075,11 +1076,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           )]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Divider, {
             type: "dashed",
             "class": "block md:hidden"
-          }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_23, [_hoisted_24, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(_ctx.$page.props.auth.user.name), 1
+          }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_23, [_hoisted_24, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.user.name), 1
           /* TEXT */
-          ), _hoisted_25, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(_ctx.$page.props.auth.user.phone), 1
+          ), _hoisted_25, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.user.phone), 1
           /* TEXT */
-          ), _hoisted_26, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(_ctx.$page.props.auth.user.email), 1
+          ), _hoisted_26, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.user.email), 1
           /* TEXT */
           )]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Divider, {
             type: "dashed",
@@ -1185,12 +1186,12 @@ var IndexTable = [{
 }, {
   field: 'price',
   header: 'Total Harga'
-}, {
-  field: 'outlet',
-  header: 'Outlet'
 }, {
   field: 'transactionStatusName',
   header: 'Status'
+}, {
+  field: 'outlet',
+  header: 'Outlet'
 }];
 var TransactionBasketTable = [{
   field: 'laundry',
@@ -1209,20 +1210,14 @@ var TransactionBasketTable = [{
   header: 'Total Harga'
 }];
 var TransactionReportTable = [{
-  field: 'transactionNumber',
-  header: 'Id Transaksi'
+  field: 'createdAt',
+  header: 'Tanggal'
 }, {
-  field: 'price',
-  header: 'Total Harga'
-}, {
-  field: 'outlet',
-  header: 'Outlet'
+  field: 'numberOfTransaction',
+  header: 'Jumlah Transaksi'
 }, {
-  field: 'transactionStatusName',
-  header: 'Status'
-}, {
-  field: 'user',
-  header: 'User'
+  field: 'price',
+  header: 'Total Nilai'
 }];
 
 /***/ }),

public/js/resources_js_pages_transaction_TableHeader_js.js

@@ -22,12 +22,12 @@ var IndexTable = [{
 }, {
   field: 'price',
   header: 'Total Harga'
-}, {
-  field: 'outlet',
-  header: 'Outlet'
 }, {
   field: 'transactionStatusName',
   header: 'Status'
+}, {
+  field: 'outlet',
+  header: 'Outlet'
 }];
 var TransactionBasketTable = [{
   field: 'laundry',
@@ -46,20 +46,14 @@ var TransactionBasketTable = [{
   header: 'Total Harga'
 }];
 var TransactionReportTable = [{
-  field: 'transactionNumber',
-  header: 'Id Transaksi'
+  field: 'createdAt',
+  header: 'Tanggal'
 }, {
-  field: 'price',
-  header: 'Total Harga'
-}, {
-  field: 'outlet',
-  header: 'Outlet'
+  field: 'numberOfTransaction',
+  header: 'Jumlah Transaksi'
 }, {
-  field: 'transactionStatusName',
-  header: 'Status'
-}, {
-  field: 'user',
-  header: 'User'
+  field: 'price',
+  header: 'Total Nilai'
 }];
 
 /***/ })

public/js/resources_js_pages_user_Create_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -591,14 +592,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -618,14 +620,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -973,7 +986,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/resources_js_pages_user_Edit_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -663,14 +664,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -690,14 +692,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -1124,7 +1137,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/resources_js_pages_user_Index_vue.js

@@ -15,12 +15,13 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    icon: String,
-    label: String,
     inertiaLink: {
       type: Boolean,
       "default": true
-    }
+    },
+    icon: String,
+    label: String,
+    classButton: String
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -477,14 +478,15 @@ var _hoisted_1 = {
   "class": "p-button-label"
 };
 var _hoisted_2 = {
-  key: 1,
-  "class": "p-button p-component"
+  key: 1
 };
 var _hoisted_3 = {
   key: 1,
   "class": "p-button-label"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   return $props.inertiaLink ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["Link"], {
     key: 0,
     "class": "p-button p-component",
@@ -504,14 +506,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
 
-  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
-    key: 0,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
-  }, null, 2
-  /* CLASS */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
-  /* TEXT */
-  )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]));
+  })) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("a", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)($props.classButton)
+  }, {
+    "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
+      return [$props.icon ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", {
+        key: 0,
+        "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-icon p-button-icon-left", $props.icon])
+      }, null, 2
+      /* CLASS */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("span", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 1
+      /* TEXT */
+      )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class"])]));
 }
 
 /***/ }),
@@ -780,7 +793,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/resources_js_pages_user_Show_vue.js

@@ -556,7 +556,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       href: item.to,
       "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)([item["class"], 'p-ripple', {
         'p-disabled': item.disabled,
-        'router-link-exact-active': _ctx.$page.component === item.component
+        'router-link-exact-active': _ctx.$page.component.startsWith(item.component) || _ctx.$page.url.startsWith(item.to)
       }]),
       style: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeStyle)(item.style),
       target: item.target,

public/js/vue.js

@@ -57374,7 +57374,7 @@ module.exports = JSON.parse('{"name":"axios","version":"0.21.4","description":"P
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "js/" + chunkId + ".js?id=" + {"resources_js_pages_Access_vue":"f8bbe21f8e264f5e","resources_js_pages_auth_ForgotPassword_vue":"9db08b886f3acf35","resources_js_pages_auth_Login_vue":"8066395135ce093d","resources_js_pages_auth_ResetPassword_vue":"3191258dc6d8a4b7","resources_js_pages_auth_VerifyEmail_vue":"632c69e9e8e9c0af","resources_js_pages_customer_Create_vue":"a4c3c08d336ece20","resources_js_pages_customer_Edit_vue":"82541bc522347b21","resources_js_pages_customer_Index_vue":"f62106417d698a05","resources_js_pages_customer_TableHeader_js":"5a71001a3c75e000","resources_js_pages_expense_Create_vue":"4cd78c011990ec2f","resources_js_pages_expense_Index_vue":"59feb6e060f64f0d","resources_js_pages_expense_Show_vue":"86cda5a4cc84f7fa","resources_js_pages_expense_TableHeader_js":"72e3dee74175b1c0","resources_js_pages_laundry_Create_vue":"9256a543dbbc51e0","resources_js_pages_laundry_Edit_vue":"8abc0e8e072452f4","resources_js_pages_laundry_Index_vue":"7cc1b150fecdd1bc","resources_js_pages_laundry_TableHeader_js":"494e577855bbcaf6","resources_js_pages_mutation_Report_vue":"3c24cde67463afbe","resources_js_pages_mutation_TableHeader_js":"831017a8dedc0b22","resources_js_pages_outlet_Create_vue":"d46b995ce6eef131","resources_js_pages_outlet_Edit_vue":"393ffafbfaf0ad40","resources_js_pages_outlet_Index_vue":"9cc6ffbe88f45a35","resources_js_pages_outlet_TableHeader_js":"498bf7e64bc0d0c4","resources_js_pages_transaction_Create_vue":"c90c01d53dea9ce1","resources_js_pages_transaction_Index_vue":"67066faccf48ad64","resources_js_pages_transaction_Report_vue":"410fadf4f59d865d","resources_js_pages_transaction_Show_vue":"b99e9de6af1e016c","resources_js_pages_transaction_TableHeader_js":"13113988b091bd7a","resources_js_pages_user_Create_vue":"34e9e408919d1f74","resources_js_pages_user_Edit_vue":"9e2fd96e23a7c37e","resources_js_pages_user_Index_vue":"732108f69e4976b0","resources_js_pages_user_Show_vue":"6d2a6264ab74d1f1","resources_js_pages_user_TableHeader_js":"5653ecbcd70fd235"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"resources_js_pages_Access_vue":"f8bbe21f8e264f5e","resources_js_pages_auth_ForgotPassword_vue":"9db08b886f3acf35","resources_js_pages_auth_Login_vue":"8066395135ce093d","resources_js_pages_auth_ResetPassword_vue":"3191258dc6d8a4b7","resources_js_pages_auth_VerifyEmail_vue":"632c69e9e8e9c0af","resources_js_pages_customer_Create_vue":"76102a3e41d58505","resources_js_pages_customer_Edit_vue":"b9502a71cf0e4b3d","resources_js_pages_customer_Index_vue":"bd33e48a520817fc","resources_js_pages_customer_TableHeader_js":"5a71001a3c75e000","resources_js_pages_expense_Create_vue":"dd0f9009035fdca7","resources_js_pages_expense_Index_vue":"b76d76c63d9c521e","resources_js_pages_expense_Show_vue":"fb96fb2582edb08a","resources_js_pages_expense_TableHeader_js":"72e3dee74175b1c0","resources_js_pages_laundry_Create_vue":"1275019227445a05","resources_js_pages_laundry_Edit_vue":"6a60c8a25fc2a015","resources_js_pages_laundry_Index_vue":"6f7ebb4ab21997b3","resources_js_pages_laundry_TableHeader_js":"494e577855bbcaf6","resources_js_pages_mutation_Report_vue":"e1b01b6fc17557b8","resources_js_pages_mutation_TableHeader_js":"82c2999bd7d098a1","resources_js_pages_outlet_Create_vue":"bdf84a50c3faa05a","resources_js_pages_outlet_Edit_vue":"e21d84901ad53def","resources_js_pages_outlet_Index_vue":"1fd470c9489678bb","resources_js_pages_outlet_TableHeader_js":"498bf7e64bc0d0c4","resources_js_pages_transaction_Create_vue":"b44a2307e1710a8c","resources_js_pages_transaction_Index_vue":"b2b5b370af5b0de8","resources_js_pages_transaction_Report_vue":"e7bbc96dd3eb641d","resources_js_pages_transaction_Show_vue":"ac0757b5e7f33553","resources_js_pages_transaction_TableHeader_js":"d68dc2c7bf975527","resources_js_pages_user_Create_vue":"785ab47ffc8af3f0","resources_js_pages_user_Edit_vue":"d9aa7ec5cdcc9086","resources_js_pages_user_Index_vue":"c9c1e8656d890ed7","resources_js_pages_user_Show_vue":"d6f1973b545cc111","resources_js_pages_user_TableHeader_js":"5653ecbcd70fd235"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/components/AppButton.vue

@@ -2,12 +2,13 @@
 import { Link } from '@inertiajs/inertia-vue3'
 
 defineProps({
-  icon: String,
-  label: String,
   inertiaLink: {
     type: Boolean,
     default: true,
   },
+  icon: String,
+  label: String,
+  classButton: String,
 })
 </script>
 
@@ -16,8 +17,10 @@ defineProps({
     <span v-if="icon" class="p-button-icon p-button-icon-left" :class="icon"></span>
     <span v-if="label" class="p-button-label">{{ label }}</span>
   </Link>
-  <a v-else class="p-button p-component">
-    <span v-if="icon" class="p-button-icon p-button-icon-left" :class="icon"></span>
-    <span v-if="label" class="p-button-label">{{ label }}</span>
+  <a v-else>
+    <Button :class="classButton">
+      <span v-if="icon" class="p-button-icon p-button-icon-left" :class="icon"></span>
+      <span v-if="label" class="p-button-label">{{ label }}</span>
+    </Button>
   </a>
 </template>

resources/js/components/AppSubSidebar.vue

@@ -66,7 +66,7 @@ const visible = (item) => {
               'p-ripple',
               {
                 'p-disabled': item.disabled,
-                'router-link-exact-active': $page.component === item.component,
+                'router-link-exact-active': $page.component.startsWith(item.component) || $page.url.startsWith(item.to),
               },
             ]"
             :style="item.style"

resources/js/pages/mutation/Report.vue

@@ -125,7 +125,7 @@ const isAdmin = computed(() => usePage().props.value.isAdmin)
             <AppButton
               v-if="mutations.data.length"
               label="Export excel"
-              class="p-button-text md:w-16rem"
+              class-button="p-button-text md:w-16rem"
               icon="pi pi-file-excel"
               :inertia-link="false"
               :href="exportExcelLink"

resources/js/pages/mutation/TableHeader.js

@@ -1,6 +1,6 @@
 export default [
   { field: 'createdAt', header: 'Tanggal' },
-  { field: 'outlet', header: 'Outlet' },
-  { field: 'amount', header: 'Nilai' },
   { field: 'type', header: 'Tipe' },
+  { field: 'amount', header: 'Nilai' },
+  { field: 'outlet', header: 'Outlet' },
 ]

resources/js/pages/transaction/Index.vue

@@ -212,7 +212,7 @@ const isAdmin = computed(() => usePage().props.value.isAdmin)
         <template #body="{ data, field }">
           <template v-if="field === 'transactionNumber'">
             <p class="font-bold">{{ data[field] }}</p>
-            <p>{{ data.dateLaundry }}</p>
+            <p>{{ data.createdAt }}</p>
           </template>
           <template v-else-if="field === 'customer'">
             <p class="font-bold">{{ data.customer.number }}</p>

resources/js/pages/transaction/Report.vue

@@ -67,10 +67,6 @@ watch(
   }, 300)
 )
 
-const linkReference = (data) => {
-  return route('transactions.show', data.id)
-}
-
 const exportExcelLink = ref('/reports/transactions/export/excel')
 
 const isAdmin = computed(() => usePage().props.value.isAdmin)
@@ -121,7 +117,7 @@ const isAdmin = computed(() => usePage().props.value.isAdmin)
             <AppButton
               v-if="transactions.data.length"
               label="Export excel"
-              class="p-button-text md:w-16rem"
+              class-button="p-button-text md:w-16rem"
               icon="pi pi-file-excel"
               :inertia-link="false"
               :href="exportExcelLink"
@@ -135,29 +131,14 @@ const isAdmin = computed(() => usePage().props.value.isAdmin)
         :field="tableHeader.field"
         :header="tableHeader.header"
         :key="tableHeader.field"
-      >
-        <template #body="{ data, field }">
-          <template v-if="field === 'transactionNumber'">
-            <p class="font-bold">{{ data[field] }}</p>
-            <p>{{ data.createdAt }}</p>
-          </template>
-          <template v-else-if="field === 'transactionStatusName'">
-            <Badge v-if="data['transactionStatusId'] === 1" :value="data[field]"></Badge>
-            <Badge v-else-if="data['transactionStatusId'] === 2" :value="data[field]" severity="warning"></Badge>
-            <Badge v-else :value="data[field]" severity="success"></Badge>
-          </template>
-          <template v-else>
-            {{ data[field] }}
-          </template>
-        </template>
-      </Column>
+      />
 
       <Column>
         <template #body="{ data }">
           <AppButton
             icon="pi pi-link"
             class="p-button-text p-button-icon-only p-button-rounded p-button-text"
-            :href="linkReference(data)"
+            :href="`/transactions?startDate=${data.startDate}&endDate=${data.startDate}`"
           />
         </template>
       </Column>

resources/js/pages/transaction/Show.vue

@@ -6,6 +6,7 @@ import { TransactionBasketTable } from './TableHeader'
 
 defineProps({
   transaction: Object,
+  user: Object,
   customer: Object,
   outlet: Object,
   transactionDetails: Object,
@@ -75,13 +76,13 @@ defineProps({
 
               <div class="col-auto mr-7">
                 <h3>Admin</h3>
-                <p>{{ $page.props.auth.user.name }}</p>
+                <p>{{ user.name }}</p>
 
                 <h3>No HP</h3>
-                <p>{{ $page.props.auth.user.phone }}</p>
+                <p>{{ user.phone }}</p>
 
                 <h3>Email</h3>
-                <p>{{ $page.props.auth.user.email }}</p>
+                <p>{{ user.email }}</p>
               </div>
 
               <Divider type="dashed" class="block md:hidden" />

resources/js/pages/transaction/TableHeader.js

@@ -2,8 +2,8 @@ export const IndexTable = [
   { field: 'transactionNumber', header: 'Id Transaksi' },
   { field: 'customer', header: 'Id Customer' },
   { field: 'price', header: 'Total Harga' },
-  { field: 'outlet', header: 'Outlet' },
   { field: 'transactionStatusName', header: 'Status' },
+  { field: 'outlet', header: 'Outlet' },
 ]
 
 export const TransactionBasketTable = [
@@ -15,9 +15,7 @@ export const TransactionBasketTable = [
 ]
 
 export const TransactionReportTable = [
-  { field: 'transactionNumber', header: 'Id Transaksi' },
-  { field: 'price', header: 'Total Harga' },
-  { field: 'outlet', header: 'Outlet' },
-  { field: 'transactionStatusName', header: 'Status' },
-  { field: 'user', header: 'User' },
+  { field: 'createdAt', header: 'Tanggal' },
+  { field: 'numberOfTransaction', header: 'Jumlah Transaksi' },
+  { field: 'price', header: 'Total Nilai' },
 ]