cief/shipping-portal
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/shipping-portal.git synced 2026-08-19 04:24:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add addresslist component and include in address index.blade

Browse Source
This commit is contained in:
weichien00
2021-08-09 02:19:19 +08:00
parent 7a2f2e87b2
commit 4f5054c55f
2 changed files with 71 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/vue/components/address/sections/AddressListComponent.vue
+67
View File
@@ -0,0 +1,67 @@
<template>
<div class="parentContainer">
<div class="row">
<div class="col">
<div class="row m-b-20">
<div class="col">
<div class="font-heading fs-18 text-primary all-caps m-b-50">Select Address</div>
</div>
</div>
</div>
</div>
<div class="row m-b-15">
<div class="col">
<loading-component style="height: 200px; top: 0;" color="success" v-show="isLoading"></loading-component>
<list-component v-show="!isLoading" :section="section" :endpoint="route('api.address.list')" :options="{per_page: 5, HasMorphCompanyModule :company_module_id}">
<template slot="list" slot-scope="{data}">
<div class="row shadow p-3 mb-3 bg-white rounded">
<div class="col">
<div class="row">
<div class="col">
<address-component :section="section" v-bind:key="data.id" :data="data" :default="data.default"></address-component>
</div>
</div>
</div>
</div>
</template>
</list-component>
</div>
</div>
<div class="row align-items-center justify-content-center">
<div class="col">
<div class="row">
<div class="col">
<button class="btn btn-sm btn-primary b-rad-none all-caps requestModal" data-type="addAddress">Add New Address</button>
</div>
</div>
</div>
</div>
<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="addAddress">
<new-edit-address-form-component :section="section" :address_id="-1"></new-edit-address-form-component>
</modal-component>
</div>
</template>
<script>
export default {
props: {
section: {
default: 'addressList'
},
company_module_id: {
type: Number,
default: 1
},
},
data(){
return {
isLoading: false,
item:{
id:null
},
}
}
}
</script>
resources/views/pages/addresses/index.blade.php
+4 -2
View File
@@ -1,4 +1,6 @@
@extends('layouts.base_portal')
@section('inner_content')
{{-- @include('pages.dashboards.customer') --}}
@endsection
<address-list-component v-show="!$store.getters.isShowing('createOrderForm')" section="addressList"
:company_module_id="$store.getters.getCompanyModuleId" completedOrder="">
</address-list-component>
@endsection