fix: detail transaction out

app/Http/Controllers/OutTransactionController.php

@@ -0,0 +1,103 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\OutTransaction;
+use App\Services\ParkingFeeService;
+use Carbon\Carbon;
+use Illuminate\Http\Request;
+
+class OutTransactionController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function index()
+    {
+        //
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function create()
+    {
+        //
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return \Illuminate\Http\Response
+     */
+    public function store(Request $request)
+    {
+        //
+    }
+
+    /**
+     * Display the specified resource.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function show($id)
+    {
+        $outTransaction = OutTransaction::find($id);
+
+        return inertia('outtransaction/Show', [
+            'outTransaction' => [[
+                'entryCar' => $outTransaction->entryTransaction->created_at,
+                'outCar' => $outTransaction->created_at,
+                'totalTimeParking' => Carbon::parse(
+                    $outTransaction->getRawOriginal('created_at')
+                )->diffForHumans(
+                    $outTransaction->entryTransaction->getRawOriginal('created_at')
+                ),
+                'totalPriceParking' => ParkingFeeService::totalPriceParkingString($outTransaction->entry_transaction_id),
+                'platNumber' => $outTransaction->plat_number,
+                'entryTransactionId' => $outTransaction->entry_transaction_id
+            ]],
+            'user' => $outTransaction->user->name
+        ]);
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function edit($id)
+    {
+        //
+    }
+
+    /**
+     * Update the specified resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function update(Request $request, $id)
+    {
+        //
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function destroy($id)
+    {
+        //
+    }
+}

app/Models/OutTransaction.php

@@ -3,6 +3,7 @@
 namespace App\Models;
 
 use App\Models\Mutation;
+use App\Models\User;
 use Carbon\Carbon;
 use Illuminate\Database\Eloquent\Casts\Attribute;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
@@ -43,4 +44,9 @@ class OutTransaction extends Model
     {
         return $this->belongsTo(EntryTransaction::class, 'entry_transaction_id', 'transaction_number');
     }
+
+    public function user()
+    {
+        return $this->belongsTo(User::class);
+    }
 }

public/js/resources_js_pages_outtransaction_show_vue.js

@@ -0,0 +1,45 @@
+"use strict";
+(self["webpackChunk"] = self["webpackChunk"] || []).push([["resources_js_pages_outtransaction_show_vue"],{
+
+/***/ "./node_modules/vue-loader/dist/exportHelper.js":
+/*!******************************************************!*\
+  !*** ./node_modules/vue-loader/dist/exportHelper.js ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+// runtime helper for setting properties on components
+// in a tree-shakable way
+exports["default"] = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+        target[key] = val;
+    }
+    return target;
+};
+
+
+/***/ }),
+
+/***/ "./resources/js/pages/outtransaction/show.vue":
+/*!****************************************************!*\
+  !*** ./resources/js/pages/outtransaction/show.vue ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _media_dijitalcode_3ad9c6e0_4296_4a57_b136_144df49e7bb8_Projects_parkirin_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/vue-loader/dist/exportHelper.js */ "./node_modules/vue-loader/dist/exportHelper.js");
+const script = {}
+
+;
+const __exports__ = /*#__PURE__*/(0,_media_dijitalcode_3ad9c6e0_4296_4a57_b136_144df49e7bb8_Projects_parkirin_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_0__["default"])(script, [['__file',"resources/js/pages/outtransaction/show.vue"]])
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
+
+/***/ })
+
+}]);

public/js/resources_js_pages_outtransaction_tableHeader_js.js

@@ -0,0 +1,36 @@
+"use strict";
+(self["webpackChunk"] = self["webpackChunk"] || []).push([["resources_js_pages_outtransaction_tableHeader_js"],{
+
+/***/ "./resources/js/pages/outtransaction/tableHeader.js":
+/*!**********************************************************!*\
+  !*** ./resources/js/pages/outtransaction/tableHeader.js ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  field: 'entryCar',
+  header: 'Kendaraan Masuk'
+}, {
+  field: 'outCar',
+  header: 'Kendaraan Keluar'
+}, {
+  field: 'totalTimeParking',
+  header: 'Lama Parkir'
+}, {
+  field: 'totalPriceParking',
+  header: 'Biaya Parkir'
+}, {
+  field: 'platNumber',
+  header: 'Plat Kendaraan'
+}, {
+  field: 'entryTransactionId',
+  header: 'Nomor Transaksi'
+}]);
+
+/***/ })
+
+}]);

public/js/vue.js

@@ -58197,6 +58197,22 @@ var map = {
 		"./resources/js/pages/mutation/tableHeader.js",
 		"resources_js_pages_mutation_tableHeader_js"
 	],
