From 2421f6dcf089e3146fa9fba5b3a4bf43d6d84570 Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Thu, 2 Mar 2023 16:15:51 +0800
Subject: [PATCH 1/2] allow user to edit billing address

---
 .../CreateBillingAddressLogic.php             |  86 ++++++++++++
 .../CreateBillingAddressController.php        |  20 +++
 .../sections/BillingAddressListComponent.vue  | 122 ++++++++++++++++++
 .../CustomerProfileSectionComponent.vue       |   6 +
 routes/address.php                            |   2 +
 5 files changed, 236 insertions(+)
 create mode 100644 app/Classes/Modules/Addresses/ControllersLogic/CreateBillingAddressLogic.php
 create mode 100644 app/Http/Controllers/Addresses/CreateBillingAddressController.php
 create mode 100644 resources/assets/vue/components/addresses/sections/BillingAddressListComponent.vue

diff --git a/app/Classes/Modules/Addresses/ControllersLogic/CreateBillingAddressLogic.php b/app/Classes/Modules/Addresses/ControllersLogic/CreateBillingAddressLogic.php
new file mode 100644
index 00000000..a82e4b2b
--- /dev/null
+++ b/app/Classes/Modules/Addresses/ControllersLogic/CreateBillingAddressLogic.php
@@ -0,0 +1,86 @@
+<?php
+
+namespace App\Classes\Modules\Addresses\ControllersLogic;
+
+
+use App\Classes\General\Abstracts\AbstractControllerLogic;
+use App\Classes\Modules\Addresses\Services\CreatesAddress;
+use App\Classes\Modules\Addresses\Standards\Rules\CanCreateAddress;
+use App\Classes\Modules\Addresses\DataTransferObjects\AddressObject;
+use App\Classes\Modules\Addresses\Services\FetchesAddress;
+use App\Classes\Modules\Companies\Services\FetchesCompanyModule;
+use App\Classes\ValueObjects\Constants\AddressType;
+use App\Classes\ValueObjects\Constants\ApprovalStatus;
+use App\Http\Resources\AddressResource;
+use App\Models\Address;
+use App\Models\CompanyModule;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+
+class CreateBillingAddressLogic extends AbstractControllerLogic
+{
+
+    /**
+     * @return array
+     */
+    protected function notification():array {
+        return [
+            'title' => 'Created Billing Address',
+            'message' => 'You have successfully created a new Billing Address'
+        ];
+    }
+
+    /** @var CanCreateAddress */
+    private $canCreateAddress;
+
+    /** @var FetchesCompanyModule */
+    private $fetchesCompanyModule;
+
+    /** @var CreatesAddress */
+    private $createsAddress;
+
+    /** @var FetchesAddress */
+    private $fetchesAddress;
+
+    /**
+     * CreateAddressLogic constructor.
+     * @param CanCreateAddress $canCreateAddress
+     * @param FetchesCompanyModule $fetchesCompanyModule
+     * @param CreatesAddress $createsAddress
+     * @param FetchesAddress $fetchesAddress
+     */
+    public function __construct(CanCreateAddress $canCreateAddress, FetchesCompanyModule $fetchesCompanyModule, CreatesAddress $createsAddress, FetchesAddress $fetchesAddress)
+    {
+        $this->canCreateAddress = $canCreateAddress;
+        $this->fetchesCompanyModule = $fetchesCompanyModule;
+        $this->createsAddress = $createsAddress;
+        $this->fetchesAddress = $fetchesAddress;
+    }
+
+    /**
+     * @param Request $request
+     * @return JsonResponse
+     * @throws \App\Classes\Exceptions\AccessForbiddenException
+     * @throws \App\Classes\Exceptions\MalformedRequestException
+     * @throws \App\Classes\Exceptions\RequestValidationException
+     */
+    public function logic(Request $request) : JsonResponse
+    {
+        $companyModule = $this->fetchesCompanyModule->execute(['id' => $request->input('company_module_id')]);
+        
+        $address = $this->fetchesAddress->execute(['id' => $request->input('billing_address_id')]);
+
+        if ($address->type !== AddressType::BILLING || $address !== $companyModule->addresses->where('type', AddressType::BILLING)->first()) {
+            // delete all current billing address
+            Address::where('owner_type', CompanyModule::class)->where('owner_id', $request->input('company_module_id'))->where('type', AddressType::BILLING)->delete();
+
+            // create addrress
+            $billingAddress = new AddressObject($address->street_one, $address->street_two, $address->country_id, $address->state_id, $address->district_id, $address->postcode, AddressType::BILLING, ApprovalStatus::APPROVED, $address->reference);
+            $this->canCreateAddress->passes($billingAddress);
+            $this->createsAddress->execute($companyModule, $billingAddress);
+        }
+
+        return $this->resourceResponse(new AddressResource($address));
+    }
+
+}
\ No newline at end of file
diff --git a/app/Http/Controllers/Addresses/CreateBillingAddressController.php b/app/Http/Controllers/Addresses/CreateBillingAddressController.php
new file mode 100644
index 00000000..866cb842
--- /dev/null
+++ b/app/Http/Controllers/Addresses/CreateBillingAddressController.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Http\Controllers\Addresses;
+
+use App\Classes\Modules\Addresses\ControllersLogic\CreateBillingAddressLogic;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+
+class CreateBillingAddressController
+{
+    /**
+     * @param Request $request
+     * @param CreateBillingAddressLogic $logic
+     * @return JsonResponse
+     */
+    public function create(Request $request, CreateBillingAddressLogic $logic): JsonResponse {
+        return $logic->execute($request);
+    }
+
+}
\ No newline at end of file
diff --git a/resources/assets/vue/components/addresses/sections/BillingAddressListComponent.vue b/resources/assets/vue/components/addresses/sections/BillingAddressListComponent.vue
new file mode 100644
index 00000000..89e5fbdd
--- /dev/null
+++ b/resources/assets/vue/components/addresses/sections/BillingAddressListComponent.vue
@@ -0,0 +1,122 @@
+<style>
+    @media screen and (min-width: 570px) {
+        .extend-modal-body{
+            width: 700px;
+            max-width: calc(100% - 20px);
+        }
+    }
+</style>
+<template>
+    <div class="row m-b-20 bg-white text-black padding-15 rounded extend-modal-body">
+        <div class="col">
+            <div class="row m-b-20 text-info">
+                <div class="col text-center">
+                    <h3>Please select the <b>Billing Address</b></h3>
+                </div>
+            </div>
+            <div class="row b-rounded justify-content-center m-b-15" @click="updateBillingAddressFilters">
+                <div class="col col-md-10 bg-master-lightest margin-auto padding-15">
+                    <div class="row justify-content-center">
+                        <div class="col pointer d-flex justtify-content-center align-items-center">
+                            <i class="fa fs-30 fa-fw" :class="{'fa-square-o': !useDeliveryAddress, 'fa-check-square': useDeliveryAddress, 'text-primary':useDeliveryAddress}" ></i>
+                            <p class="m-b-0">Use Delivery Address</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row justify-content-center m-b-15" v-if="error">
+                <div class="col-10">
+                    <small class="text-danger">{{error}}</small>
+                </div>
+            </div>
+            <div class="row justify-content-center">
+                <div class="col col-md-10">
+                    <list-component :key="currentKey" style="min-height: 50px;" section="addressList" :emptyListSection=false :endpoint="route('api.address.list')" :options="billingAddressFilters">
+                        <template slot="list" slot-scope="{data}">
+                            <select-address-component :data="data" :value="parameters.billing_address_id" v-model="parameters.billing_address_id"></select-address-component>
+                        </template>
+                    </list-component>
+                    <div class="row m-b-10 animate__animated animate__fadeInUpBig animate__delay-1 animate__fast">
+                        <div class="col b-a p-t-15 p-b-15 pointer" :class="{ 'b-primary': !parameters.billing_address_id, 'b-grey': parameters.billing_address_id}" @click="parameters.billing_address_id = null">
+                            <div class="row align-items-center">
+                                <div class="col-auto p-r-0">
+                                    <i class="fa fs-20 p-t-5" :class="{'fa-circle-o': parameters.billing_address_id, 'fa-check-circle': !parameters.billing_address_id, 'text-primary': !parameters.billing_address_id}"></i>
+                                </div>
+                                <div class="col-auto semi-bold">New Address</div>
+                            </div>
+                            <div class="row" v-show="!parameters.billing_address_id">
+                                <div class="col">
+                                    <address-form-component :type="1" :id="company_module_id" section="addressList" @input="parameters.billing_address_id = $event"></address-form-component>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col"></div>
+                <div class="col-auto">
+                    <button type="button" class="btn btn-lg rounded btn-primary" v-if="parameters.billing_address_id" @click="submitForm()">Confirm</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        props: {
+            section: {
+                type: String,
+                default: 'addressList'
+            },
+            company_module_id: {
+                type: Number,
+                default: 1
+            },
+        },
+        data(){
+            return {
+                useDeliveryAddress: false,
+                isLoading: false,
+                error: '',
+                billingAddressFilters: {
+                    per_page: 10, 
+                    HasMorphCompanyModule: this.company_module_id,
+                    type: 1
+                },
+                parameters : {
+                    company_module_id: this.company_module_id,
+                    billing_address_id: '',
+                },
+                item:{
+                    id:null
+                },
+                currentKey: 1,
+            }
+        },
+        methods: {
+            updateBillingAddressFilters(){
+                if(this.useDeliveryAddress) {
+                    // if use delivery address
+                    this.billingAddressFilters = {
+                        per_page: 10, 
+                        HasMorphCompanyModule: this.company_module_id,
+                        type: 1
+                    }
+                    this.parameters.billing_address_id = '';
+                } else {
+                    this.billingAddressFilters = {per_page: 10, HasMorphCompanyModule: this.company_module_id,};
+                }
+                this.useDeliveryAddress = !this.useDeliveryAddress;
+                this.currentKey++;
+            },
+            submitForm(){
+                this.submit(this.route('api.address.billingAddress.create'), 'post', this.section, true, true)
+            },
+            successHandler(response){
+                this.closeModal();
+            },
+        }
+    }
+</script>
\ No newline at end of file
diff --git a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
index 31189028..f787c5f3 100644
--- a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
@@ -58,6 +58,12 @@
                                                                         </div>
                                                                     </div>
                                                                 </div>
