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

update text-color for days ago in container page

Browse Source
This commit is contained in:
edmondlang
2022-01-12 23:55:05 +08:00
parent 2558e8f4f2
commit 3ae4b019ce
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/vue/components/containers/elements/ContainerComponent.vue
+10 -6
View File
@@ -27,12 +27,16 @@
<p class="no-margin">{{item.transport ? item.transport.current_schedule.eta : 'n/a'}}</p>
</div>
<div class="col">
<p class="no-margin fs-10 all-caps">Days Ago</p>
<p class="no-margin">
{{item.transport ? item.transport.current_schedule.billing_days_left.value : 'n/a'}}
{{item.transport ? item.transport.current_schedule.billing_days_left.duration: ''}}
{{item.transport ? 'days' : ''}}
</p>
<div class="row" v-if="item.transport">
<div class="col">
<p class="no-margin fs-10 all-caps">Days Ago</p>
<p class="no-margin" :class="[{'text-success': item.transport.current_schedule.billing_days_left.value === '+'}, {'text-danger': item.transport.current_schedule.billing_days_left.value === '-'}]">
{{item.transport.current_schedule.billing_days_left.value}}
{{item.transport.current_schedule.billing_days_left.duration}}
days
</p>
</div>
</div>
</div>
<div class="col-auto">
<p class="no-margin fs-10 all-caps">Packages</p>