mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-mobile-client.git
synced 2026-08-19 04:14:06 +00:00
fixed delivery content
This commit is contained in:
Zain Fauzan Rofie Azizi
@@ -113,185 +113,184 @@
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Delivery Arrangement Details</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Inhouse Services</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Date</label>
|
||||
<div class="form-row no-padding">
|
||||
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Services</label>
|
||||
</div>
|
||||
<select id="typeDelivery" class="form-element">
|
||||
<option selected disabled hidden>Please Choose Delivery Services</option>
|
||||
<option value="0">Inhouse Services</option>
|
||||
<option value="1">Courier Services</option>
|
||||
<option value="2">Outsource Services</option>
|
||||
<option value="3">Self-Collect</option>
|
||||
</select>
|
||||
|
||||
<div style="display:none" id="services-a">
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Inhouse Services</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Vehicle Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Name</label>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div style="display:none" id="services-b">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Courier Services</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Courier Service Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="POSlaju" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Tracking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="POSlaju9875647" required />
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact</label>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
<div style="display:none" id="services-c">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Outsource Services</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Vehicle Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
<div style="display:none" id="services-d">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Self-Collect</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please Choose or Create New</option>
|
||||
<option value="1">Gudang ABC</option>
|
||||
<option value="2">Warehouse KLIA2</option>
|
||||
<option value="3">Warehouce Inc.</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">City</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">State</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Vehicle Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Courier Services</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Courier Service Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="POSlaju" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Tracking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="POSlaju9875647" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Outsource Services</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Vehicle Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Self-Collect</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please Choose or Create New</option>
|
||||
<option value="1">Gudang ABC</option>
|
||||
<option value="2">Warehouse KLIA2</option>
|
||||
<option value="3">Warehouce Inc.</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">City</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">State</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Delivery Arrangement Details End Here-->
|
||||
<!-- Consolidation Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
@@ -303,54 +302,132 @@
|
||||
<span class="label-span">Order Selection</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Item 1</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="search-result-header">
|
||||
<!-- or without .fix-searchbar -->
|
||||
<form class="fix-searchbar">
|
||||
<input type="text" id="searchInput" class="form-element" placeholder="search item no" onkeyup="CSearch()">
|
||||
</form>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETA</label>
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="orderNo" class="list-item-title">Order No : STEAM/00001/00004</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Shipment Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Shipment Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="orderNo" class="list-item-title">Order No : STEAM/00001/00004</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Shipment Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Pagination Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div style="text-align: center">
|
||||
<div class="pagination">
|
||||
<a href="#">«</a>
|
||||
<a class="active" href="#">1</a>
|
||||
<a href="#">2</a>
|
||||
<a href="#">»</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Pagination End Here-->
|
||||
|
||||
<!-- Consolidation End Here-->
|
||||
</div>
|
||||
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<a href="arrangements-delivery_arrangements2.html"><span class="button blue" data-dismiss="false">Appointment</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
|
||||
<script type="text/javascript">
|
||||
/* =========================================
|
||||
[Collapsible for Custom Order Select] Start Here
|
||||
@@ -370,8 +447,10 @@
|
||||
content.style.display = "block";
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
@@ -56,7 +56,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Menu navigation end -->
|
||||
<!-- Menu navigation end -->
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
@@ -76,43 +76,43 @@
|
||||
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<div class="list-box-non">
|
||||
<a href="javascript:void(0);" class="list-item" data-popup="formPopup">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add New</span>
|
||||
</a>
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">List of Delivery Arrangement</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-delivery_arrangements_review1.html" class="list-item">
|
||||
<div class="list-box-non">
|
||||
<a href="javascript:void(0);" class="list-item" data-popup="formPopup">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Delivery No : STEAM/12345</span>
|
||||
<span class="list-item-title-edit">Decision Request</span>
|
||||
<span class="list-item-title">Add New</span>
|
||||
</a>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">List of Delivery Arrangement</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-delivery_arrangements_review1.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Delivery No : STEAM/12345</span>
|
||||
<span class="list-item-title-edit">Decision Request</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-delivery_arrangements_review1.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Delivery No : STEAM/1234</span>
|
||||
<span class="list-item-title-edit">Decision Request</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Content List Spawner End Here -->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-delivery_arrangements_review1.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Delivery No : STEAM/1234</span>
|
||||
<span class="list-item-title-edit">Decision Request</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Content List Spawner End Here -->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</main>
|
||||
</form>
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
@@ -131,185 +131,184 @@
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Delivery Arrangement Details</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Inhouse Services</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Date</label>
|
||||
<div class="form-row no-padding">
|
||||
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Services</label>
|
||||
</div>
|
||||
<select id="typeDelivery" class="form-element">
|
||||
<option selected disabled hidden>Please Choose Delivery Services</option>
|
||||
<option value="0">Inhouse Services</option>
|
||||
<option value="1">Courier Services</option>
|
||||
<option value="2">Outsource Services</option>
|
||||
<option value="3">Self-Collect</option>
|
||||
</select>
|
||||
|
||||
<div style="display:none" id="services-a">
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Inhouse Services</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Vehicle Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Name</label>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div style="display:none" id="services-b">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Courier Services</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Courier Service Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="POSlaju" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Tracking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="POSlaju9875647" required />
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact</label>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
<div style="display:none" id="services-c">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Outsource Services</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Vehicle Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
<div style="display:none" id="services-d">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Self-Collect</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please Choose or Create New</option>
|
||||
<option value="1">Gudang ABC</option>
|
||||
<option value="2">Warehouse KLIA2</option>
|
||||
<option value="3">Warehouce Inc.</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">City</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">State</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Vehicle Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Courier Services</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Courier Service Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="POSlaju" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Tracking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="POSlaju9875647" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Outsource Services</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Vehicle Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Self-Collect</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please Choose or Create New</option>
|
||||
<option value="1">Gudang ABC</option>
|
||||
<option value="2">Warehouse KLIA2</option>
|
||||
<option value="3">Warehouce Inc.</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">City</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">State</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Delivery Arrangement Details End Here-->
|
||||
<!-- Consolidation Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
@@ -321,61 +320,132 @@
|
||||
<span class="label-span">Order Selection</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Item 1</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="search-result-header">
|
||||
<!-- or without .fix-searchbar -->
|
||||
<form class="fix-searchbar">
|
||||
<input type="text" id="searchInput" class="form-element" placeholder="search item no" onkeyup="CSearch()">
|
||||
</form>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETA</label>
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="orderNo" class="list-item-title">Order No : STEAM/00001/00004</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Shipment Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Shipment Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="orderNo" class="list-item-title">Order No : STEAM/00001/00004</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Shipment Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Pagination Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div style="text-align: center">
|
||||
<div class="pagination">
|
||||
<a href="#">«</a>
|
||||
<a class="active" href="#">1</a>
|
||||
<a href="#">2</a>
|
||||
<a href="#">»</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Consolidation End Here-->
|
||||
<div class="form-divider"></div>
|
||||
<!-- Pagination End Here-->
|
||||
|
||||
<!-- Consolidation End Here-->
|
||||
</div>
|
||||
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<a href="arrangements-delivery_arrangements2.html"><span class="button blue" data-dismiss="false">Appointment</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
|
||||
<script type="text/javascript">
|
||||
/* =========================================
|
||||
[Collapsible for Custom Order Select] Start Here
|
||||
@@ -395,12 +465,15 @@
|
||||
content.style.display = "block";
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,459 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - DELIVERY ARRANGEMENTS1</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="nav-menu">
|
||||
|
||||
<nav class="menu">
|
||||
<!-- profile logo start -->
|
||||
<div class="nav-header">
|
||||
<a href="home.html"><img src="images/CIEF.png" width="160"></a>
|
||||
</div>
|
||||
<!-- profile logo end -->
|
||||
<!-- Menu navigation start -->
|
||||
<div class="nav-container">
|
||||
<ul class="main-menu">
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="custom_declaration.html"><i class="fa fa-suitcase"></i> Custom Declaration</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Menu navigation end -->
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<!-- Header area start -->
|
||||
<header style="background-color: #FFF">
|
||||
<a class="go-back-link" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
|
||||
<h1 id="HT" class="page-title" style="color: #000">Delivery Arrangement Status</h1>
|
||||
<div class="navi-menu-button">
|
||||
<em></em>
|
||||
<em></em>
|
||||
<em></em>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<div class="list-box-non">
|
||||
<a href="javascript:void(0);" class="list-item" data-popup="formPopup">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add New</span>
|
||||
</a>
|
||||
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
Delivery arrangement is empty, do you want to add new arrangement?
|
||||
</div>
|
||||
<!-- Content List Spawner End Here -->
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--POPUP HTML CONTENT START -->
|
||||
<div class="popup-overlay" id="formPopup">
|
||||
<!-- if you dont want overlay add class .no-overlay -->
|
||||
<div class="popup-container">
|
||||
<div class="popup-header">
|
||||
<h3 class="popup-title">Delivery Details</h3>
|
||||
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
|
||||
</div>
|
||||
<!-- Delivery Arrangement Details Start Here-->
|
||||
<div class="popup-content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Delivery Arrangement Details</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Services</label>
|
||||
</div>
|
||||
<select id="typeDelivery" class="form-element">
|
||||
<option selected disabled hidden>Please Choose Delivery Services</option>
|
||||
<option value="0">Inhouse Services</option>
|
||||
<option value="1">Courier Services</option>
|
||||
<option value="2">Outsource Services</option>
|
||||
<option value="3">Self-Collect</option>
|
||||
</select>
|
||||
|
||||
<div style="display:none" id="services-a">
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Inhouse Services</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Vehicle Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div style="display:none" id="services-b">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Courier Services</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Courier Service Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="POSlaju" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Tracking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="POSlaju9875647" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
<div style="display:none" id="services-c">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Outsource Services</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Vehicle Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
<div style="display:none" id="services-d">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Self-Collect</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please Choose or Create New</option>
|
||||
<option value="1">Gudang ABC</option>
|
||||
<option value="2">Warehouse KLIA2</option>
|
||||
<option value="3">Warehouce Inc.</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">City</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">State</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Delivery Arrangement Details End Here-->
|
||||
<!-- Consolidation Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div class="popup-header">
|
||||
<h3 class="popup-title">Consolidation</h3>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Order Selection</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="search-result-header">
|
||||
<!-- or without .fix-searchbar -->
|
||||
<form class="fix-searchbar">
|
||||
<input type="text" id="searchInput" class="form-element" placeholder="search item no" onkeyup="CSearch()">
|
||||
</form>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="orderNo" class="list-item-title">Order No : STEAM/00001/00004</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Shipment Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="orderNo" class="list-item-title">Order No : STEAM/00001/00004</span>
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Shipment Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Pagination Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div style="text-align: center">
|
||||
<div class="pagination">
|
||||
<a href="#">«</a>
|
||||
<a class="active" href="#">1</a>
|
||||
<a href="#">2</a>
|
||||
<a href="#">»</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Pagination End Here-->
|
||||
|
||||
<!-- Consolidation End Here-->
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<a href="arrangements-delivery_arrangements2.html"><span class="button blue" data-dismiss="false">Submit</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
|
||||
<script type="text/javascript">
|
||||
/* =========================================
|
||||
[Collapsible for Custom Order Select] Start Here
|
||||
==========================================*/
|
||||
|
||||
var coll = document.getElementsByClassName("collapsible");
|
||||
var i;
|
||||
|
||||
for (i = 0; i < coll.length; i++) {
|
||||
coll[i].addEventListener("click", function()
|
||||
{
|
||||
this.classList.toggle("active");
|
||||
var content = this.nextElementSibling;
|
||||
if (content.style.display === "block") {
|
||||
content.style.display = "none";
|
||||
} else {
|
||||
content.style.display = "block";
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user