mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/shipping-portal.git
synced 2026-08-19 04:24:12 +00:00
Dillon Ngo
381 lines
25 KiB
PHP
381 lines
25 KiB
PHP
<div class="row">
|
|
<div class="col">
|
|
<div class="row justify-content-center pt-2 pt-md-0">
|
|
<div class="col p-t-10 p-b-10 p-l-25 p-r-25">
|
|
<a
|
|
:href="[7,8].includes(authStore.getCompanyModuleType) ? route('last_mile_delivery.dashboard') : route('dashboard')">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto p-r-0">
|
|
<img :class="[{'w-50': ![7,8].includes(authStore.getCompanyModuleType)}]"
|
|
:style="{'width': '70px'}"
|
|
:src="[7,8].includes(authStore.getCompanyModuleType) ? '{{asset('images/hy-logo.png')}}' : '{{asset('images/cief-izyim-logo.png')}}'">
|
|
</div>
|
|
<div class="col p-l-0 d-none"
|
|
:class="[{'d-flex': [7,8].includes(authStore.getCompanyModuleType)}]"
|
|
v-if="[7,8].includes(authStore.getCompanyModuleType)">
|
|
<h4 class="no-margin bold text-complete">HY WAVE TECH</h4>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-auto d-md-none pointer p-r-25"
|
|
@click="uiStore.toggleSection('sideMenu', false)">
|
|
<i class="fa fa-times fs-20 m-t-15"></i>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col padding-25">
|
|
<div class="row m-b-15">
|
|
<div class="col">
|
|
<small class="all-caps fs-12 muted hint-text">Main Menu</small>
|
|
</div>
|
|
</div>
|
|
<div class="row m-b-15">
|
|
<div class="col">
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
|
|
<polyline points="9 22 9 12 15 12 15 22" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a
|
|
:href="[7,8].includes(authStore.getCompanyModuleType) ? route('last_mile_delivery.dashboard') : route('dashboard')">
|
|
<h6 class="no-margin light fs-18 all-caps">Dashboard</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center d-none"
|
|
:class="[{'d-flex': authStore.isAdmin}]" v-if="authStore.isAdmin">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
|
|
<circle cx="9" cy="7" r="4" />
|
|
<path d="M23 21v-2a4 4 0 0 0-3-3.87" />
|
|
<path d="M16 3.13a4 4 0 0 1 0 7.75" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a href="{{route('customers')}}">
|
|
<h6 class="no-margin light fs-18 all-caps">Customers</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center d-none"
|
|
:class="[{'d-flex': authStore.isAdmin}]" v-if="authStore.isAdmin">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
|
|
<polyline points="14 2 14 8 20 8" />
|
|
<line x1="16" y1="13" x2="8" y2="13" />
|
|
<line x1="16" y1="17" x2="8" y2="17" />
|
|
<polyline points="10 9 9 9 8 9" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a href="{{route('orders')}}">
|
|
<h6 class="no-margin light fs-18 all-caps">Orders</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center d-none"
|
|
:class="[{'d-flex': authStore.isAdmin}]" v-if="authStore.isAdmin">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<path d="M16.5 9.4l-9-5.19" />
|
|
<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" />
|
|
<polyline points="3.27 6.96 12 12.01 20.73 6.96" />
|
|
<line x1="12" y1="22.08" x2="12" y2="12" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a href="{{route('warehouse.list')}}">
|
|
<h6 class="no-margin light fs-18 all-caps">Parcels</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center d-none"
|
|
:class="[{'d-flex': authStore.isAdmin}]" v-if="authStore.isAdmin">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<rect x="1" y="3" width="15" height="13" />
|
|
<polygon points="16 8 20 8 23 11 23 16 16 16 16 8" />
|
|
<circle cx="5.5" cy="18.5" r="2.5" />
|
|
<circle cx="18.5" cy="18.5" r="2.5" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a href="{{route('delivery.list')}}">
|
|
<h6 class="no-margin light fs-18 all-caps">Delivery List</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center d-none"
|
|
:class="[{'d-flex': authStore.isAdmin}]" v-if="authStore.isAdmin">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" />
|
|
<polyline points="3.27 6.96 12 12.01 20.73 6.96" />
|
|
<line x1="12" y1="22.08" x2="12" y2="12" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a href="{{route('containers')}}">
|
|
<h6 class="no-margin light fs-18 all-caps">Containers</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center hide">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
|
|
viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<path d="M16.5 9.4l-9-5.19" />
|
|
<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" />
|
|
<polyline points="3.27 6.96 12 12.01 20.73 6.96" />
|
|
<line x1="12" y1="22.08" x2="12" y2="12" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<h6 class="no-margin light fs-18 all-caps">My Packages</h6>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center hide">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" />
|
|
<circle cx="12" cy="10" r="3" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a href="{{route('address')}}">
|
|
<h6 class="no-margin light fs-18 all-caps">My Addresses</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center hide">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<rect x="1" y="4" width="22" height="16" rx="2" ry="2" />
|
|
<line x1="1" y1="10" x2="23" y2="10" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a href="{{route('template.payment-and-billing')}}">
|
|
<h6 class="no-margin light fs-18 all-caps">Payments & Billing</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center hide">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<circle cx="11" cy="11" r="8" />
|
|
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a href="{{route('order.tracking')}}">
|
|
<h6 class="no-margin light fs-18 all-caps">Tracking</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center hide">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="10" />
|
|
<polyline points="12 6 12 12 16 14" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a href="{{route('template.shipping-queue')}}">
|
|
<h6 class="no-margin light fs-18 all-caps">Shipping Queue</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center"
|
|
:class="[{'d-flex': authStore.isAdmin}]" v-if="authStore.isAdmin">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<rect x="1" y="4" width="22" height="16" rx="2" ry="2" />
|
|
<line x1="1" y1="10" x2="23" y2="10" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a href="{{route('admin.payment-and-billing')}}">
|
|
<h6 class="no-margin light fs-18 all-caps">Payment And Billing</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center"
|
|
:class="[{'d-flex': !authStore.isAdmin}]" v-if="!authStore.isAdmin">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<rect x="1" y="4" width="22" height="16" rx="2" ry="2" />
|
|
<line x1="1" y1="10" x2="23" y2="10" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a
|
|
:href="route('customer.payment-and-billing-by-company-module-id', authStore.getCompanyModuleId)">
|
|
<h6 class="no-margin light fs-18 all-caps">Payment And Billing</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center"
|
|
:class="[{'d-flex': !authStore.isAdmin}]" v-if="!authStore.isAdmin">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
|
|
<polyline points="14 2 14 8 20 8" />
|
|
<line x1="16" y1="13" x2="8" y2="13" />
|
|
<line x1="16" y1="17" x2="8" y2="17" />
|
|
<polyline points="10 9 9 9 8 9" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a target="_blank" href="https://www.cief-malaysia.com/izyim-e-invoice">
|
|
<h6 class="no-margin light fs-18 all-caps">E-Invoice Guideline</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center d-none"
|
|
:class="[{'d-flex': authStore.isAdmin}]" v-if="authStore.isAdmin">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<path d="M3 18v-6a9 9 0 0 1 18 0v6" />
|
|
<path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a href="{{route('support')}}">
|
|
<h6 class="no-margin light fs-18 all-caps">Support</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center d-none"
|
|
:class="[{'d-flex': authStore.isAdmin}]" v-if="authStore.isAdmin">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<rect x="3" y="3" width="7" height="7" />
|
|
<rect x="14" y="3" width="7" height="7" />
|
|
<rect x="14" y="14" width="7" height="7" />
|
|
<rect x="3" y="14" width="7" height="7" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a href="{{route('segments')}}">
|
|
<h6 class="no-margin light fs-18 all-caps">Segments</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center d-md-none">
|
|
<div class="col-auto p-r-0">
|
|
<i class="fa fa-cog fs-25 m-t-5 text-dark"></i>
|
|
</div>
|
|
<div class="col">
|
|
<a href="{{route('settings')}}">
|
|
<h6 class="no-margin light fs-18 all-caps">Settings</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center d-none"
|
|
:class="[{'d-flex': authStore.isAdmin}]" v-if="authStore.isAdmin">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a href="{{route('admin.feedback')}}">
|
|
<h6 class="no-margin light fs-18 all-caps">Feedback</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 align-items-center justify-content-center d-none"
|
|
:class="[{'d-flex': authStore.isAdmin}]" v-if="authStore.isAdmin">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"
|
|
fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
|
|
<polyline points="7 10 12 15 17 10" />
|
|
<line x1="12" y1="15" x2="12" y2="3" />
|
|
</svg>
|
|
</div>
|
|
<div class="col">
|
|
<a href="{{route('admin.downloads')}}">
|
|
<h6 class="no-margin light fs-18 all-caps">Downloads</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row p-t-15 p-b-15 justify-content-center d-md-none">
|
|
<div class="col">
|
|
<logout-component></logout-component>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row no-margin d-none relative"
|
|
:class="[{'d-flex': !authStore.isAdmin && ![7,8].includes(authStore.getCompanyModuleType)}]"
|
|
v-if="!authStore.isAdmin && ![7,8].includes(authStore.getCompanyModuleType)">
|
|
<div class="absolute hint-text dotted-grid"
|
|
style="width: 80px;height: 80px; right: 0; bottom: 0; z-index: 1; opacity: 0.3;"></div>
|
|
<div class="absolute hint-text dotted-grid"
|
|
style="width: 80px;height: 80px; z-index: 1; opacity: 0.3;"></div>
|
|
<div class="col bg-info text-white padding-25">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h6 class="text-white m-t-0 semi-bold">Got Problems?</h6>
|
|
<p>If you have any problems regarding your order, contact us now.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="btn btn-sm btn-block bg-white text-info b-rad-sm pointer requestModal"
|
|
data-type="contactUs">Contact Us</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row no-margin d-none"
|
|
:class="[{'d-flex': !authStore.isAdmin && ![7,8].includes(authStore.getCompanyModuleType)}]"
|
|
v-if="!authStore.isAdmin && ![7,8].includes(authStore.getCompanyModuleType)">
|
|
<new-service-announcement-component></new-service-announcement-component>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |