Allow admin to search customer by email address

app/Classes/Modules/Accounts/ControllersLogic/FetchUserByEmailLogic.php

@@ -0,0 +1,61 @@
+<?php
+
+namespace App\Classes\Modules\Accounts\ControllersLogic;
+
+
+use App\Classes\General\Abstracts\AbstractControllerLogic;
+use App\Classes\Modules\Accounts\Services\FetchesUser;
+use App\Classes\Modules\Accounts\Standards\Rules\CanFetchUser;
+use App\Http\Resources\UserCompanyResource;
+use ErrorException;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+
+class FetchUserByEmailLogic extends AbstractControllerLogic
+{
+
+    /**
+     * @return array
+     */
+    protected function notification():array {
+        return [
+            'title' => 'Retrieved User',
+            'message' => 'You have successfully retrieved a User by email'
+        ];
+    }
+
+    /** @var CanFetchUser */
+    private $canFetchUser;
+
+    /** @var FetchesUser */
+    private $fetchesUser;
+
+    /**
+     * FetchUserByEmailLogic constructor.
+     * @param CanFetchUser $canFetchUser
+     * @param FetchesUser $fetchesUser
+     */
+    public function __construct(CanFetchUser $canFetchUser, FetchesUser $fetchesCompany)
+    {
+        $this->canFetchUser = $canFetchUser;
+        $this->fetchesUser = $fetchesCompany;
+    }
+
+
+    /**
+     * @param Request $request
+     * @return JsonResponse
+     * @throws \App\Classes\Exceptions\AccessForbiddenException
+     * @throws \App\Classes\Exceptions\RequestValidationException
+     */
+    public function logic(Request $request) : JsonResponse
+    {
+        $this->canFetchUser->passes();
+
+        $query = $this->fetchesUser->execute(['email' => $request->route('email')]);
+
+        return $this->resourceResponse(new UserCompanyResource($query));
+
+    }
+
+}

app/Http/Controllers/Accounts/FetchUserByEmailController.php

@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Http\Controllers\Accounts;
+
+use App\Classes\Modules\Accounts\ControllersLogic\FetchUserByEmailLogic;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+
+class FetchUserByEmailController
+{
+    /**
+     * @param Request $request
+     * @param FetchUserLogic $logic
+     * @return JsonResponse
+     */
+    public function fetch(Request $request, FetchUserByEmailLogic $logic): JsonResponse {
+        return $logic->execute($request);
+    }
+}

app/Http/Resources/UserCompanyResource.php

@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Http\Resources;
+
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class UserCompanyResource extends JsonResource
+{
+    /**
+     * Transform the resource into an array.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return array
+     */
+    public function toArray($request)
+    {
+        return [
+            'id' => $this->id,
+            'name' => $this->name,
+            'reference' => $this->company()->first()->reference,
+            'type' => (int) $this->type,
+            'status' => (int) $this->status
+        ];
+    }
+}

resources/assets/vue/components/companies/elements/UserCompanyComponent.vue

@@ -0,0 +1,49 @@
+<template>
+    <div class="row m-b-15 align-items-end">
+        <div class="col-auto">
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading fs-10 muted all-caps">Name</div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading all-caps fs-11">{{this.item.name}}</div>
+                </div>
+            </div>
+        </div>
+        <div class="col-2 text-right">
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading fs-10 muted all-caps">Reference</div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading all-caps fs-11">{{this.item.reference}}</div>
+                </div>
+            </div>
+        </div>
+        <div class="col-auto">
+            <a :href="route('customer.profile', this.item.reference)" target="_blank">
+                <button type="button" class="btn btn-xs btn-primary fs-11">Open in new tab</button>
+            </a>
+        </div>
+    </div>
+</template>
+<script>
+    import componentHandler from '../../../general/mixins/componentHandler';
+    export default {
+        data(){
+            return {
+                minWidth:{
+                    minWidth:'100px',
+                },
+                minWidth150:{
+                    minWidth:'150px',
+                },
+            }
+        },
+        mixins: [componentHandler]
+    }
+</script>

resources/assets/vue/components/companies/sections/CustomerSectionTwoComponent.vue

