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

improve load speed by cleaning the resources to reduce the number of queries submitted per request

Browse Source
This commit is contained in:
omair saleh
2021-10-04 16:17:10 +08:00
parent 16b35b34b3
commit 509f14c790
9 changed files with 132 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/vue/components/orders/sections/OrderProfileSectionComponent.vue
+17 -17
View File
@@ -235,7 +235,7 @@
</div>
<div class="row">
<div class="col">
<parcel-component v-for="parcel in order.parcels" :data="parcel" :key="parcel.id"></parcel-component>
<parcel-component v-for="parcel in order.parcels.received_packages" :data="parcel" :key="parcel.id"></parcel-component>
</div>
</div>
</div>
@@ -244,16 +244,16 @@
<div class="col">
<div class="row">
<div class="col">
<div class="row" v-if="order.origin_warehouse_packages.length">
<div class="row" v-if="order.parcels.origin_warehouse_packages.length">
<div class="col">
<div class="row" v-for="group in Math.ceil(order.origin_warehouse_packages.length / 2)">
<div class="col-12 p-r-0" :class="'col-md-'+(12/2)" v-for="item in order.origin_warehouse_packages.slice((group - 1) * 2, group * 2)" v-bind:key="item.id" :data="item">
<div class="row" v-for="group in Math.ceil(order.parcels.origin_warehouse_packages.length / 2)">
<div class="col-12 p-r-0" :class="'col-md-'+(12/2)" v-for="item in order.parcels.origin_warehouse_packages.slice((group - 1) * 2, group * 2)" v-bind:key="item.id" :data="item">
<package-component :data="item" status="Ready To Ship"></package-component>
</div>
</div>
</div>
</div>
<div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.origin_warehouse_packages.length">
<div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.parcels.origin_warehouse_packages.length">
<div class="col-10">
<div class="row align-items-center justify-content-center hint-text">
<div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
@@ -277,16 +277,16 @@
<div class="col">
<div class="row">
<div class="col">
<div class="row" v-if="order.in_transit_packages.length">
<div class="row" v-if="order.parcels.in_transit_packages.length">
<div class="col">
<div class="row" v-for="group in Math.ceil(order.in_transit_packages.length / 3)">
<div class="col-12" :class="'col-md-'+(12/3)" v-for="item in order.in_transit_packages.slice((group - 1) * 3, group * 3)" v-bind:key="item.id" :data="item">
<div class="row" v-for="group in Math.ceil(order.parcels.in_transit_packages.length / 3)">
<div class="col-12" :class="'col-md-'+(12/3)" v-for="item in order.parcels.in_transit_packages.slice((group - 1) * 3, group * 3)" v-bind:key="item.id" :data="item">
<package-component :data="item" status="Shipping"></package-component>
</div>
</div>
</div>
</div>
<div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.in_transit_packages.length">
<div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.parcels.in_transit_packages.length">
<div class="col-10">
<div class="row align-items-center justify-content-center hint-text">
<div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
@@ -310,16 +310,16 @@
<div class="col">
<div class="row">
<div class="col">
<div class="row" v-if="order.destination_warehouse_packages.length">
<div class="row" v-if="order.parcels.destination_warehouse_packages.length">
<div class="col">
<div class="row" v-for="group in Math.ceil(order.destination_warehouse_packages.length / 3)">
<div class="col-12" :class="'col-md-'+(12/3)" v-for="item in order.destination_warehouse_packages.slice((group - 1) * 3, group * 3)" v-bind:key="item.id" :data="item">
<div class="row" v-for="group in Math.ceil(order.parcels.destination_warehouse_packages.length / 3)">
<div class="col-12" :class="'col-md-'+(12/3)" v-for="item in order.parcels.destination_warehouse_packages.slice((group - 1) * 3, group * 3)" v-bind:key="item.id" :data="item">
<package-component :data="item" status="Preparing Delivery"></package-component>
</div>
</div>
</div>
</div>
<div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.destination_warehouse_packages.length">
<div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.parcels.destination_warehouse_packages.length">
<div class="col-10">
<div class="row align-items-center justify-content-center hint-text">
<div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
@@ -343,16 +343,16 @@
<div class="col">
<div class="row">
<div class="col">
<div class="row" v-if="order.delivered_packages.length">
<div class="row" v-if="order.parcels.delivered_packages.length">
<div class="col">
<div class="row" v-for="group in Math.ceil(order.delivered_packages.length / 3)">
<div class="col-12" :class="'col-md-'+(12/3)" v-for="item in order.delivered_packages.slice((group - 1) * 3, group * 3)" v-bind:key="item.id" :data="item">
<div class="row" v-for="group in Math.ceil(order.parcels.delivered_packages.length / 3)">
<div class="col-12" :class="'col-md-'+(12/3)" v-for="item in order.parcels.delivered_packages.slice((group - 1) * 3, group * 3)" v-bind:key="item.id" :data="item">
<package-component :data="item" status="Delivered"></package-component>
</div>
</div>
</div>
</div>
<div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.delivered_packages.length">
<div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.parcels.delivered_packages.length">
<div class="col-10">
<div class="row align-items-center justify-content-center hint-text">
<div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>