ga4 with user id

app/Http/Resources/TransactionWithStorageResource.php

@@ -28,9 +28,7 @@ class TransactionWithStorageResource extends JsonResource
         $groupPaymentAttemptsFiltered = [];
         $group_payment_expired = null;
         $group_payment_history = null;
-        $group_payment_history_query = null;
         $groupTotalAmount = 0;
-        $payment_history = null;
 
         if ($this->owner instanceof Transaction) {
             if ($this->owner) {
@@ -46,8 +44,7 @@ class TransactionWithStorageResource extends JsonResource
             if($this->groups){
                 $group_payment_attempts = GroupForOrderV2Resource::collection($this->groups->whereNotIn('status', [ApprovalStatus::APPROVED, ApprovalStatus::COMPLETED]));
                 $group_payment_expired = GroupForOrderV2Resource::collection($this->groupsWithTrashed->whereIn('status', [ApprovalStatus::EXPIRED]));
-                $group_payment_history_query = $this->groups->whereIn('status', [ApprovalStatus::PENDING_VERIFICATION, ApprovalStatus::REJECTED]);
-                $group_payment_history  = GroupForOrderV2Resource::collection($group_payment_history_query);
+                $group_payment_history  = GroupForOrderV2Resource::collection($this->groups->whereIn('status', [ApprovalStatus::PENDING_VERIFICATION, ApprovalStatus::REJECTED]));
             }
 
         } else {
@@ -64,7 +61,7 @@ class TransactionWithStorageResource extends JsonResource
         }
 
         $ts = $this->groups->whereIn('status', [ApprovalStatus::PENDING_VERIFICATION])->last();
-        if ($ts && $group_payment_history && $group_payment_attempts) {
+        if ($ts) {
             $paymentTransaction = Transaction::where('payment_reference',  $ts->reference)->whereIn('status', [ApprovalStatus::PENDING_SUBMISSION])->first();
             if($paymentTransaction){
                 $groupTotalAmount = (double) $this->amount;
@@ -84,21 +81,6 @@ class TransactionWithStorageResource extends JsonResource
         }
 
 
-        $payment_history = TransactionResource::collection($this->transactions()
-        ->payments()
-        ->whereIn('status', [ApprovalStatus::APPROVED, ApprovalStatus::PENDING_VERIFICATION, ApprovalStatus::COMPLETED, ApprovalStatus::REJECTED])
-        ->get());
-
-        //For 'Your Payment Proof' at frontend
-
-        if($group_payment_history_query && count($group_payment_history_query) > 0){
-            if($this->getReferenceForGroupPayment($group_payment_history_query)){
-                foreach ($payment_history as $item) {
-                    $item['payment_reference'] = $this->getReferenceForGroupPayment($group_payment_history_query);
-                }
-            }
-        }
-
         return [
             'id' => $this->id,
             'owner_type' => $this->owner_type,
@@ -135,7 +117,12 @@ class TransactionWithStorageResource extends JsonResource
                     ->payments()->where('status', ApprovalStatus::EXPIRED)
                     ->get()
             ),
-            'payment_history' => $payment_history,
+            'payment_history' => TransactionResource::collection(
+                $this->transactions()
+                    ->payments()
+                    ->whereIn('status', [ApprovalStatus::APPROVED, ApprovalStatus::PENDING_VERIFICATION, ApprovalStatus::COMPLETED, ApprovalStatus::REJECTED])
+                    ->get()
+            ),
             'remarks' => RemarkResource::collection($this->remarks),
             'packing_list_reference' => $packingListReference,
             'storages' => $this->storages ? $this->storages : null, //from middleware
@@ -145,12 +132,4 @@ class TransactionWithStorageResource extends JsonResource
             'created_at' => Carbon::parse($this->created_at)->format('d-m-Y')
         ];
     }
-
-    private function getReferenceForGroupPayment($groups){
-        if(count($groups)){
-            $firstGroup = $groups[0];
-            return $firstGroup['reference'];
-        }
-        return null;
-    }
 }

package.json

@@ -31,6 +31,7 @@
         "vue": "^2.6.10",
         "vue-avatar": "^2.1.8",
         "vue-debounce": "^2.6.0",
+        "vue-gtag": "^1.16.1",
         "vue-template-compiler": "^2.6.10",
         "vue-the-mask": "^0.11.1",
         "vuelidate": "^0.7.4",

resources/assets/vue/app.js

@@ -2,6 +2,7 @@
 /** Dependencies */
 import Vue from 'vue'
 import store from './vuex/store';
+import VueGtag from 'vue-gtag'
 
 window.route = require('./general/functions/router');
 
@@ -43,7 +44,7 @@ Vue.mixin({
         route: route
     },
     mixins: [request, crudHandler]
-    });
+});
 
 /** Components Registrations */
 Vue.component(Avatar);
@@ -51,6 +52,16 @@ Vue.component(Avatar);
 const files = require.context('./', true, /\.vue$/i);
 files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default));
 
+// Google Analytics 4 (GA4) Integration
+Vue.use(VueGtag, {
+    property: {
+        id: 'G-SP04J05142',
+        params: {
+            user_id: store.getters.getUserId
+        }
+    }
+});
+
 const app = new Vue({
     el: '#app',
     store,

resources/assets/vue/components/paymentsBilling/elements/PaymentHistoryComponent.vue

@@ -157,13 +157,6 @@
                                     </div>
                                 </a>
                             </div>
-                            <div class="row no-margin" v-if="item.payment_method === 4 && item.payment_reference">
-                                <a :href="route('billplz.bill', item.payment_reference)" target="_blank">
-                                    <div class="icon-thumbnail fs-11 text-white icon-25 bg-primary btn-rounded float-left m-r-5">
-                                        <i class="fa fa-file-image-o fs-10"></i>
-                                    </div>
-                                </a>
-                            </div>
                         </div>
                     </div>
                 </div>
@@ -188,13 +181,9 @@
         },
         methods: {
             clickExpand(){
-                // if(this.item
-                // && ((this.item.payment_method !== 5 && this. item.documents.length)
-                // || (this.item.payment_method === 5 && (this.item.status === 2 || this.item.status === 3)))){
-                //     this.expandPaymentDetails = !this.expandPaymentDetails;
-                // }
-
-                if(this.item){
+                if(this.item
+                && ((this.item.payment_method !== 5 && this. item.documents.length)
+                || (this.item.payment_method === 5 && (this.item.status === 2 || this.item.status === 3)))){
                     this.expandPaymentDetails = !this.expandPaymentDetails;
                 }
             },

resources/views/layouts/base.blade.php

@@ -4,16 +4,6 @@
     @include('vendor/head')
 </head>
 <body class="horizontal-menu horizontal-app-menu bg-white overflow-hidden">
-<!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-SP04J05142"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-
-  gtag('config', 'G-SP04J05142');
-</script>
-<!-- End Google Tag Manager -->
     <div id="app" style="min-height: 100%;">
         @yield('content')
     </div>