+                                                                <div class="col-auto">
+                                                                    <div class="btn-lg btn-primary b-a b-white pointer fs-14 position-relative bg-transparent requestModal" data-type="billingAddressComponent" style="z-index: 2;">Change Billing Address</div>
+                                                                </div>
+                                                                <modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="billingAddressComponent">
+                                                                    <billing-address-list-component :company_module_id="company.company_module.id" section="billingAddressComponent"></billing-address-list-component>
+                                                                </modal-component>
                                                             </div>
                                                         </div>
                                                     </div>
diff --git a/routes/address.php b/routes/address.php
index 96cfe8ab..8b166712 100644
--- a/routes/address.php
+++ b/routes/address.php
@@ -14,6 +14,8 @@ Route::group(['prefix' => 'address', 'as' => 'address.', 'namespace' => 'Address
     Route::get('state/list', 'ListStatesController@list')->name('state.list');
 
     Route::post('/create', 'CreateAddressController@create')->name('create');
+    
+    Route::post('billingAddress/create', 'CreateBillingAddressController@create')->name('billingAddress.create');
 
     Route::put('/update/{id}', 'UpdateAddressController@update')->name('update');
 

From 0802198c971a221a0c6932cbfd14f4dccc101d3f Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Thu, 2 Mar 2023 16:25:51 +0800
Subject: [PATCH 2/2] update allow user to edit billing address

---
 ...vue => BillingAddressSectionComponent.vue} |  1 +
 .../CustomerProfileSectionComponent.vue       |  2 +-
 .../forms/BillingAddressFormComponent.vue     | 66 -------------------
 3 files changed, 2 insertions(+), 67 deletions(-)
 rename resources/assets/vue/components/addresses/sections/{BillingAddressListComponent.vue => BillingAddressSectionComponent.vue} (99%)
 delete mode 100644 resources/assets/vue/components/paymentsBilling/forms/BillingAddressFormComponent.vue

diff --git a/resources/assets/vue/components/addresses/sections/BillingAddressListComponent.vue b/resources/assets/vue/components/addresses/sections/BillingAddressSectionComponent.vue
similarity index 99%
rename from resources/assets/vue/components/addresses/sections/BillingAddressListComponent.vue
rename to resources/assets/vue/components/addresses/sections/BillingAddressSectionComponent.vue
index 89e5fbdd..fef628a3 100644
--- a/resources/assets/vue/components/addresses/sections/BillingAddressListComponent.vue
+++ b/resources/assets/vue/components/addresses/sections/BillingAddressSectionComponent.vue
@@ -116,6 +116,7 @@
             },
             successHandler(response){
                 this.closeModal();
+                location.reload();
             },
         }
     }