+	"./outtransaction/Show": [
+		"./resources/js/pages/outtransaction/Show.vue",
+		"resources_js_pages_outtransaction_Show_vue"
+	],
+	"./outtransaction/Show.vue": [
+		"./resources/js/pages/outtransaction/Show.vue",
+		"resources_js_pages_outtransaction_Show_vue"
+	],
+	"./outtransaction/tableHeader": [
+		"./resources/js/pages/outtransaction/tableHeader.js",
+		"resources_js_pages_outtransaction_tableHeader_js"
+	],
+	"./outtransaction/tableHeader.js": [
+		"./resources/js/pages/outtransaction/tableHeader.js",
+		"resources_js_pages_outtransaction_tableHeader_js"
+	],
 	"./parkingfee/Create": [
 		"./resources/js/pages/parkingfee/Create.vue",
 		"resources_js_pages_parkingfee_Create_vue"
@@ -58498,7 +58514,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=" + {"node_modules_chart_js_auto_auto_esm_js":"10c6b388645ceb22","resources_js_pages_auth_ForgotPassword_vue":"85a497d97d470da0","resources_js_pages_auth_Login_vue":"2cfdf492d60f9521","resources_js_pages_auth_ResetPassword_vue":"9bc29d6465cc0c53","resources_js_pages_auth_VerifyEmail_vue":"f88499b46d5f110c","resources_js_pages_expense_Create_vue":"dd6a278391b58d69","resources_js_pages_expense_Index_vue":"d493dbc863eb491e","resources_js_pages_expense_Show_vue":"1757456faf4c3181","resources_js_pages_expense_tableHeader_js":"5b2c3a80fb697fff","resources_js_pages_home_Index_vue":"bc20b7148bfb6da0","resources_js_pages_member_Create_vue":"46e5d529878a5a3c","resources_js_pages_member_Edit_vue":"1853671dabd902a7","resources_js_pages_member_Index_vue":"bafaa294b3e6bf60","resources_js_pages_member_tableHeader_js":"61877f698532418e","resources_js_pages_member_useVehicle_js":"8edc972eb134efdf","resources_js_pages_mutation_Report_vue":"f6383687408a3025","resources_js_pages_mutation_tableHeader_js":"2c25ede9c3d1ff83","resources_js_pages_parkingfee_Create_vue":"a63c4b9f335fb0bf","resources_js_pages_test-transaction_Create_vue":"26c3d63a20969164","resources_js_pages_test-transaction_TableHeader_js":"41de407b819e132e","resources_js_pages_topup_Create_vue":"55f0a1d108219169","resources_js_pages_topup_Index_vue":"04db86d01aba75e6","resources_js_pages_topup_Show_vue":"92555b7c31076f4b","resources_js_pages_topup_tableHeader_js":"187746378ee18327","resources_js_pages_transaction_Create_vue":"8cec47c9a6097cdc","resources_js_pages_transaction_TableHeader_js":"68379a290810960e","resources_js_pages_typemember_Create_vue":"3f3c554a28b716b3","resources_js_pages_typemember_Edit_vue":"51915bbcb5376a36","resources_js_pages_typemember_Index_vue":"6c256e816bd7c375","resources_js_pages_typemember_tableHeader_js":"02f8a6c57093a7fe","resources_js_pages_typemember_useVehicle_js":"9bcdb75c62376835","resources_js_pages_typevehicle_Create_vue":"7d5c9e455cd166ff","resources_js_pages_typevehicle_Edit_vue":"1ab23f2ba50fc7fa","resources_js_pages_typevehicle_Index_vue":"77925b0dddb8b112","resources_js_pages_typevehicle_tableHeader_js":"9616b18c4a750c3f","resources_js_pages_user_Create_vue":"3ee29346cc8b4c3a","resources_js_pages_user_Edit_vue":"3366451aa8c56dcc","resources_js_pages_user_Index_vue":"b2d89eac3119ef58","resources_js_pages_user_Show_vue":"cacd644a884cd355","resources_js_pages_user_tableHeader_js":"78beeea0dcacb81b"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"10c6b388645ceb22","resources_js_pages_auth_ForgotPassword_vue":"85a497d97d470da0","resources_js_pages_auth_Login_vue":"2cfdf492d60f9521","resources_js_pages_auth_ResetPassword_vue":"9bc29d6465cc0c53","resources_js_pages_auth_VerifyEmail_vue":"f88499b46d5f110c","resources_js_pages_expense_Create_vue":"dd6a278391b58d69","resources_js_pages_expense_Index_vue":"d493dbc863eb491e","resources_js_pages_expense_Show_vue":"1757456faf4c3181","resources_js_pages_expense_tableHeader_js":"5b2c3a80fb697fff","resources_js_pages_home_Index_vue":"bc20b7148bfb6da0","resources_js_pages_member_Create_vue":"46e5d529878a5a3c","resources_js_pages_member_Edit_vue":"1853671dabd902a7","resources_js_pages_member_Index_vue":"bafaa294b3e6bf60","resources_js_pages_member_tableHeader_js":"61877f698532418e","resources_js_pages_member_useVehicle_js":"8edc972eb134efdf","resources_js_pages_mutation_Report_vue":"f6383687408a3025","resources_js_pages_mutation_tableHeader_js":"2c25ede9c3d1ff83","resources_js_pages_outtransaction_Show_vue":"08d24b9b33538ef7","resources_js_pages_outtransaction_tableHeader_js":"28e044bd873db9aa","resources_js_pages_parkingfee_Create_vue":"a63c4b9f335fb0bf","resources_js_pages_test-transaction_Create_vue":"26c3d63a20969164","resources_js_pages_test-transaction_TableHeader_js":"41de407b819e132e","resources_js_pages_topup_Create_vue":"55f0a1d108219169","resources_js_pages_topup_Index_vue":"04db86d01aba75e6","resources_js_pages_topup_Show_vue":"92555b7c31076f4b","resources_js_pages_topup_tableHeader_js":"187746378ee18327","resources_js_pages_transaction_Create_vue":"8cec47c9a6097cdc","resources_js_pages_transaction_TableHeader_js":"68379a290810960e","resources_js_pages_typemember_Create_vue":"3f3c554a28b716b3","resources_js_pages_typemember_Edit_vue":"51915bbcb5376a36","resources_js_pages_typemember_Index_vue":"6c256e816bd7c375","resources_js_pages_typemember_tableHeader_js":"02f8a6c57093a7fe","resources_js_pages_typemember_useVehicle_js":"9bcdb75c62376835","resources_js_pages_typevehicle_Create_vue":"7d5c9e455cd166ff","resources_js_pages_typevehicle_Edit_vue":"1ab23f2ba50fc7fa","resources_js_pages_typevehicle_Index_vue":"77925b0dddb8b112","resources_js_pages_typevehicle_tableHeader_js":"9616b18c4a750c3f","resources_js_pages_user_Create_vue":"3ee29346cc8b4c3a","resources_js_pages_user_Edit_vue":"3366451aa8c56dcc","resources_js_pages_user_Index_vue":"b2d89eac3119ef58","resources_js_pages_user_Show_vue":"cacd644a884cd355","resources_js_pages_user_tableHeader_js":"78beeea0dcacb81b"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/pages/outtransaction/Show.vue

@@ -0,0 +1,50 @@
+<script setup>
+import { Head } from '@inertiajs/inertia-vue3'
+import TableHeader from './tableHeader'
+import DashboardLayout from '@/layouts/DashboardLayout.vue'
+
+defineProps({
+  user: String,
+  outTransaction: Object,
+})
+</script>
+
+<template>
+  <Head title="Detail Top Up" />
+
+  <DashboardLayout>
+    <DataTable
+      responsive-layout="scroll"
+      column-resize-mode="expand"
+      :value="outTransaction"
+      :row-hover="true"
+      :striped-rows="true"
+    >
+      <template #header>
+        <h1 class="text-2xl font-bold">Detail Transaksi Keluar</h1>
+
+        <div class="grid px-2">
+          <div class="col-auto mr-7">
+            <h2>
+              <span class="text-base">
+                <i class="pi pi-user" />
+                Petugas Parkir
+              </span>
+
+              <br />
+
+              <span class="text-lg">{{ user }}</span>
+            </h2>
+          </div>
+        </div>
+      </template>
+
+      <Column
+        v-for="value in TableHeader"
+        :field="value.field"
+        :header="value.header"
+        :key="value.field"
+      />
+    </DataTable>
+  </DashboardLayout>
+</template>

resources/js/pages/outtransaction/tableHeader.js

@@ -0,0 +1,8 @@
+export default [
+  { field: 'entryCar', header: 'Kendaraan Masuk' },
+  { field: 'outCar', header: 'Kendaraan Keluar' },
+  { field: 'totalTimeParking', header: 'Lama Parkir' },
+  { field: 'totalPriceParking', header: 'Biaya Parkir' },
+  { field: 'platNumber', header: 'Plat Kendaraan' },
+  { field: 'entryTransactionId', header: 'Nomor Transaksi' },
+]

routes/web.php

@@ -4,6 +4,7 @@ use App\Http\Controllers\DashboardController;
 use App\Http\Controllers\ExpenseController;
 use App\Http\Controllers\MemberController;
 use App\Http\Controllers\MutationController;
+use App\Http\Controllers\OutTransactionController;
 use App\Http\Controllers\ParkingFeeController;
 use App\Http\Controllers\TestTransactionController;
 use App\Http\Controllers\TopUpController;
@@ -50,6 +51,8 @@ Route::middleware(['auth', 'verified'])->group(function () {
 
     Route::resource('/transactions', TransactionController::class);
 
+    Route::resource('/out-transactions', OutTransactionController::class);
+
     Route::resource('/test-transactions', TestTransactionController::class);
 });