mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/portal.git
synced 2026-08-29 01:14:14 +00:00
82 lines
12 KiB
Vue
82 lines
12 KiB
Vue
<template>
|
|
<div class="row bg-white m-b-15 m-l-5 m-r-5">
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col padding-15">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="40" height="40"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#000000"><path d="M85.96641,12.86641c-1.18418,0.0252 -2.1332,0.99941 -2.11641,2.18359v10.75h-23.65v15.05h-25.8v38.24649l-22.38184,5.42539l11.71582,25.7748l6.12246,32.63633c-1.00781,0.41992 -1.96524,0.89023 -2.87227,1.34375c-2.15,1.075 -4.04805,1.92324 -5.48418,1.92324c-0.77266,-0.0084 -1.49492,0.39473 -1.88965,1.0666c-0.38633,0.67188 -0.38633,1.49492 0,2.1668c0.39473,0.67188 1.11699,1.075 1.88965,1.0666c2.86387,0 5.26582,-1.30176 7.41582,-2.37676c2.15,-1.075 4.04805,-1.92324 5.48418,-1.92324c1.43613,0 3.33418,0.84824 5.48418,1.92324c2.15,1.075 4.55195,2.37676 7.41582,2.37676c2.86387,0 5.26582,-1.30176 7.41582,-2.37676c2.15,-1.075 4.04805,-1.92324 5.48418,-1.92324c1.43613,0 3.33418,0.84824 5.48418,1.92324c2.15,1.075 4.55195,2.37676 7.41582,2.37676c2.86387,0 5.26582,-1.30176 7.41582,-2.37676c2.15,-1.075 4.04805,-1.92324 5.48418,-1.92324c1.43613,0 3.33418,0.84824 5.48418,1.92324c2.15,1.075 4.55195,2.37676 7.41582,2.37676c2.86387,0 5.26582,-1.30176 7.41582,-2.37676c2.15,-1.075 4.04805,-1.92324 5.48418,-1.92324c1.43613,0 3.33418,0.84824 5.48418,1.92324c2.15,1.075 4.55195,2.37676 7.41582,2.37676c2.86387,0 5.26582,-1.30176 7.41582,-2.37676c2.15,-1.075 4.04805,-1.92324 5.48418,-1.92324c1.43613,0 3.33418,0.84824 5.48418,1.92324c2.15,1.075 4.55195,2.37676 7.41582,2.37676c0.77266,0.0084 1.49492,-0.39473 1.88965,-1.0666c0.38633,-0.67187 0.38633,-1.49492 0,-2.1668c-0.39472,-0.67187 -1.11699,-1.075 -1.88965,-1.0666c-1.43613,0 -3.33418,-0.84824 -5.48418,-1.92324c-0.90703,-0.45352 -1.86445,-0.92383 -2.87227,-1.34375l6.12246,-32.63633l11.71582,-25.7748l-22.38184,-5.42539v-38.24649h-25.8v-15.05h-23.65v-10.75c0.0084,-0.57949 -0.21836,-1.14219 -0.62988,-1.55371c-0.41152,-0.41152 -0.97422,-0.63828 -1.55371,-0.62988zM64.5,30.1h21.13887c0.23516,0.04199 0.47031,0.04199 0.69707,0h21.16406v10.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15h25.8v32.90508l-47.3,-11.47227l-47.3,11.47227v-32.90508h25.8c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM73.1,40.85c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM81.7,40.85c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM90.3,40.85c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM98.9,40.85c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM47.3,55.9c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM55.9,55.9c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM64.5,55.9c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM73.1,55.9c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM81.7,55.9c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM90.3,55.9c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM98.9,55.9c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM107.5,55.9c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM116.1,55.9c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM124.7,55.9c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM86,71.01719l67.91816,16.46094l-9.78418,21.5252l-6.17285,32.92188c-0.11758,-0.0084 -0.23516,-0.0252 -0.36113,-0.0252c-2.86387,0 -5.26582,1.30176 -7.41582,2.37676c-2.15,1.075 -4.04805,1.92324 -5.48418,1.92324c-1.43613,0 -3.33418,-0.84824 -5.48418,-1.92324c-2.15,-1.075 -4.55195,-2.37676 -7.41582,-2.37676c-2.86387,0 -5.26582,1.30176 -7.41582,2.37676c-2.15,1.075 -4.04805,1.92324 -5.48418,1.92324c-1.43613,0 -3.33418,-0.84824 -5.48418,-1.92324c-2.15,-1.075 -4.55195,-2.37676 -7.41582,-2.37676c-2.86387,0 -5.26582,1.30176 -7.41582,2.37676c-2.15,1.075 -4.04805,1.92324 -5.48418,1.92324c-1.43613,0 -3.33418,-0.84824 -5.48418,-1.92324c-2.15,-1.075 -4.55195,-2.37676 -7.41582,-2.37676c-2.86387,0 -5.26582,1.30176 -7.41582,2.37676c-2.15,1.075 -4.04805,1.92324 -5.48418,1.92324c-1.43613,0 -3.33418,-0.84824 -5.48418,-1.92324c-2.15,-1.075 -4.55195,-2.37676 -7.41582,-2.37676c-0.12598,0 -0.24355,0.0168 -0.36113,0.0252l-6.17285,-32.92187l-9.78418,-21.5252zM86,75.25c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM86,83.85c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM51.54961,90.90469c-0.32754,0.0084 -0.66348,0.05039 -0.99102,0.13438l-4.3,1.075c-1.90645,0.47031 -3.25859,2.20879 -3.25859,4.16562v4.77031c-0.0084,0.77266 0.39473,1.49492 1.0666,1.88965c0.67188,0.38633 1.49492,0.38633 2.1668,0c0.67188,-0.39472 1.075,-1.11699 1.0666,-1.88965v-4.77031l4.3,-1.075v3.69531c-0.0084,0.77266 0.39473,1.49492 1.0666,1.88965c0.67188,0.38633 1.49492,0.38633 2.1668,0c0.67188,-0.39472 1.075,-1.11699 1.0666,-1.88965v-3.69531c0,-2.40195 -2.04922,-4.3 -4.35039,-4.3zM120.45039,90.90469c-2.30117,0 -4.35039,1.89805 -4.35039,4.3v3.69531c-0.0084,0.77266 0.39473,1.49492 1.0666,1.88965c0.67188,0.38633 1.49492,0.38633 2.1668,0c0.67188,-0.39472 1.075,-1.11699 1.0666,-1.88965v-3.69531l4.3,1.075v4.77031c-0.0084,0.77266 0.39473,1.49492 1.0666,1.88965c0.67188,0.38633 1.49492,0.38633 2.1668,0c0.67187,-0.39472 1.075,-1.11699 1.0666,-1.88965v-4.77031c0,-1.95684 -1.35215,-3.69531 -3.25859,-4.16562l-4.3,-1.075c-0.32754,-0.08398 -0.66348,-0.12598 -0.99101,-0.13438zM86,92.45c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM86,101.05c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM86,109.65c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM86,118.25c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM86,126.85c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM86,135.45c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM12.9,146.2c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM159.1,146.2c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15z"></path></g></g></svg>
|
|
</div>
|
|
<div class="col">
|
|
<h6 class="no-margin bold">{{item.container_reference}}</h6>
|
|
<p class="no-margin">{{item.container_number}} / {{item.seal_reference}}</p>
|
|
</div>
|
|
<div class="col-auto">
|
|
<p class="no-margin fs-10 all-caps">Loading Date</p>
|
|
<p class="no-margin">{{item.loading_date ? item.loading_date : 'n/a'}}</p>
|
|
</div>
|
|
<div class="col-auto">
|
|
<p class="no-margin fs-10 all-caps">ETD</p>
|
|
<p class="no-margin">{{item.transport ? item.transport.current_schedule.etd : 'n/a'}}</p>
|
|
</div>
|
|
<div class="col-auto">
|
|
<p class="no-margin fs-10 all-caps">ETA</p>
|
|
<p class="no-margin">{{item.transport ? item.transport.current_schedule.eta : 'n/a'}}</p>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row hide" 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>
|
|
<p class="no-margin">{{ item.packages_count }}</p>
|
|
</div>
|
|
<div class="col-auto hide">
|
|
<p class="no-margin fs-10 all-caps">Loaded CBM</p>
|
|
<p class="no-margin">{{ (Math.ceil(item.total_cbm * 1000) / 1000).toFixed(3) }}</p>
|
|
</div>
|
|
<div class="col-auto">
|
|
<p class="no-margin fs-10 all-caps">Status</p>
|
|
<p class="no-margin bold" :class="{'text-success': item.status === 3, 'text-complete': item.status !== 3}">{{item.status === 3 ? 'Un-stuffed' : 'In Progress'}}</p>
|
|
</div>
|
|
<div class="col-auto">
|
|
<a class="btn btn-default no-border" :href="route('container.packaging_list.export', item.id)">
|
|
<i class="fa fa-file-pdf-o"></i>
|
|
</a>
|
|
<div class="btn btn-default no-border" @click="expanded = !expanded">
|
|
<i class="fa" :class="{'fa-angle-down': !expanded, 'fa-angle-up': expanded}" ></i>
|
|
</div>
|
|
<a class="btn btn-default no-border" :href="route('container.show', item.container_reference)">
|
|
<i class="fa fa-angle-right fa-fw"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<packing-list-section-component :data="item" v-if="expanded"></packing-list-section-component>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import componentHandler from '../../../general/mixins/componentHandler';
|
|
export default {
|
|
data(){
|
|
return {
|
|
expanded: false,
|
|
}
|
|
},
|
|
mixins: [componentHandler]
|
|
}
|
|
</script>
|