diff --git a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
index f787c5f3..9f9dc3e0 100644
--- a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
@@ -62,7 +62,7 @@
                                                                     <div class="btn-lg btn-primary b-a b-white pointer fs-14 position-relative bg-transparent requestModal" data-type="billingAddressComponent" style="z-index: 2;">Change Billing Address</div>
                                                                 </div>
                                                                 <modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="billingAddressComponent">
-                                                                    <billing-address-list-component :company_module_id="company.company_module.id" section="billingAddressComponent"></billing-address-list-component>
+                                                                    <billing-address-section-component :company_module_id="company.company_module.id" :section="section"></billing-address-section-component>
                                                                 </modal-component>
                                                             </div>
                                                         </div>
diff --git a/resources/assets/vue/components/paymentsBilling/forms/BillingAddressFormComponent.vue b/resources/assets/vue/components/paymentsBilling/forms/BillingAddressFormComponent.vue
deleted file mode 100644
index c21a88b4..00000000
--- a/resources/assets/vue/components/paymentsBilling/forms/BillingAddressFormComponent.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<template>
-    <div class="row bg-white padding-25">
-        <div class="col">
-            <div class="row m-b-20 text-info">
-                <div class="col text-center">
-                    <h3>Please select the address where you want to receive this order</h3>
-                </div>
-            </div>
-            <div class="row justify-content-center m-b-15" v-if="error">
-                <div class="col-10">
-                    <small class="text-danger">{{error}}</small>
-                </div>
-            </div>
-            <div class="row justify-content-center">
-                <div class="col col-md-10">
-                    <list-component style="min-height: 50px;" class="m-b-20" section="addressList" :emptyListSection=false :endpoint="route('api.address.list')" :options="{per_page: 5, HasMorphCompanyModule: data.order.company_module.id}">
-                        <template slot="list" slot-scope="{data}">
-                            <select-address-component :data="data" :value="parameters.address_id" v-model="parameters.address_id"></select-address-component>
-                        </template>
-                    </list-component>
-                    <div class="row m-b-10 animate__animated animate__fadeInUpBig animate__delay-1 animate__fast">
-                        <div class="col b-a p-t-15 p-b-15 pointer" :class="{ 'b-primary': !parameters.address_id, 'b-grey': parameters.address_id}" @click="parameters.address_id = null">
-                            <div class="row align-items-center">
-                                <div class="col-auto p-r-0">
-                                    <i class="fa fs-20 p-t-5" :class="{'fa-circle-o': parameters.address_id, 'fa-check-circle': !parameters.address_id, 'text-primary': !parameters.address_id}"></i>
-                                </div>
-                                <div class="col-auto semi-bold">New Address</div>
-                            </div>
-                            <div class="row" v-show="!parameters.address_id">
-                                <div class="col">
-                                    <address-form-component :id="data.order.company_module.id" section="addressList" @input="parameters.address_id = $event"></address-form-component>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="row m-t-15 justify-content-center">
-                <div class="col-6 col-md-4 p-r-5">
-                    <div class="btn btn-default w-100 btn-lg b-rad-none" data-dismiss="modal">Cancel</div>
-                </div>
-                <div class="col-6 col-md-4 p-l-5">
-                    <!-- <div class="btn btn-primary w-100 btn-lg" @click="submit(route('api.segment.constant.update.postcode', 1), 'put', section, true, true)">Confirm</div> -->
-                    <div class="btn btn-primary w-100 btn-lg">Confirm</div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-    import modalFormHandler from '../../../general/mixins/modalFormHandler';
-    export default {
-        data() {
-            return {
-                error: '',
-                parameters : {
-                    warehouse_id: '',
-                    address_id: '',
-                }
-            }
-        },
-        mixins: [modalFormHandler]
-    }
-
-</script>
\ No newline at end of file