@@ -0,0 +1,79 @@
+<template>
+    <div class="row m-b-20">
+        <div class="col">
+            <div class="row">
+                <div class="col">
+                    <loading-component style="height: 50px; top: 0;" key="1" color="success" v-show="isLoading"></loading-component>
+                    <div class="row m-l-0 m-r-0 bg-master-light padding-10" v-show="!isLoading">
+                        <div class="col-12 col-md-8 mb-2 mb-md-0">
+                            <div class="row">
+                                <div class="col">
+                                    <validation-wrapper-component :validator="$v.email">
+                                        <label class="all-caps">Email</label>
+                                        <input type="text" class="form-control" v-model.lazy="email">
+                                    </validation-wrapper-component>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-12 col-md-auto d-flex align-items-center flex-md-column justify-content-center">
+                            <button type="button" class="btn btn-lg btn-primary fs-11 w-100 d-block m-r-5 mr-md-0 mb-0" @click="submitSearch()">Search</button>
+                        </div>
+                        <div class="col-12 col-md-auto d-flex align-items-center flex-md-column justify-content-center">
+                            <button type="button" class="btn btn-lg btn-secondary fs-11 w-100 d-block m-l-5 ml-md-0 0t-0" @click="resetSearch()">Reset</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row no-margin" v-show="search" :key="serachSectionKey">
+                <div class="col bg-white padding-25">
+                    <p v-if="!userCompany">{{ message }}</p>
+                    <user-company-component v-if="userCompany" :data="userCompany"></user-company-component>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import componentHandler from "../../../general/mixins/componentHandler";
+
+export default {
+    data(){
+        return {
+            section: 'customerSectionTwoComponent',
+            isLoading: false,
+            search: false,
+            serachSectionKey: 2,
+            email: '',
+            userCompany: null,
+            message: 'Searching...'
+        }
+    },
+    methods: {
+        submitSearch(){
+            this.serachSectionKey ++;
+            this.search = true;
+            this.userCompany = null;
+            this.message = 'Searching...';
+
+            this.submit(route('api.account.user.company', this.email), 'get', this.section, false, false);
+        },
+        successHandler(response){
+            if(response.payload.data != undefined)
+                this.userCompany = response.payload.data;
+            else
+                this.message = 'Customer not found';
+        },
+        resetSearch() {
+            this.userCompany = null;
+            this.search = false;
+            this.email = '';
+            this.message = 'Searching...';
+        }
+    },
+    validations: {
+        email: {}
+    },
+    mixins: [componentHandler]
+};
+</script>

resources/views/pages/customers/index.blade.php

@@ -5,6 +5,7 @@
             <div class="row m-b-25">
                 <div class="col">
                     <customer-section-component></customer-section-component>
+                    <customer-section-two-component></customer-section-two-component>
                     <div class="row tabsContainer">
                         <div class="col">
                             <div class="row m-l-0 m-r-0 d-flex">
@@ -77,10 +78,10 @@
                             <div class="row no-margin">
                                 <div class="col bg-white padding-25">
                                     <div class="row tabsContainer tabContent  m-l-0 m-r-0" tab-name="top-spenders">
-                                        <list-component  key="2" section="topSpenders" :endpoint="route('api.company.list')" :options="{'with_total_payments': true, 
-                                        'recency':'2022-02-15', 
-                                        'frequency': 15, 
-                                        
+                                        <list-component  key="2" section="topSpenders" :endpoint="route('api.company.list')" :options="{'with_total_payments': true,
+                                        'recency':'2022-02-15',
+                                        'frequency': 15,
+
                                         'business_type': 2, with_bookings:true, order_by:{ column:'total_payments', DESC:true}}">
                                             <template slot="list" slot-scope="{data}">
                                                 <company-component :data="data"></company-component>
@@ -287,4 +288,4 @@
             </div>
         </div>
     </div>
-@endsection
+@endsection

routes/account.php

@@ -34,6 +34,7 @@ Route::group(['prefix' => 'account', 'namespace' => 'Accounts', 'as' => 'account
     });
 
     Route::group(['prefix' => 'user', 'as' => 'user.', 'middleware' => 'valid.token'], function () {
+        Route::get('/{email}', 'FetchUserByEmailController@fetch')->name('company');
         Route::post('/show', 'FetchUserController@fetch')->name('show');
         Route::get('/list', 'ListUsersController@list')->name('list');
         Route::put('/update/{id}', 'UpdateUserController@update')->name('update');
@@ -44,4 +45,4 @@ Route::group(['prefix' => 'account', 'namespace' => 'Accounts', 'as' => 'account
 
 
 
-});
+});