From 9ff98196f0f27f5d9ee8f00967cdb24fd2da859b Mon Sep 17 00:00:00 2001
From: omair saleh <uldvstar@gmail.com>
Date: Mon, 3 Jan 2022 09:32:45 +0800
Subject: [PATCH] fix package component bug

---
 .../orders/elements/PackageComponent.vue      | 112 +++++++++---------
 1 file changed, 58 insertions(+), 54 deletions(-)

diff --git a/resources/assets/vue/components/orders/elements/PackageComponent.vue b/resources/assets/vue/components/orders/elements/PackageComponent.vue
index 3dac120e..99a1a1bb 100644
--- a/resources/assets/vue/components/orders/elements/PackageComponent.vue
+++ b/resources/assets/vue/components/orders/elements/PackageComponent.vue
@@ -70,71 +70,75 @@
                                 </div>
                             </div>
                             <div class="row p-t-10 p-b-10" v-if="item.container">
-                                <div class="col-auto p-r-0 p-t-10">
-                                    <div class="row" v-for="schedule in item.container.transport.schedule_history" :key="schedule.id">
-                                        <div class="col">
-                                            <div class="row justify-content-center">
-                                                <div class="col-auto">
-                                                    <i class="fa fa-times fs-15 text-danger"></i>
+                                <div class="col">
+                                    <div class="row" v-if="item.container.transport">
+                                        <div class="col-auto p-r-0 p-t-10">
+                                            <div class="row" v-for="schedule in item.container.transport.schedule_history" :key="schedule.id">
+                                                <div class="col">
+                                                    <div class="row justify-content-center">
+                                                        <div class="col-auto">
+                                                            <i class="fa fa-times fs-15 text-danger"></i>
+                                                        </div>
+                                                    </div>
+                                                    <div class="row justify-content-center">
+                                                        <div class="col-auto">
+                                                            <div class="b-l b-dashed b-danger" style="height: 35px;"></div>
+                                                        </div>
+                                                    </div>
                                                 </div>
                                             </div>
                                             <div class="row justify-content-center">
                                                 <div class="col-auto">
-                                                    <div class="b-l b-dashed b-danger" style="height: 35px;"></div>
+                                                    <i class="fa fa-check fs-15" :class="{'text-primary': status !== 'Ready To Ship', 'muted': status === 'Ready To Ship'}"></i>
+                                                </div>
+                                            </div>
+                                            <div class="row justify-content-center">
+                                                <div class="col-auto">
+                                                    <div class="b-l b-dashed " style="height: 35px;" :class="{'b-primary': status === 'Preparing Delivery' || status === 'Delivered', 'b-grey': status !== 'Preparing Delivery' || status !== 'Delivered'}"></div>
+                                                </div>
+                                            </div>
+                                            <div class="row justify-content-center">
+                                                <div class="col-auto">
+                                                    <i class="fa fa-check fs-15" :class="{'text-primary': item.transport, 'muted': !item.transport}"></i>
                                                 </div>
                                             </div>
                                         </div>
-                                    </div>
-                                    <div class="row justify-content-center">
-                                        <div class="col-auto">
-                                            <i class="fa fa-check fs-15" :class="{'text-primary': status !== 'Ready To Ship', 'muted': status === 'Ready To Ship'}"></i>
-                                        </div>
-                                    </div>
-                                    <div class="row justify-content-center">
-                                        <div class="col-auto">
-                                            <div class="b-l b-dashed " style="height: 35px;" :class="{'b-primary': status === 'Preparing Delivery' || status === 'Delivered', 'b-grey': status !== 'Preparing Delivery' || status !== 'Delivered'}"></div>
-                                        </div>
-                                    </div>
-                                    <div class="row justify-content-center">
-                                        <div class="col-auto">
-                                            <i class="fa fa-check fs-15" :class="{'text-primary': item.transport, 'muted': !item.transport}"></i>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="col p-l-0">
-                                    <div class="row m-b-15" v-for="schedule in item.container.transport.schedule_history" :key="schedule.id">
-                                        <div class="col">
-                                            <div class="row no-margin">
-                                                <div class="col-auto">
-                                                    <small class="fs-10 all-caps muted">Etd</small>
-                                                    <h6 class="no-margin small">{{schedule.etd}}</h6>
-                                                </div>
-                                                <div class="col-auto">
-                                                    <small class="fs-10 all-caps muted">Eta</small>
-                                                    <h6 class="no-margin small">{{schedule.eta}}</h6>
+                                        <div class="col p-l-0">
+                                            <div class="row m-b-15" v-for="schedule in item.container.transport.schedule_history" :key="schedule.id">
+                                                <div class="col">
+                                                    <div class="row no-margin">
+                                                        <div class="col-auto">
+                                                            <small class="fs-10 all-caps muted">Etd</small>
+                                                            <h6 class="no-margin small">{{schedule.etd}}</h6>
+                                                        </div>
+                                                        <div class="col-auto">
+                                                            <small class="fs-10 all-caps muted">Eta</small>
+                                                            <h6 class="no-margin small">{{schedule.eta}}</h6>
+                                                        </div>
+                                                    </div>
                                                 </div>
                                             </div>
-                                        </div>
-                                    </div>
-                                    <div class="row m-b-15">
-                                        <div class="col">
-                                            <div class="row no-margin">
-                                                <div class="col-auto" v-if="!item.container.transport.schedule_history.length">
-                                                    <small class="fs-10 all-caps muted">Etd</small>
-                                                    <h6 class="no-margin small">{{item.container ? item.container.transport.current_schedule.etd : 'n/a'}}</h6>
-                                                </div>
-                                                <div class="col-auto">
-                                                    <small class="fs-10 all-caps muted">{{!item.container.transport.schedule_history.length ? 'Eta' : 'Rescheduled Eta' }}</small>
-                                                    <h6 class="no-margin small">{{item.container ? item.container.transport.current_schedule.eta : 'n/a'}}</h6>
+                                            <div class="row m-b-15">
+                                                <div class="col">
+                                                    <div class="row no-margin">
+                                                        <div class="col-auto" v-if="!item.container.transport.schedule_history.length">
+                                                            <small class="fs-10 all-caps muted">Etd</small>
+                                                            <h6 class="no-margin small">{{item.container ? item.container.transport.current_schedule.etd : 'n/a'}}</h6>
+                                                        </div>
+                                                        <div class="col-auto">
+                                                            <small class="fs-10 all-caps muted">{{!item.container.transport.schedule_history.length ? 'Eta' : 'Rescheduled Eta' }}</small>
+                                                            <h6 class="no-margin small">{{item.container ? item.container.transport.current_schedule.eta : 'n/a'}}</h6>
+                                                        </div>
+                                                    </div>
                                                 </div>
                                             </div>
-                                        </div>
-                                    </div>
-                                    <div class="row">
-                                        <div class="col">
-                                            <div class="col-auto">
-                                                <small class="fs-10 all-caps muted">Delivery Date</small>
-                                                <h6 class="no-margin small">{{item.transport ? item.transport.current_schedule.eta : 'n/a'}}</h6>
+                                            <div class="row">
+                                                <div class="col">
+                                                    <div class="col-auto">
+                                                        <small class="fs-10 all-caps muted">Delivery Date</small>
+                                                        <h6 class="no-margin small">{{item.transport ? item.transport.current_schedule.eta : 'n/a'}}</h6>
+                                                    </div>
+                                                </div>
                                             </div>
                                         </div>
                                     </div>