mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-mobile-client.git
synced 2026-08-19 04:14:06 +00:00
Initial commit
This commit is contained in:
Zain Fauzan Rofie Azizi
@@ -0,0 +1,377 @@
|
||||
<!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-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>
|
||||
|
||||
<!-- 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 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>
|
||||
<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">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>
|
||||
<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="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="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>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 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>
|
||||
@@ -0,0 +1,398 @@
|
||||
<!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-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>
|
||||
|
||||
<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"> Status 1</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"> Status 2</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Content List Spawner End Here -->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
</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 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>
|
||||
<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">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>
|
||||
<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="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="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>
|
||||
<!-- 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>
|
||||
@@ -0,0 +1,106 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - VIEW SHIPMENT ARRANGEMENT1-DETAILS</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="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<!-- Header area start -->
|
||||
<header style="background-color: #FFF">
|
||||
<a class="go-back-link" href="javascript:history.back();" a><i class="fa fa-arrow-left"></i></a>
|
||||
<h1 id="HT" class="page-title" style="color: #000">Delivery Arrangement</h1>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Delivery Arrangement Status Start Here-->
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Delivery Arrangement Status</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">Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-28" disabled required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Details</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Type : Inhouse Services" disabled />
|
||||
<input type="text" class="form-element" placeholder="Delivery Date : 08/03/2018" disabled />
|
||||
<input type="text" class="form-element" placeholder="Vehicle No : Ked1736" disabled />
|
||||
<input type="text" class="form-element" placeholder="Contact Person : Wakjen" disabled />
|
||||
<input type="text" class="form-element" placeholder="Contact Person No : 012345646787" 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">Shipment No</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">Customer Details</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Malay Boy" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Container No</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">Status</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Delivery request sent" disabled />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Delivery Arrangement Status End Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<a href="arrangements-delivery_arrangements_review2.html"><span class="button green">Details</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page content end -->
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,446 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - VIEW SHIPMENT ARRANGEMENT2-ARRANGEMENT DETAILS</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="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<!-- Header area start -->
|
||||
<header style="background-color: #FFF">
|
||||
<a class="go-back-link" href="javascript:history.back();" a><i class="fa fa-arrow-left"></i></a>
|
||||
<h1 id="HT" class="page-title" style="color: #000">Order Details</h1>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Order : 00003</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Tab links -->
|
||||
<div class="tab">
|
||||
<button class="tablinks" onclick="openDelivery(event, 'Shipping Order')">Shipping Order</button>
|
||||
<button class="tablinks" onclick="openDelivery(event, 'Arrangements')" id="defaultOpen">Arrangements</button>
|
||||
</div>
|
||||
<!-- Tab content -->
|
||||
<div id="Shipping Order" style="color: #000" class="tabcontent">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Order Details start -->
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Order 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">Order Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="00003" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking </label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001" disabled/>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Supplier Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mamee" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Supplier Contact Person</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Puck" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Supplier Contact Person Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0123456789" disabled/>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Order Details end -->
|
||||
<!-- Warehouse Details start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Warehouse 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">Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Gudang Udang" 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="123" disabled />
|
||||
</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="Klang" disabled />
|
||||
</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="123456" disabled />
|
||||
</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="Selangor" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Country</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Malaysia" disabled />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Warehouse Details end -->
|
||||
<!-- Delivery Details start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Delivery 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 Type</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-08" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="TV" 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="123" disabled />
|
||||
</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="056789" disabled />
|
||||
</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="Kedah" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Country</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Malaysia" disabled />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Delivery Details end -->
|
||||
<!-- Packaging List start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Packaging List</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">Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Description</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="42" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Model</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Bravia" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Quantity</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">UOM</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Kedah" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">CBM</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Height : 22.00" disabled />
|
||||
<input type="text" class="form-element" placeholder="Width : 22.00" disabled />
|
||||
<input type="text" class="form-element" placeholder="Depth : 22.00" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Weight</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Gross : 22.00" disabled />
|
||||
<input type="text" class="form-element" placeholder="Nett : 22.00" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Photo</label>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
<div class="form-divider-2"></div>
|
||||
<input id="fileInput" type="file" style="display:none;" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div id="Arrangements" style="color: #000" class="tabcontent">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Warehouse Arrangement end -->
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Warehouse Arrangements</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">Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Product Description</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Drugs" disabled/>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Total Ctn (Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Measurement (Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22.00" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Weight (Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22.00" disabled/>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Total Ctn (Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">CBM (Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Weight (Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="10648.00" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Status</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Matched" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Photo</label>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
<div class="form-divider-2"></div>
|
||||
<input id="fileInput" type="file" style="display:none;" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Warehouse Arrangement end -->
|
||||
<!-- Shipment Arrangement start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Shipment Arrangement</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">ETD</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-05" disabled />
|
||||
</div>
|
||||
<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="2018-03-05" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Release Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-05" disabled />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Shipment Arrangement end -->
|
||||
<!-- Delivery Arrangement start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Delivery Arrangement</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 Type</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-08" disabled />
|
||||
</div>
|
||||
<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="2018-03-05" disabled />
|
||||
</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="Abu" disabled />
|
||||
</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="0145567484" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Vehicle No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG4567" disabled />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Delivery Arrangement end -->
|
||||
</form>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Shipment Arrangement Details End Here-->
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page content end -->
|
||||
<script type="text/javascript">
|
||||
/*=========================================
|
||||
[Tab for Delivery and Custom Arrangement] Start Here
|
||||
==========================================*/
|
||||
|
||||
function openDelivery(evt, tabName) {
|
||||
|
||||
var i, tabcontent, tablinks;
|
||||
// Get all elements with class="tabcontent" and hide them
|
||||
tabcontent = document.getElementsByClassName("tabcontent");
|
||||
for (i = 0; i < tabcontent.length; i++) {
|
||||
tabcontent[i].style.display = "none";
|
||||
}
|
||||
// Get all elements with class="tablinks" and remove the class "active"
|
||||
tablinks = document.getElementsByClassName("tablinks");
|
||||
for (i = 0; i < tablinks.length; i++) {
|
||||
tablinks[i].className = tablinks[i].className.replace(" active", "");
|
||||
}
|
||||
// Show the current tab, and add an "active" class to the button that opened the tab
|
||||
document.getElementById(tabName).style.display = "block";
|
||||
evt.currentTarget.className += " active";
|
||||
}
|
||||
// Get the element with id="defaultOpen" and click on it. This to make the page open the default page
|
||||
document.getElementById("defaultOpen").click();
|
||||
</script>
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,382 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - SHIPMENT 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-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">Shipment 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>
|
||||
|
||||
<!-- 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">Shipment Details</h3>
|
||||
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
|
||||
</div>
|
||||
<!-- Shipment Arrangement Details Start Here-->
|
||||
<div class="popup-content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Shipment 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">Loading Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled required />
|
||||
</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="KED 1726" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Departure Port</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Port Klang" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Container No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Type of Container</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please Select Type of Container</option>
|
||||
<option value="1">Dry Storage Container 10ft</option>
|
||||
<option value="2">Dry Storage Container 20ft</option>
|
||||
<option value="3">Dry Storage Container 30ft</option>
|
||||
<option value="4">Flat Rack Container</option>
|
||||
<option value="5">Open Top Container</option>
|
||||
<option value="6">Tunnel Container</option>
|
||||
<option value="7">Open Side Storage Container</option>
|
||||
<option value="8">Double Doors Container 20ft</option>
|
||||
<option value="9">Double Doors Container 40ft</option>
|
||||
<option value="10">Refirgerated ISO Container</option>
|
||||
<option value="11">Insulated or Thermal Container</option>
|
||||
<option value="12">Tanks </option>
|
||||
<option value="13">Cargo Storage Roll Container</option>
|
||||
<option value="14">Half Height Container </option>
|
||||
<option value="15">Car Container</option>
|
||||
<option value="16">Intermediate Bulk Shift Container</option>
|
||||
<option value="17">Drums </option>
|
||||
<option value="18">Special Purpose Container</option>
|
||||
<option value="19">Swap Bodies</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETD</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">ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
</div>
|
||||
<!-- Shipment Arrangement Details End Here-->
|
||||
<!-- Loading Vehicle Details Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Loading Vehicle and Driver</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">Driver Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="John" disabled required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0123456789" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Trailer Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="KED 5353" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Identification Card Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1234567891011" required />
|
||||
</div>
|
||||
</div>
|
||||
<!-- Loading Vehicle Details End Here-->
|
||||
<!-- Loading Venue Details Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Loading Venue</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">Loading Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" disabled required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Loading City</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Loading State</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" 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="" disabled required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Country</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Remark</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="State If Any" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Loading Venue Details End Here-->
|
||||
<!-- Consolidation Start Here-->
|
||||
<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 Select</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-ship"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Item 1</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>
|
||||
<!-- Consolidation End Here-->
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<a href="arrangements-shipment_arrangements2.html"><span class="button blue" data-dismiss="false">Continue</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
|
||||
==========================================*/
|
||||
|
||||
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>
|
||||
@@ -0,0 +1,398 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - SHIPMENT ARRANGEMENTS2</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-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="custom_declaration.html"><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">Shipment 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="list-box-emp">
|
||||
<a href="arrangements-shipment_arrangements_review1.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title"> Status 1</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-shipment_arrangements_review1.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title"> Status 2</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Content List Spawner End Here -->
|
||||
<div class="form-divider"></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">Shipment Details</h3>
|
||||
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
|
||||
</div>
|
||||
<!-- Shipment Arrangement Details Start Here-->
|
||||
<div class="popup-content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Shipment 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">Loading Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled required />
|
||||
</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="KED 1726" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Departure Port</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Port Klang" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Container No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Type of Container</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please Select Type of Container</option>
|
||||
<option value="1">Dry Storage Container 10ft</option>
|
||||
<option value="2">Dry Storage Container 20ft</option>
|
||||
<option value="3">Dry Storage Container 30ft</option>
|
||||
<option value="4">Flat Rack Container</option>
|
||||
<option value="5">Open Top Container</option>
|
||||
<option value="6">Tunnel Container</option>
|
||||
<option value="7">Open Side Storage Container</option>
|
||||
<option value="8">Double Doors Container 20ft</option>
|
||||
<option value="9">Double Doors Container 40ft</option>
|
||||
<option value="10">Refirgerated ISO Container</option>
|
||||
<option value="11">Insulated or Thermal Container</option>
|
||||
<option value="12">Tanks </option>
|
||||
<option value="13">Cargo Storage Roll Container</option>
|
||||
<option value="14">Half Height Container </option>
|
||||
<option value="15">Car Container</option>
|
||||
<option value="16">Intermediate Bulk Shift Container</option>
|
||||
<option value="17">Drums </option>
|
||||
<option value="18">Special Purpose Container</option>
|
||||
<option value="19">Swap Bodies</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETD</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">ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
</div>
|
||||
<!-- Shipment Arrangement Details End Here-->
|
||||
<!-- Loading Vehicle Details Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Loading Vehicle and Driver</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">Driver Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="John" disabled required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0123456789" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Trailer Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="KED 5353" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Identification Card Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1234567891011" required />
|
||||
</div>
|
||||
</div>
|
||||
<!-- Loading Vehicle Details End Here-->
|
||||
<!-- Loading Venue Details Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Loading Venue</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">Loading Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" disabled required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Loading City</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Loading State</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" 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="" disabled required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Country</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Remark</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="State If Any" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Loading Venue Details End Here-->
|
||||
<!-- Consolidation Start Here-->
|
||||
<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 Select</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-ship"></i>
|
||||
<span class="list-item-title">Item 1</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>
|
||||
<!-- Consolidation Test 1 End Here-->
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<a href="arrangements-shipment_arrangements2.html"><span class="button blue" data-dismiss="false">Submit</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
|
||||
==========================================*/
|
||||
|
||||
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>
|
||||
@@ -0,0 +1,112 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - VIEW RECEIVE NOTE-CUSTOMEXAM</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="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<!-- Header area start -->
|
||||
<header style="background-color: #FFF">
|
||||
<a class="go-back-link" href="javascript:history.back();" a><i class="fa fa-arrow-left"></i></a>
|
||||
<h1 id="HT" class="page-title" style="color: #000">Customs Examination</h1>
|
||||
</header>
|
||||
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<form>
|
||||
<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">No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="4/04/2018" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Order No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" required />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
<!-- Header area end -->
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Customs Examination Departure Port</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">New ETD</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="29/03/2018" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">New ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="3/04/2018" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Customs Examination Arrival Port</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">Release Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="3/04/2018" required/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- note end content end -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<a href="arrangements-shipment_arrangements2.html"><span class="button red">Submit</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,117 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - VIEW SHIPMENT ARRANGEMENT1-</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="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<!-- Header area start -->
|
||||
<header style="background-color: #FFF">
|
||||
<a class="go-back-link" href="javascript:history.back();" a><i class="fa fa-arrow-left"></i></a>
|
||||
<h1 id="HT" class="page-title" style="color: #000">Shipment Arrangement</h1>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Shipment Arrangement Status</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">Shipment Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="KED 1726" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Container No</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">Type of Container</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Dry Storage Container 30ft" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Loading Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="13/03/2018" disabled required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETD</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="29/03/2018" disabled />
|
||||
</div>
|
||||
|
||||
<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="3/04/2018"/>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Order 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">Loading Venue</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="SP, 72450 Kedah, Malaysia." disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Status</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Custom Clearance" disabled required />
|
||||
</div>
|
||||
</div>
|
||||
<!-- Shipment Arrangement Details End Here-->
|
||||
<!-- note end content end -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<a href="arrangements-shipment_arrangements_review-custom.html"><span class="button green">Custom Examination</span></a>
|
||||
<a href="arrangements-shipment_arrangements_review2.html"><span class="button green">Details</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,198 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - VIEW SHIPMENT ARRANGEMENT2-DETAILS</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="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<!-- Header area start -->
|
||||
<header style="background-color: #FFF">
|
||||
<a class="go-back-link" href="javascript:history.back();" a><i class="fa fa-arrow-left"></i></a>
|
||||
<h1 id="HT" class="page-title" style="color: #000">Shipment Arrangement</h1>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Shipment 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">Loading Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-28" disabled required />
|
||||
</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="KED 1726" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Departure Port</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Port Klang" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Container No</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">Type of Container</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Dry Storage Container 30ft" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETD</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="29/03/2018" disabled />
|
||||
</div>
|
||||
|
||||
<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="3/04/2018"/>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Shipment Arrangement Details End Here-->
|
||||
|
||||
<!-- Loading Vehicle Details Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Vehicle and Driver</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">Driver Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="John" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0123456789" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Trailer Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="KED 5353" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Identification Card Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1234567891011" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<!-- Loading Vehicle Details End Here-->
|
||||
|
||||
<!-- Loading Venue Details Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Loading Venue</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">Loading Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="A31" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Loading City</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="SP" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Loading State</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Kedah" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01123454332" disabled />
|
||||
</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="72450" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Country</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Malaysia" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Abu" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Remark</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Things in good condition" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<!-- note end content end -->
|
||||
<div class="form-divider"></div>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,307 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - WAREHOUSE RECEIVE NOTE</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-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">Departure Warehouse Receive Note</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>
|
||||
|
||||
<!-- 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">Departure Warehouse Receive Note</h3>
|
||||
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
|
||||
</div>
|
||||
<div class="popup-content">
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Warehouse Receive Note Form</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">Order Number</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please select your Order Number</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Port Klang" disabled required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Receive 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">Consignment Note Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="ABC/1234/123" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse Receive Note No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="00001" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Receiving Person</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="John" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Warehouse Receive Note Details Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Warehouse Receive Note 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">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1/00002" disabled required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Receive 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">Transport Company Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="DHL" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse Receive Note Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="00001" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Description</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Total Carton(Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Total Carton(Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Measurement(Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0.00" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Measurement(Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0.00" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Weight(Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0.00" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Weight(Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0.00" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Balanced</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Status</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Matched/Unmatched/Damaged" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Damages</label>
|
||||
</div><br>
|
||||
<label><input type="radio" name="gender" /> Yes</label>
|
||||
<label class="form-element"><input type="radio" name="gender" /> No</label>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Photo</label>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
<div class="form-divider-2"></div>
|
||||
<input id="fileInput" type="file" style="display:none;" />
|
||||
<button class="button green" onclick="document.getElementById('fileInput').click();">Select Image</button>
|
||||
<button class="button red">Remove</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Warehouse Receive Note Details End Here-->
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<a href="arrangements-warehouse_receive_note2.html"><span class="button blue" data-dismiss="true">Add Note</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,320 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - WAREHOUSE RECEIVE NOTE ADDED</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-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">Departure Warehouse Receive Note</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="list-box-emp">
|
||||
<a href="arrangements-warehouse_receive_note_review1.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Item 1</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-warehouse_receive_note_review1.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Item 2</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Content List Spawner End Here -->
|
||||
<div class="form-divider"></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">Departure Warehouse Receive Note</h3>
|
||||
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
|
||||
</div>
|
||||
<!--DEPARTURE WAREHOUSE RECEIVE NOTE START -->
|
||||
<div class="popup-content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Warehouse Receive Note Form</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">Order Number</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please select your Order Number</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Port Klang" disabled required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Receive 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">Consignment Note Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="ABC/1234/123" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse Receive Note No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="00001" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Receiving Person</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="John" required />
|
||||
</div>
|
||||
</div>
|
||||
<!--DEPARTURE WAREHOUSE RECEIVE NOTE END -->
|
||||
<!-- Warehouse Receive Note Details Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Warehouse Receive Note 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">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1/00002" disabled required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Receive 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">Transport Company Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="DHL" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse Receive Note Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="00001" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Description</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Total Carton(Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Total Carton(Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Measurement(Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0.00" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Measurement(Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0.00" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Weight(Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0.00" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Weight(Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0.00" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Balanced</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Status</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Matched/Unmatched/Damaged" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Damages</label>
|
||||
</div><br>
|
||||
<label><input type="radio" name="gender" /> Yes</label>
|
||||
<label class="form-element"><input type="radio" name="gender" /> No</label>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Photo</label>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
<div class="form-divider-2"></div>
|
||||
<input id="fileInput" type="file" style="display:none;" />
|
||||
<button class="button green" onclick="document.getElementById('fileInput').click();">Select Image</button>
|
||||
<button class="button red">Remove</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Warehouse Receive Note Details End Here-->
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<a href="arrangements-warehouse_receive_note2.html"><span class="button blue" data-dismiss="true">Add Item</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,122 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - VIEW RECEIVE NOTE1</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="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<!-- Header area start -->
|
||||
<header style="background-color: #FFF">
|
||||
<a class="go-back-link" href="javascript:history.back();" a><i class="fa fa-arrow-left"></i></a>
|
||||
<h1 id="HT" class="page-title" style="color: #000">Departure Warehouse Receive Note</h1>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Warehouse Receive Note start -->
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Warehouse Receive Note</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">Receive Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-05" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Warehouse ABC" disabled/>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse Receive Note Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="00001/00002" 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/1234/00001/00003" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Transporter Company Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="DHL" disabled/>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Consignment Note</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="123abc" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Total Carton</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Total CBM</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="10648" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Total Weight</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Status</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Warehouse Received" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<!-- Warehouse Receive Note start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<a href="arrangements-warehouse_receive_note_review2.html"><span class="button green">Details</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,162 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - VIEW RECEIVE NOTE2</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="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">Departure Warehouse Receive Note</h1>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Warehouse Receive Note start -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Warehouse Receive Note : STEAM/12345/0001/00003</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">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">Transport Company Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="DHL" disabled/>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Consignment Note</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="00001" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse Receive Note Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="00001/00002" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Receiving Person</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="John" disabled/>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Product Description</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Television" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Total Carton(Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Total Carton(Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">CBM(Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22.00x22.00x22.00" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">CBM(Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22.00x22.00x22.00" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Weight(Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22.00" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Weight(Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22.00" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Status</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Matched/Unmatched/Damaged" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Photo</label>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
<div class="form-divider-2"></div>
|
||||
<input id="fileInput" type="file" style="display:none;" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Warehouse Receive Note end -->
|
||||
<div class="form-divider"></div>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
@@ -0,0 +1,212 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - CREATE SHIPPING ORDER STEP 1</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-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="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="#" 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="#"><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">Create Shipping Order</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">
|
||||
<section class="container">
|
||||
<form>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Order Detail</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group">
|
||||
<div class="form-row no-padding">
|
||||
<select class="form-element">
|
||||
<option value="">Select your freight forwarder</option>
|
||||
<option value="1">KFC</option>
|
||||
<option value="2">Surgar Bun</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-name" type="text" class="form-element" placeholder="Supplier Company Name" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-address" type="text" class="form-element" placeholder="Supplier Contact Person" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-city" type="text" class="form-element" placeholder="Supplier Contact Person No" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Warehouse Detail</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group">
|
||||
<div class="form-row no-padding">
|
||||
<select class="form-element">
|
||||
<option value="">Please choose warehouse</option>
|
||||
<option value="1">KFC</option>
|
||||
<option value="2">Surgar Bun</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-name" type="text" class="form-element" placeholder="Warehouse Name" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-address" type="text" class="form-element" placeholder="Warehouse Address" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-city" type="text" class="form-element" placeholder="Warehouse City" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-name" type="text" class="form-element" placeholder="Warehouse Zip" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-address" type="text" class="form-element" placeholder="Warehouse State" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-city" type="text" class="form-element" placeholder="Warehouse Country" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-address" type="text" class="form-element" placeholder="Warehouse Contact Person" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-city" type="text" class="form-element" placeholder="Warehouse Contact Number" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Delivery Details</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group">
|
||||
<div class="form-row no-padding">
|
||||
<select class="form-element">
|
||||
<option value="">please choose delivery</option>
|
||||
<option value="1">KFC</option>
|
||||
<option value="2">Surgar Bun</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-name" type="text" class="form-element" placeholder="Delivery Name" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-address" type="text" class="form-element" placeholder="Delivery Address" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-city" type="text" class="form-element" placeholder="Delivery City" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-name" type="text" class="form-element" placeholder="Delivery Postcode" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-address" type="text" class="form-element" placeholder="Delivery State" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-city" type="text" class="form-element" placeholder="Delivery Country" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-address" type="text" class="form-element" placeholder="Delivery Contact Person" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="branch-city" type="text" class="form-element" placeholder="Delivery Contact Number" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row">
|
||||
<a href="create-shipping-order-S2.html" class="button block green">Continue</a>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</section>
|
||||
|
||||
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,330 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - CREATE SHIPPING ORDER STEP 2</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-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="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="#" 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="#"><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">Create Shipping Order</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-shopping-cart"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add Item</span>
|
||||
</a>
|
||||
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="list-box-emp">
|
||||
<a href="shipping-item-review.html" class="list-item">
|
||||
<i class="fa fa-shopping-cart"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title"> Item 1</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="shipping-item-review.html" class="list-item">
|
||||
<i class="fa fa-shopping-cart"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title"> Item 2</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Content List Spawner End Here -->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<button class="button red">Back</button>
|
||||
<button class="button blue">Finish</button>
|
||||
</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">Add Item</h3>
|
||||
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
|
||||
</div>
|
||||
<div class="popup-content">
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Item 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">Description</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="42 inch" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Brand</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Sharp" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Model</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Model" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Item Code</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Item Code" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Quantity</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Quantity" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">UOM</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please select UOM for your item</option>
|
||||
<option value="1">Bag</option>
|
||||
<option value="2">Bucket</option>
|
||||
<option value="3">Bundle</option>
|
||||
<option value="4">Box</option>
|
||||
<option value="5">Piece</option>
|
||||
<option value="6">Gallon</option>
|
||||
<option value="7">Pack</option>
|
||||
<option value="8">Pair</option>
|
||||
<option value="9">Sheet</option>
|
||||
<option value="10">Rack</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Photo</label>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
|
||||
<div class="form-divider-2"></div>
|
||||
<input id="fileInput" type="file" style="display:none;" />
|
||||
<button class="button green" onclick="document.getElementById('fileInput').click();">Select Image</button>
|
||||
<button class="button red">Remove</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider-3"></div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Packing Start Here -->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Packing</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">Qty of Carton</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="42 inch" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Packaging Type</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please select choose Packaging Type</option>
|
||||
<option value="1">Bag</option>
|
||||
<option value="2">Bucket</option>
|
||||
<option value="3">Bundle</option>
|
||||
<option value="4">Box</option>
|
||||
<option value="5">Piece</option>
|
||||
<option value="6">Gallon</option>
|
||||
<option value="7">Pack</option>
|
||||
<option value="8">Pair</option>
|
||||
<option value="9">Sheet</option>
|
||||
<option value="10">Rack</option>
|
||||
</select>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Photo</label>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
|
||||
<div class="form-divider-2"></div>
|
||||
<input id="fileInput" type="file" style="display:none;" />
|
||||
<button class="button green" onclick="document.getElementById('fileInput').click();">Select Image</button>
|
||||
<button class="button red">Remove</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider-3"></div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Packing End Here -->
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Measurement</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<!-- Measurement Start Here-->
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Height (m)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Width (m)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="20" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Depth (m)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="15" required />
|
||||
</div>
|
||||
<!-- Measurement End Here-->
|
||||
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<button class="button blue" data-dismiss="true">Add Item</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Vendored
+4
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,97 @@
|
||||
* {
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
body {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-text-size-adjust: none;
|
||||
-webkit-user-select: none;
|
||||
background-color:#E4E4E4;
|
||||
background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
|
||||
background-image:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
|
||||
background-image:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
|
||||
background-image:-webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
left bottom,
|
||||
color-stop(0, #A7A7A7),
|
||||
color-stop(0.51, #E4E4E4)
|
||||
);
|
||||
background-attachment:fixed;
|
||||
font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
|
||||
font-size:12px;
|
||||
height:100%;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
text-transform:uppercase;
|
||||
width:100%;
|
||||
|
||||
background-color:#32383d;
|
||||
font-family: 'RobotoRegular', 'Droid Sans', 'Segoe UI', Segoe, 'San Francisco', 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.app {
|
||||
background: url(../images/cordova.png) no-repeat center top;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
height: 50px;
|
||||
width: 225px;
|
||||
text-align: center;
|
||||
padding: 180px 0px 0px 0px;
|
||||
margin: -115px 0px 0px -112px;
|
||||
}
|
||||
|
||||
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
|
||||
.app {
|
||||
background-position:left center;
|
||||
padding:75px 0px 75px 170px;
|
||||
margin:-90px 0px 0px -198px;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:24px;
|
||||
font-weight:normal;
|
||||
margin:0px;
|
||||
overflow:visible;
|
||||
padding:0px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.event {
|
||||
border-radius:4px;
|
||||
-webkit-border-radius:4px;
|
||||
color:#FFFFFF;
|
||||
font-size:12px;
|
||||
margin:0px 30px;
|
||||
padding:2px 0px;
|
||||
}
|
||||
|
||||
.event.listening {
|
||||
background-color:#333333;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.event.received {
|
||||
background-color:#4B946A;
|
||||
display:none;
|
||||
}
|
||||
|
||||
@keyframes fade {
|
||||
from { opacity: 1.0; }
|
||||
50% { opacity: 0.4; }
|
||||
to { opacity: 1.0; }
|
||||
}
|
||||
|
||||
@-webkit-keyframes fade {
|
||||
from { opacity: 1.0; }
|
||||
50% { opacity: 0.4; }
|
||||
to { opacity: 1.0; }
|
||||
}
|
||||
|
||||
.blink {
|
||||
animation:fade 3000ms infinite;
|
||||
-webkit-animation:fade 3000ms infinite;
|
||||
}
|
||||
@@ -0,0 +1,99 @@
|
||||
/*-------------------------------------------------------------------
|
||||
[27. Tab]
|
||||
-------------------------------------------------------------------*/
|
||||
|
||||
/* Style the tab */
|
||||
.tab {
|
||||
overflow: hidden;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Style the buttons inside the tab */
|
||||
.tab button {
|
||||
background-color: inherit;
|
||||
float: left;
|
||||
border: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
padding: 14px 16px;
|
||||
transition: 0.3s;
|
||||
font-size: 17px;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
/* Change background color of buttons on hover */
|
||||
.tab button:hover {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
/* Create an active/current tablink class */
|
||||
.tab button.active {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
/* Style the tab content */
|
||||
.tabcontent {
|
||||
display: none;
|
||||
padding: 6px 12px;
|
||||
-webkit-animation: fadeEffect 1s;
|
||||
animation: fadeEffect 1s;
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* Fade in tabs */
|
||||
@-webkit-keyframes fadeEffect {
|
||||
from {opacity: 0;}
|
||||
to {opacity: 1;}
|
||||
}
|
||||
|
||||
@keyframes fadeEffect {
|
||||
from {opacity: 0;}
|
||||
to {opacity: 1;}
|
||||
}
|
||||
/*end of part 28----------------------------------------------------*/
|
||||
|
||||
/*-------------------------------------------------------------------
|
||||
[27. Table and Collapsible]
|
||||
-------------------------------------------------------------------*/
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
width: 100%;
|
||||
border: 1px solid #ddd;
|
||||
|
||||
}
|
||||
|
||||
th, td {
|
||||
text-align: left;
|
||||
padding: 8px;
|
||||
font-family: Nunito;
|
||||
}
|
||||
|
||||
tr:nth-child(even){background-color: #f2f2f2}
|
||||
|
||||
.collapsible {
|
||||
background-color: #f8f8f8;
|
||||
color: #069;
|
||||
cursor: pointer;
|
||||
padding: 18px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
text-align: left;
|
||||
outline: none;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.active-col, .collapsible:hover { /*.active tukar yang ni je*/
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding:18px;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
}
|
||||
/*end of part 28----------------------------------------------------*/
|
||||
@@ -0,0 +1,208 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - CUSTOM DECLARATION</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-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">Custom Declaration 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>
|
||||
|
||||
<!-- 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">Shipping Order</h3>
|
||||
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
|
||||
</div>
|
||||
<!-- Shipping Order Start Here-->
|
||||
<div class="popup-content">
|
||||
<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="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Order No</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please Select</option>
|
||||
<option value="1">STEAM/00001/00002/00003</option>
|
||||
<option value="2">STEAM/00001/00002/00004</option>
|
||||
<option value="3">STEAM/00001/00002/00005</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Reference Number</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">Exporter Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Custom 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">Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1" disabled required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">HS Code</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Please Enter the Code" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Product Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Sony Bravia TV" disabled required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Description</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="42" disabled required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Quatity</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">UOM</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Pallet" disabled required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Price</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="RM 20,0000" disabled required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<a href="custom_declaration1.html"><span class="button red" data-dismiss="false">Submit</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Shipping Order Start Here-->
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,224 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - CUSTOM DECLARATION</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-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">Custom Declaration 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>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="list-box-emp">
|
||||
<a href="custom_declaration_review1.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title"> Status 1</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="custom_declaration_review1.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title"> Status 2</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Content List Spawner End Here -->
|
||||
<div class="form-divider"></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">Shipping Order</h3>
|
||||
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
|
||||
</div>
|
||||
<!-- Shipping Order Start Here-->
|
||||
<div class="popup-content">
|
||||
<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="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Order No</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please Select</option>
|
||||
<option value="1">STEAM/00001/00002/00003</option>
|
||||
<option value="2">STEAM/00001/00002/00004</option>
|
||||
<option value="3">STEAM/00001/00002/00005</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Reference Number</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">Exporter Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Custom 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">Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1" disabled required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">HS Code</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Please Enter the Code" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Product Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Sony Bravia TV" disabled required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Description</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="42" disabled required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Quatity</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">UOM</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Pallet" disabled required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Price</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="RM 20,0000" disabled required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<a href="custom_declaration1.html"><span class="button red" data-dismiss="false">Submit</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Shipping Order Start Here-->
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - VIEW CUSTOM DECLARATION-DETAILS1</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="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<!-- Header area start -->
|
||||
<header style="background-color: #FFF">
|
||||
<a class="go-back-link" href="javascript:history.back();" a><i class="fa fa-arrow-left"></i></a>
|
||||
<h1 id="HT" class="page-title" style="color: #000">Custom Declaration</h1>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Custom Declaration Arrangement Status</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">Reference Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="123456GHJK" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-28" disabled required />
|
||||
</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">Supplier Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MR John" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Exporter Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Huawei" disabled />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Shipment Arrangement Details End Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<a href="custom_declaration_review2.html"><span class="button green">Details</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,447 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - VIEW CUSTOM DECLARATION-DETAILS2</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="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<!-- Header area start -->
|
||||
<header style="background-color: #FFF">
|
||||
<a class="go-back-link" href="javascript:history.back();" a><i class="fa fa-arrow-left"></i></a>
|
||||
<h1 id="HT" class="page-title" style="color: #000">Order Details</h1>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Order : 00003</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Tab links -->
|
||||
<div class="tab">
|
||||
<button class="tablinks" onclick="openDelivery(event, 'Shipping Order')">Shipping Order</button>
|
||||
<button class="tablinks" onclick="openDelivery(event, 'Arrangements')" id="defaultOpen">Arrangements</button>
|
||||
</div>
|
||||
<!-- Tab content -->
|
||||
<div id="Shipping Order" style="color: #000" class="tabcontent">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Order Details start -->
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Order 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">Order Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="00003" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking </label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001" disabled/>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Supplier Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mamee" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Supplier Contact Person</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Puck" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Supplier Contact Person Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0123456789" disabled/>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Order Details end -->
|
||||
<!-- Warehouse Details start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Warehouse 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">Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Gudang Udang" 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="123" disabled />
|
||||
</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="Klang" disabled />
|
||||
</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="123456" disabled />
|
||||
</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="Selangor" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Country</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Malaysia" disabled />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Warehouse Details end -->
|
||||
<!-- Delivery Details start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Delivery 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 Type</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-08" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="TV" 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="123" disabled />
|
||||
</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="056789" disabled />
|
||||
</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="Kedah" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Country</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Malaysia" disabled />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Delivery Details end -->
|
||||
<!-- Packaging List start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Packaging List</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">Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Description</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="42" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Model</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Bravia" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Quantity</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">UOM</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Kedah" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">CBM</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Height : 22.00" disabled />
|
||||
<input type="text" class="form-element" placeholder="Width : 22.00" disabled />
|
||||
<input type="text" class="form-element" placeholder="Depth : 22.00" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Weight</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Gross : 22.00" disabled />
|
||||
<input type="text" class="form-element" placeholder="Nett : 22.00" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Photo</label>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
<div class="form-divider-2"></div>
|
||||
<input id="fileInput" type="file" style="display:none;" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div id="Arrangements" style="color: #000" class="tabcontent">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Warehouse Arrangement end -->
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Warehouse Arrangements</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">Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Product Description</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Drugs" disabled/>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Total Ctn (Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Measurement (Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22.00" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Weight (Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22.00" disabled/>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Total Ctn (Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">CBM (Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Weight (Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="10648.00" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Status</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Matched" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Photo</label>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
<div class="form-divider-2"></div>
|
||||
<input id="fileInput" type="file" style="display:none;" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Warehouse Arrangement end -->
|
||||
<!-- Shipment Arrangement start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Shipment Arrangement</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">ETD</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-05" disabled />
|
||||
</div>
|
||||
<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="2018-03-05" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Release Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-05" disabled />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Shipment Arrangement end -->
|
||||
<!-- Delivery Arrangement start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Delivery Arrangement</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 Type</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-08" disabled />
|
||||
</div>
|
||||
<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="2018-03-05" disabled />
|
||||
</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="Abu" disabled />
|
||||
</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="0145567484" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Vehicle No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG4567" disabled />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Delivery Arrangement end -->
|
||||
</form>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Shipment Arrangement Details End Here-->
|
||||
</section>
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
/* =========================================
|
||||
[Tab for Delivery and Custom Arrangement] Start Here
|
||||
==========================================*/
|
||||
|
||||
function openDelivery(evt, tabName) {
|
||||
|
||||
var i, tabcontent, tablinks;
|
||||
// Get all elements with class="tabcontent" and hide them
|
||||
tabcontent = document.getElementsByClassName("tabcontent");
|
||||
for (i = 0; i < tabcontent.length; i++) {
|
||||
tabcontent[i].style.display = "none";
|
||||
}
|
||||
// Get all elements with class="tablinks" and remove the class "active"
|
||||
tablinks = document.getElementsByClassName("tablinks");
|
||||
for (i = 0; i < tablinks.length; i++) {
|
||||
tablinks[i].className = tablinks[i].className.replace(" active", "");
|
||||
}
|
||||
// Show the current tab, and add an "active" class to the button that opened the tab
|
||||
document.getElementById(tabName).style.display = "block";
|
||||
evt.currentTarget.className += " active";
|
||||
}
|
||||
// Get the element with id="defaultOpen" and click on it. This to make the page open the default page
|
||||
document.getElementById("defaultOpen").click();
|
||||
</script>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,200 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - DELIVERY PROFILE</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-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="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="#" 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="#"><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">Example Element</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">
|
||||
|
||||
<section class="container">
|
||||
<form>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Radio Elements</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group">
|
||||
<div class="form-row no-padding">
|
||||
<label class="form-element"><input type="radio" name="gender" /> Male</label>
|
||||
<label class="form-element"><input type="radio" name="gender" /> Female</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Checkbox Elements</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group">
|
||||
<div class="form-row no-padding">
|
||||
<label class="form-element"><input type="checkbox" name="lang" /> English</label>
|
||||
<label class="form-element"><input type="checkbox" name="lang" /> Malaysia</label>
|
||||
<label class="form-element"><input type="checkbox" name="lang" /> Chinese</label>
|
||||
<label class="form-element"><input type="checkbox" name="lang" /> India</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">On/Off Elements</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group">
|
||||
<div class="list-box-emp">
|
||||
<!-- Delete emp if you want full width version -->
|
||||
<div class="list-item">
|
||||
<i class="fa fa-code"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Source Code</span>
|
||||
|
||||
<div class="sweet-check">
|
||||
<input type="checkbox" name="sourcecode" value="1">
|
||||
<div class="outline">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Button Elements</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<a href="#" class="button circle green">None Block</a>
|
||||
<div class="form-divider"></div>
|
||||
<a href="#" class="button block blue">Squared</a>
|
||||
<div class="form-divider"></div>
|
||||
<a href="#" class="button blue">Squared</a>
|
||||
<a href="#" class="button darkblue">Squared</a>
|
||||
<a href="#" class="button red">Squared</a>
|
||||
<div class="form-divider"></div>
|
||||
<a href="#" class="button blue"><i class="fa fa-user"></i> Icon</a>
|
||||
<a href="#" class="button darkblue"><i class="fa fa-user"></i> Icon</a>
|
||||
<a href="#" class="button red" onclick="loadDoc()"><i class="fa fa-user"></i> Icon</a>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group with-icons">
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<a class="fa fa-user" style="color: black"></a>
|
||||
</div>
|
||||
<input id="demo" type="text" class="form-element" placeholder="Mobile.No" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
<script>
|
||||
function laodDoc () {
|
||||
if (window.XMLHttpRequest) {
|
||||
// code for IE7+, Firefox, Chrome, Opera, Safari
|
||||
xmlhttp = new XMLHttpRequest();
|
||||
} else { // code for IE6, IE5
|
||||
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
|
||||
}
|
||||
xmlhttp.onreadystatechange = function () {
|
||||
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
|
||||
document.getElementById("images").innerHTML = xmlhttp.responseText;
|
||||
}
|
||||
}
|
||||
xmlhttp.open("GET", "http://localhost/PHP/login.php");
|
||||
xmlhttp.send();
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,994 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - HOMEPAGE</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">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Company Profile Main Content Start Here -->
|
||||
<div class="AznavC-menuC">
|
||||
<AznavC class="menuC">
|
||||
<!-- Header area start -->
|
||||
<menuC class="AznavC-header">
|
||||
<a class="go-back-linkC">
|
||||
<i class="fa fa-arrow-left"></i>
|
||||
</a>
|
||||
<h1 class="page-title" style="color: #000">Company Profile</h1>
|
||||
</menuC>
|
||||
<!-- Header area end -->
|
||||
<!-- Main Content Start Here -->
|
||||
<div class="AznavC-container">
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-com">
|
||||
<img id="CompanyProfile" class="avatar-img" src="images/CIEF.png" width="80" height="80" />
|
||||
<label class="update-btn fix">
|
||||
<input id="CompanyUpload" type="file" style="display:none" />
|
||||
<i class="fa fa-camera"></i>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Company Information</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<a href="#" style="width:50%; margin-left:25%;" class="button block green">Edit</a>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group">
|
||||
<div class="form-row no-padding">
|
||||
<input id="company-name" type="text" class="form-element" placeholder="Company Name" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="registration-no" type="text" class="form-element" placeholder="Registration No" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="tax-no" type="text" class="form-element" placeholder="Tax No" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="tel-no" type="text" class="form-element" placeholder="Tel No" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="fax" type="text" class="form-element" placeholder="Fax" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="address" type="text" class="form-element" placeholder="Address" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="city" type="text" class="form-element" placeholder="City" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="postcode" type="text" class="form-element" placeholder="Postcode" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="state" type="text" class="form-element" placeholder="State" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="country" type="text" class="form-element" placeholder="Country" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="contact-person" type="text" class="form-element" placeholder="Contact Person" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<input id="contact-person-no" type="text" class="form-element" placeholder="Contact Person No" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
<!-- Main Content End Here -->
|
||||
</AznavC>
|
||||
</div>
|
||||
<!-- Company Profile Main Content End Here -->
|
||||
<!-- Branch Profile Main Content Start Here -->
|
||||
<div class="AznavB-menuB">
|
||||
<AznavB class="menuB">
|
||||
<!-- Header area start -->
|
||||
<menuB class="AznavB-header">
|
||||
<a class="go-back-linkB">
|
||||
<i class="fa fa-arrow-left"></i>
|
||||
</a>
|
||||
<h1 class="page-title" style="color: #000">Branch Profile</h1>
|
||||
</menuB>
|
||||
<!-- Header area end -->
|
||||
<!-- Main Content Start Here -->
|
||||
<div class="AznavB-container">
|
||||
<!-- Page Content Start Here -->
|
||||
<main>
|
||||
<!-- SEARCH START -->
|
||||
<div class="list-box-non">
|
||||
<a class="list-item" data-popup="formPopup">
|
||||
<i class="fa fa-home"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add New Branch</span>
|
||||
</a>
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="list-box-emp">
|
||||
<a href="#" class="list-item" data-popup="formPopup2">
|
||||
<i class="fa fa-home"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title"> Branch 1</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="#s" class="list-item" data-popup="formPopup2">
|
||||
<i class="fa fa-home"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title"> Branch 2</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Content List Spawner End Here -->
|
||||
</div>
|
||||
<!-- SEARCH END -->
|
||||
</main>
|
||||
<!-- Page Content End Here -->
|
||||
</div>
|
||||
<!-- Main Content End Here -->
|
||||
</AznavB>
|
||||
</div>
|
||||
<!-- Branch Profile Main Content End Here -->
|
||||
<!-- Delivery Profile Main Content Start Here -->
|
||||
<div class="AznavD-menuD">
|
||||
<AznavD class="menuD">
|
||||
<!-- Header area start -->
|
||||
<menuD class="AznavD-header">
|
||||
<a class="go-back-linkD">
|
||||
<i class="fa fa-arrow-left"></i>
|
||||
</a>
|
||||
<h1 class="page-title" style="color: #000">Delivery Profile</h1>
|
||||
</menuD>
|
||||
<!-- Header area end -->
|
||||
<!-- Main Content Start Here -->
|
||||
<div class="AznavD-container">
|
||||
<!-- Page Content Start Here -->
|
||||
<main>
|
||||
<!-- SEARCH START -->
|
||||
<div class="list-box-non">
|
||||
<a class="list-item" data-popup="formPopup3">
|
||||
<i class="fa fa-truck"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add New Delivery</span>
|
||||
</a>
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="list-box-emp">
|
||||
<a href="#" class="list-item" data-popup="formPopup4">
|
||||
<i class="fa fa-truck"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title"> Delivery 1</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="#s" class="list-item" data-popup="formPopup4">
|
||||
<i class="fa fa-truck"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title"> Delivery 2</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Content List Spawner End Here -->
|
||||
</div>
|
||||
<!-- SEARCH END -->
|
||||
</main>
|
||||
<!-- Page Content End Here -->
|
||||
</div>
|
||||
<!-- Main Content End Here -->
|
||||
</AznavD>
|
||||
</div>
|
||||
<!-- Delivery Profile Main Content End Here -->
|
||||
<!-- Staff Profile Main Content Start Here -->
|
||||
<div class="AznavS-menuS">
|
||||
<AznavS class="menuS">
|
||||
<!-- Header area start -->
|
||||
<menuS class="AznavS-header">
|
||||
<a class="go-back-linkS">
|
||||
<i class="fa fa-arrow-left"></i>
|
||||
</a>
|
||||
<h1 class="page-title" style="color: #000">Staff Profile</h1>
|
||||
</menuS>
|
||||
<!-- Header area end -->
|
||||
<!-- Main Content Start Here -->
|
||||
<div class="AznavS-container">
|
||||
<!-- Page Content Start Here -->
|
||||
<main>
|
||||
<!-- SEARCH START -->
|
||||
<div class="list-box-non">
|
||||
<a class="list-item" data-popup="formPopup5">
|
||||
<i class="fa fa-user-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add New Staff</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- SEARCH END -->
|
||||
|
||||
</main>
|
||||
<!-- Page Content End Here -->
|
||||
</div>
|
||||
<!-- Main Content End Here -->
|
||||
</AznavS>
|
||||
</div>
|
||||
<!-- Staff Profile Main Content End Here -->
|
||||
<!-- Personal Profile Main Content Start Here -->
|
||||
<div class="AznavP-menuP">
|
||||
<AznavP class="menuP">
|
||||
<!-- Header area start -->
|
||||
<menuP class="AznavP-header">
|
||||
<a class="go-back-linkP">
|
||||
<i class="fa fa-arrow-left"></i>
|
||||
</a>
|
||||
<h1 class="page-title" style="color: #000">Personal Profile</h1>
|
||||
</menuP>
|
||||
<!-- Header area end -->
|
||||
<!-- Main Content Start Here -->
|
||||
<div class="AznavP-container">
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-img">
|
||||
<img id="PersonalProfile" class="avatar-img" src="images/14716092_703584339794469_3153603074671561050_n.jpg" width="80" height="80" />
|
||||
<label class="update-btn fix">
|
||||
<input id="PersonalUpload" type="file" style="display:none" />
|
||||
<i class="fa fa-camera"></i>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<p class="fix-name fix">Fedrick Darel Auditore</p>
|
||||
<p class="fix-role">Importer</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Personal Information</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<a href="#" style="width:50%; margin-left:25%;" class="button block green">Edit</a>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group">
|
||||
<div class="form-row no-padding">
|
||||
<label id="company-name" type="text" class="form-element">Fedrick Darel</label>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<label id="registration-no" type="text" class="form-element">Auditore</label>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<label id="registration-no" type="text" class="form-element">fedrickdarel@gmail.com</label>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<label id="registration-no" type="text" class="form-element">http://www.Azure.com</label>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<label id="registration-no" type="text" class="form-element">Founder and CEO</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
<!-- Main Content End Here -->
|
||||
</AznavP>
|
||||
</div>
|
||||
<!-- Personal Profile Main Content End Here -->
|
||||
<!-- Nav Menu Main Content Start Here -->
|
||||
<div class="nav-menu">
|
||||
<nav class="menu">
|
||||
<!-- profile logo start -->
|
||||
<div class="nav-header">
|
||||
<a href="#"><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-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>
|
||||
<!-- Nav Menu Main Content End Here -->
|
||||
|
||||
<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">Home</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">
|
||||
|
||||
<!-- TAB CONTROL START -->
|
||||
<div class="tab-item fixed-bottom">
|
||||
<div class="tab-menu fix-width only-icons">
|
||||
<a id="home" class="active menu-item" href="javascript:void(0);" data-content="content1">
|
||||
<i class="fa fa-home"></i>
|
||||
Home
|
||||
</a>
|
||||
<a id="contact" class="menu-item" href="javascript:void(0);" data-content="content2">
|
||||
<i class="fa fa-comment"></i>
|
||||
Contact
|
||||
</a>
|
||||
<a id="profile" class="menu-item" href="javascript:void(0);" data-content="content3">
|
||||
<i class="fa fa-user"></i>
|
||||
Profile
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="tab-content">
|
||||
<div class="content-item active" id="content1">
|
||||
|
||||
<div class="list-box">
|
||||
<a href="javascript:void(0);" class="list-item">
|
||||
<i class="fa fa-home"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">General Status</span>
|
||||
</a>
|
||||
|
||||
<!-- Content List Spawner Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div id="content">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<!-- Content List Spawner End Here-->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="content-item" id="content2">
|
||||
|
||||
<div class="list-box">
|
||||
<a href="search-contact.html" class="list-item">
|
||||
<i class="fa fa-user-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add Contact</span>
|
||||
</a>
|
||||
|
||||
<!-- Content List Spawner Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div id="content">
|
||||
<a href="#" class="list-item">
|
||||
<i class="fa fa-user"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Alexander</span>
|
||||
</a>
|
||||
<a href="#" class="list-item">
|
||||
<i class="fa fa-user"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Bryan</span>
|
||||
</a>
|
||||
<a href="#" class="list-item">
|
||||
<i class="fa fa-user"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Casey</span>
|
||||
</a>
|
||||
<a href="#" class="list-item">
|
||||
<i class="fa fa-user"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Dylan</span>
|
||||
</a>
|
||||
<a href="#" class="list-item">
|
||||
<i class="fa fa-user"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Edmund</span>
|
||||
</a>
|
||||
<a href="#" class="list-item">
|
||||
<i class="fa fa-user"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Fedrick Darel</span>
|
||||
</a>
|
||||
<a href="#" class="list-item">
|
||||
<i class="fa fa-user"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">George</span>
|
||||
</a>
|
||||
<a href="#" class="list-item">
|
||||
<i class="fa fa-user"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Harry</span>
|
||||
</a>
|
||||
<a href="#" class="list-item">
|
||||
<i class="fa fa-user"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Iqbal</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Content List Spawner End Here-->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="form-fixed"></div>
|
||||
|
||||
</div>
|
||||
<div class="content-item" id="content3">
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-img">
|
||||
<img id="PersonalProfile" class="avatar-img" src="images/14716092_703584339794469_3153603074671561050_n.jpg" width="80" height="80" />
|
||||
<label class="update-btn fix">
|
||||
<input id="PersonalUpload" type="file" style="display:none" />
|
||||
<i class="fa fa-camera"></i>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<p class="fix-name fix">Fedrick Darel Auditore</p>
|
||||
<p class="fix-role">Importer</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Profile Menu</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<!-- Company Profile Start Here -->
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-menu">
|
||||
<div class="profile-menu-company">
|
||||
<a href="#">
|
||||
<img class="avatar-img" src="images/Azure-Company-Icon.png" width="80" height="80" />
|
||||
<div>
|
||||
Company Information
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="profile-menu-branch">
|
||||
<a href="#">
|
||||
<img class="avatar-img" src="images/Azure-Branch-Icon.png" width="80" height="80" />
|
||||
<div>
|
||||
Branch Information
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Company Profile End Here -->
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-menu">
|
||||
|
||||
<!-- Deliver Profile Start Here -->
|
||||
<div class="profile-menu-xAxisP">
|
||||
<a href="#">
|
||||
<img class="avatar-img" src="images/Azure-DeliveryIcon.png" width="80" height="80" />
|
||||
<div>
|
||||
Delivery Information
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Delivery Profile End Here-->
|
||||
|
||||
<div class="profile-menu-divider"></div>
|
||||
|
||||
<!-- Branch Profile Start Herer -->
|
||||
<div class="profile-menu-xAxisM">
|
||||
<a href="#">
|
||||
<img class="avatar-img" src="images/Azure-Staff-Icon.png" width="80" height="80" />
|
||||
<div>
|
||||
Staff<br />Information
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Branch Profile End Here -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<!-- Staff Profile Start Here -->
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-menu">
|
||||
<div class="profile-menu-personal">
|
||||
<a href="#">
|
||||
<img class="avatar-img" src="images/Azure-Personal-Icon.png" width="80" height="80" />
|
||||
<div>
|
||||
Personal Information
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<!-- Staff Profile End Here -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- TAB CONTROL END -->
|
||||
</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">Add Branch</h3>
|
||||
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
|
||||
</div>
|
||||
<div class="popup-content">
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Branch Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="FedEx" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Branch Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Jalan Persiaran Apec" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Branch City</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Cyberjaya" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Branch Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="63000" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Branch State</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Selangor" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Branch Country</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Malaysia" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Fedrick Darel" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="019-7951905" required />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<button class="button blue" data-dismiss="true">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
<!--POPUP HTML CONTENT START -->
|
||||
<div class="popup-overlay" id="formPopup2">
|
||||
<!-- if you dont want overlay add class .no-overlay -->
|
||||
<div class="popup-container">
|
||||
<div class="popup-header">
|
||||
<h3 class="popup-title">Edit Branch</h3>
|
||||
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
|
||||
</div>
|
||||
<div class="popup-content">
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Branch Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="FedEx" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Branch Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Jalan Persiaran Apec" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Branch City</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Cyberjaya" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Branch Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="63000" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Branch State</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Selangor" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Branch Country</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Malaysia" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Fedrick Darel" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="019-7951905" required />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<button class="button blue" data-dismiss="true">Edit Branch</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
<!--POPUP HTML CONTENT START -->
|
||||
<div class="popup-overlay" id="formPopup3">
|
||||
<!-- if you dont want overlay add class .no-overlay -->
|
||||
<div class="popup-container">
|
||||
<div class="popup-header">
|
||||
<h3 class="popup-title">Add Delivery Information</h3>
|
||||
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
|
||||
</div>
|
||||
<div class="popup-content">
|
||||
|
||||
<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 Information Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="FedEx" required />
|
||||
</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="Jalan Persiaran Apec" 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="Cyberjaya" 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="63000" 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="Selangor" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Country</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Malaysia" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Fedrick Darel" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="019-7951905" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Branch</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please select your warehouse branch</option>
|
||||
<option value="1">CIEF</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<button class="button blue" data-dismiss="true">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
<!--POPUP HTML CONTENT START -->
|
||||
<div class="popup-overlay" id="formPopup4">
|
||||
<!-- if you dont want overlay add class .no-overlay -->
|
||||
<div class="popup-container">
|
||||
<div class="popup-header">
|
||||
<h3 class="popup-title">Edit Warehouse</h3>
|
||||
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
|
||||
</div>
|
||||
<div class="popup-content">
|
||||
|
||||
<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 Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="FedEx" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Jalan Persiaran Apec" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse City</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Cyberjaya" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="63000" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse State</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Selangor" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse Country</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Malaysia" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Fedrick Darel" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="019-7951905" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse Notice</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Branch</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please select your warehouse branch</option>
|
||||
<option value="1">CIEF</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<button class="button blue" data-dismiss="true">Edit Warehouse</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
<!--POPUP HTML CONTENT START -->
|
||||
<div class="popup-overlay" id="formPopup5">
|
||||
<!-- if you dont want overlay add class .no-overlay -->
|
||||
<div class="popup-container">
|
||||
<div class="popup-header">
|
||||
<h3 class="popup-title">Add Staff</h3>
|
||||
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
|
||||
</div>
|
||||
<div class="popup-content">
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Staff Name</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Select Your Staff</option>
|
||||
<option value="1">Amir</option>
|
||||
<option value="2">Jack</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Position</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Select Your Staff Accesss Right</option>
|
||||
<option value="1">Admin</option>
|
||||
<option value="2">Admin Branch</option>
|
||||
<option value="3">Staff</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Branch</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Select Your Staff Branch</option>
|
||||
<option value="1">HQ - Whatever Country</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<button class="button blue" data-dismiss="true">Add Staff</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
<!-- Change Header Title According To The Tab Title Start Here -->
|
||||
<script type="text/javascript">
|
||||
document.getElementById("profile").onclick = function () {
|
||||
document.getElementById("HT").textContent = "Profile";
|
||||
};
|
||||
document.getElementById("home").onclick = function () {
|
||||
document.getElementById("HT").textContent = "Home";
|
||||
};
|
||||
document.getElementById("contact").onclick = function () {
|
||||
document.getElementById("HT").textContent = "Contact";
|
||||
};
|
||||
</script>
|
||||
<!-- Change Header Title Acccording To The Tab Title End Here -->
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 248 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
+63
@@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - SIGNIN</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:300,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="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
|
||||
<div class="form-fixed-large"></div>
|
||||
<div class="form-row txt-center">
|
||||
<img src="images/CIEF.png" style="width:200px; height:100px">
|
||||
</div>
|
||||
|
||||
<main>
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-row-group with-icons">
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<a class="fa fa-user" style="color: black"></a>
|
||||
</div>
|
||||
<input id="mobile" type="text" class="form-element" placeholder="Mobile.No" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<a class="fa fa-lock" style="color: black"></a>
|
||||
</div>
|
||||
<input id="password" type="password" class="form-element" placeholder="Password" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<a href="#" data-loader="show">Forgot Password?</a>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row">
|
||||
<a href="home.html" class="button block green" id="signin">Sign In</a>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
Don't have an account yet? <a href="verify-terms-conditions.html" data-loader="show">Sign-up</a>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,403 @@
|
||||
"use strict";
|
||||
|
||||
/* =========================================
|
||||
[Navigation Side Menu System] Start Here
|
||||
==========================================*/
|
||||
$(document).ready(function(){
|
||||
/* If User Click Navigation Button, Call Navigation Menu to Open*/
|
||||
$('.navi-menu-button').on('click', function(e){
|
||||
navMenuOpen();
|
||||
});
|
||||
|
||||
/* If User Click Outside of Navigation Menu, Call Navigation Menu to Close*/
|
||||
$('.nav-menu').on('click', function(e){
|
||||
if ($(e.target).hasClass('nav-menu')){
|
||||
navMenuClose();
|
||||
}
|
||||
});
|
||||
|
||||
/* [Company nav Open] */
|
||||
$('.profile-menu-company').on('click', function (e) {
|
||||
AznavCMenuOpen();
|
||||
});
|
||||
|
||||
/* [Branch nav Open] */
|
||||
$('.profile-menu-branch').on('click', function (e) {
|
||||
AznavBMenuOpen();
|
||||
});
|
||||
|
||||
/* [Delivery nav Open] */
|
||||
$('.profile-menu-xAxisP').on('click', function (e) {
|
||||
AznavDMenuOpen();
|
||||
});
|
||||
|
||||
/* [Staff nav Open] */
|
||||
$('.profile-menu-xAxisM').on('click', function (e) {
|
||||
AznavSMenuOpen();
|
||||
});
|
||||
|
||||
/* [Personal nav Open] */
|
||||
$('.profile-menu-personal').on('click', function (e) {
|
||||
AznavPMenuOpen();
|
||||
});
|
||||
|
||||
$('.go-back-linkC').on('click', function (e) {
|
||||
AznavCMenuClose();
|
||||
});
|
||||
|
||||
$('.go-back-linkB').on('click', function (e) {
|
||||
AznavBMenuClose();
|
||||
});
|
||||
|
||||
$('.go-back-linkD').on('click', function (e) {
|
||||
AznavDMenuClose();
|
||||
});
|
||||
|
||||
$('.go-back-linkS').on('click', function (e) {
|
||||
AznavSMenuClose();
|
||||
});
|
||||
|
||||
$('.go-back-linkP').on('click', function (e) {
|
||||
AznavPMenuClose();
|
||||
});
|
||||
|
||||
/* Dropdown List System for Unorderd List Function*/
|
||||
$('nav.menu ul.main-menu>li>a').on('click', function(e){
|
||||
var that = $(this);
|
||||
if (that.parent().find('ul:first').length)
|
||||
{
|
||||
e.preventDefault();
|
||||
if (!that.parent().hasClass('active'))
|
||||
{
|
||||
/* If User Click Dropdown List Change Up Arrow to Down Arrow*/
|
||||
$('nav.menu ul.main-menu ul').slideUp('fast',function(){
|
||||
$('nav.menu ul.main-menu > li').removeClass('active');
|
||||
});
|
||||
|
||||
$('nav.menu ul li a span').removeClass('fa-angle-up').addClass('fa-angle-down');
|
||||
|
||||
/* If User Click Other Dropdown List Change Down Arrow to Up Arrow*/
|
||||
that.parent().find('ul:first').slideDown('fast',function(){
|
||||
that.parent().addClass('active');
|
||||
});
|
||||
|
||||
that.find('span').removeClass('fa-angle-down').addClass('fa-angle-up');
|
||||
}
|
||||
else
|
||||
{
|
||||
/* If User Click None Change Up Arrow to Down Arrow*/
|
||||
that.parent().find('ul:first').slideUp('fast',function(){
|
||||
$(this).parent().removeClass('active');
|
||||
});
|
||||
that.find('span').removeClass('fa-angle-up').addClass('fa-angle-down');
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
$('nav.menu ul.main-menu ul').slideUp('fast');
|
||||
$('nav.menu ul.main-menu > li').removeClass('active');
|
||||
that.parent().addClass('active');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$('.tab-item .fix-width .menu-item').css({ 'width': 100 / $('.tab-item .fix-width .menu-item').length+'%'});
|
||||
|
||||
if ($('.wizard').length)
|
||||
{
|
||||
wizardFixHeight();
|
||||
$(window).resize();
|
||||
}
|
||||
|
||||
|
||||
|
||||
if ($('.animated-text').length)
|
||||
animateText();
|
||||
|
||||
});
|
||||
/* =========================================
|
||||
[Navigation Side Menu System] End Here
|
||||
==========================================*/
|
||||
|
||||
$(".wrapper-inline").on("scroll", function(e) {
|
||||
if (this.scrollTop > 150) {
|
||||
$('header.no-background').addClass("set-bg");
|
||||
} else {
|
||||
$('header.no-background').removeClass("set-bg");
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
/* =========================================
|
||||
[Open Navigation Menu Function] Don't touch
|
||||
==========================================*/
|
||||
//[Main Nav]
|
||||
var navMenuOpen = function () {
|
||||
$('.navi-menu-button').addClass('focused');
|
||||
|
||||
$('div.nav-menu').fadeIn(50, function (e) {
|
||||
$('nav.menu').addClass('opened');
|
||||
});
|
||||
};
|
||||
//[Company Nav]
|
||||
var AznavCMenuOpen = function () {
|
||||
$('.profile-menu-company').addClass('focused');
|
||||
|
||||
$('div.AznavC-menuC').fadeIn(50, function (e) {
|
||||
$('AznavC.menuC').addClass('opened');
|
||||
});
|
||||
};
|
||||
//[Branch Nav]
|
||||
var AznavBMenuOpen = function () {
|
||||
$('.profile-menu-branch').addClass('focused');
|
||||
|
||||
$('div.AznavB-menuB').fadeIn(50, function (e) {
|
||||
$('AznavB.menuB').addClass('opened');
|
||||
});
|
||||
};
|
||||
//[Delivery Nav]
|
||||
var AznavDMenuOpen = function () {
|
||||
$('.profile-menu-xAxisP').addClass('focused');
|
||||
|
||||
$('div.AznavD-menuD').fadeIn(50, function (e) {
|
||||
$('AznavD.menuD').addClass('opened');
|
||||
});
|
||||
};
|
||||
//[Staff Nav]
|
||||
var AznavSMenuOpen = function () {
|
||||
$('.profile-menu-xAxisM').addClass('focused');
|
||||
|
||||
$('div.AznavS-menuS').fadeIn(50, function (e) {
|
||||
$('AznavS.menuS').addClass('opened');
|
||||
});
|
||||
};
|
||||
//[Personal Nav]
|
||||
var AznavPMenuOpen = function () {
|
||||
$('.profile-menu-personal').addClass('focused');
|
||||
|
||||
$('div.AznavP-menuP').fadeIn(50, function (e) {
|
||||
$('AznavP.menuP').addClass('opened');
|
||||
});
|
||||
};
|
||||
|
||||
/* =========================================
|
||||
[Close Navigation Menu Function] Don't touch
|
||||
==========================================*/
|
||||
//[Main Nav]
|
||||
var navMenuClose = function () {
|
||||
$('.navi-menu-button').removeClass('focused');
|
||||
|
||||
$('nav.menu').removeClass('opened');
|
||||
$('div.nav-menu').fadeOut(200);
|
||||
};
|
||||
//[Company Nav]
|
||||
var AznavCMenuClose = function () {
|
||||
$('.go-back-linkC').removeClass('focused');
|
||||
|
||||
$('AznavC.menuC').removeClass('opened');
|
||||
$('div.AznavC-menuC').fadeOut(200);
|
||||
};
|
||||
//[Branch Nav]
|
||||
var AznavBMenuClose = function () {
|
||||
$('.go-back-linkB').removeClass('focused');
|
||||
|
||||
$('AznavB.menuB').removeClass('opened');
|
||||
$('div.AznavB-menuB').fadeOut(200);
|
||||
};
|
||||
//[Delivery Nav]
|
||||
var AznavDMenuClose = function () {
|
||||
$('.go-back-linkD').removeClass('focused');
|
||||
|
||||
$('AznavD.menuD').removeClass('opened');
|
||||
$('div.AznavD-menuD').fadeOut(200);
|
||||
};
|
||||
//[Staff Nav]
|
||||
var AznavSMenuClose = function () {
|
||||
$('.go-back-linkS').removeClass('focused');
|
||||
|
||||
$('AznavS.menuS').removeClass('opened');
|
||||
$('div.AznavS-menuS').fadeOut(200);
|
||||
};
|
||||
//[Personal Nav]
|
||||
var AznavPMenuClose = function () {
|
||||
$('.go-back-linkP').removeClass('focused');
|
||||
|
||||
$('AznavP.menuP').removeClass('opened');
|
||||
$('div.AznavP-menuP').fadeOut(200);
|
||||
};
|
||||
|
||||
/* =========================================
|
||||
[Navigation Button Animate] Don't touch
|
||||
==========================================*/
|
||||
var animateText = function () {
|
||||
$('.vertical-center').css({ 'margin-top': $(window).height() / 2 - $('.vertical-center').height() / 2 });
|
||||
$('.animated-text').removeClass('zero-opacity');
|
||||
$('[data-transation]').each(function (e, i) {
|
||||
var that = $(this);
|
||||
that.addClass('hide');
|
||||
|
||||
var transation = that.attr('data-transation');
|
||||
if (transation == '')
|
||||
transation = 'fadeInDown';
|
||||
|
||||
var startTime = parseInt(that.attr('data-start-time'));
|
||||
if (isNaN(startTime))
|
||||
startTime = 0;
|
||||
|
||||
setTimeout(function () {
|
||||
that.addClass('animated ' + transation);
|
||||
}, startTime);
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
/* =========================================
|
||||
[Check Box]
|
||||
==========================================*/
|
||||
$('.sweet-check :checkbox:checked').each(function(e,i){
|
||||
$(this).parent().addClass('checked');
|
||||
});
|
||||
|
||||
|
||||
$(document).on('click', '.sweet-check', function(){
|
||||
if ($(this).hasClass('checked'))
|
||||
{
|
||||
$(this).removeClass('checked');
|
||||
$(this).find('input').prop('checked', false);
|
||||
}
|
||||
else
|
||||
{
|
||||
$(this).addClass('checked');
|
||||
$(this).find('input').prop('checked', true);
|
||||
}
|
||||
|
||||
//console.log($(this).find('input').prop('checked'));
|
||||
});
|
||||
|
||||
$(document).on('click','[data-loader]', function(){
|
||||
$('.sweet-loader').show().addClass('show');
|
||||
});
|
||||
|
||||
|
||||
/* =========================================
|
||||
[Accordion]
|
||||
==========================================*/
|
||||
$(document).on('click', '.expandable-item .expandable-header', function(){
|
||||
if ($(this).parent().hasClass('accordion'))
|
||||
{
|
||||
if ($(this).parent().hasClass('active'))
|
||||
{
|
||||
$(this).parent().removeClass('active');
|
||||
$(this).parent().find('.expandable-content').attr('style','');
|
||||
}
|
||||
else
|
||||
{
|
||||
var accordionGroup = $(this).parent().attr('data-group');
|
||||
$('[data-group="'+accordionGroup+'"]').removeClass('active');
|
||||
$('[data-group="'+accordionGroup+'"]').find('.expandable-content').attr('style','');
|
||||
$(this).parent().find('.expandable-content').css({'max-height':$(this).parent().find('.expandable-content')[0].scrollHeight});
|
||||
$(this).parent().addClass('active');
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
if ($(this).parent().hasClass('active'))
|
||||
$(this).parent().find('.expandable-content').attr('style','');
|
||||
else
|
||||
$(this).parent().find('.expandable-content').css({'max-height':$(this).parent().find('.expandable-content')[0].scrollHeight});
|
||||
|
||||
$(this).parent().toggleClass('active');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/* =========================================
|
||||
[Tab Control]
|
||||
==========================================*/
|
||||
$(document).on('click', '.tab-item .menu-item', function(e){
|
||||
e.preventDefault();
|
||||
var tabContentId = $(this).attr('data-content');
|
||||
|
||||
$(this).parents('.tab-item').find('.menu-item').removeClass('active');
|
||||
$(this).addClass('active');
|
||||
|
||||
$(this).parents('.tab-item').find('.content-item').removeClass('active');
|
||||
$('#' + tabContentId).addClass('active');
|
||||
window.location.hash = tabContentId;
|
||||
});
|
||||
|
||||
/* =========================================
|
||||
[Popup Action]
|
||||
==========================================*/
|
||||
$(document).on('click', '[data-dismiss="true"]', function(){
|
||||
$(this).parents('.popup-overlay').fadeOut('fast');
|
||||
});
|
||||
|
||||
$(document).on('click', '[data-popup]', function(){
|
||||
var modalId = $(this).attr('data-popup');
|
||||
$('#'+modalId).fadeIn('fast');
|
||||
});
|
||||
|
||||
$(document).on('click', '.popup-overlay', function(e){
|
||||
if ($(e.target).hasClass('popup-overlay'))
|
||||
{
|
||||
$(this).fadeOut('fast');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/* =========================================
|
||||
[Search Popup Action]
|
||||
==========================================*/
|
||||
var openSearchPopup = function () {
|
||||
$('.search-form').fadeIn('fast');
|
||||
$('.search-form input').focus();
|
||||
};
|
||||
|
||||
var closeSearchPopup = function () {
|
||||
$('.search-form').fadeOut('fast');
|
||||
};
|
||||
|
||||
$(document).on('click', '[data-search="open"]', function(){
|
||||
openSearchPopup();
|
||||
});
|
||||
|
||||
$(document).on('click', '[data-search="close"]', function(){
|
||||
closeSearchPopup();
|
||||
});
|
||||
|
||||
/* =========================================
|
||||
[Personal Profile Upload] Start Here
|
||||
==========================================*/
|
||||
$("#PersonalProfile").click(function (e) {
|
||||
$("#PersonalUpload").click();
|
||||
});
|
||||
|
||||
function fasterPreviewPersonal(uploader) {
|
||||
if (uploader.files && uploader.files[0]) {
|
||||
$('#PersonalProfile').attr('src',
|
||||
window.URL.createObjectURL(uploader.files[0]));
|
||||
}
|
||||
}
|
||||
|
||||
$("#PersonalUpload").change(function () {
|
||||
fasterPreviewPersonal(this);
|
||||
});
|
||||
|
||||
/* =========================================
|
||||
[Company Profile Upload] Start Here
|
||||
==========================================*/
|
||||
$("#CompanyProfile").click(function (c) {
|
||||
$("#CompanyUpload").click();
|
||||
});
|
||||
|
||||
function fasterPreviewCompany(uploader) {
|
||||
if (uploader.files && uploader.files[0]) {
|
||||
$('#CompanyProfile').attr('src',
|
||||
window.URL.createObjectURL(uploader.files[0]));
|
||||
}
|
||||
}
|
||||
|
||||
$("#CompanyUpload").change(function (c) {
|
||||
fasterPreviewCompany(this);
|
||||
});
|
||||
Vendored
+12
File diff suppressed because one or more lines are too long
Vendored
+4
File diff suppressed because one or more lines are too long
@@ -0,0 +1,115 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - Term</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:300,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="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center aztitle">
|
||||
Personal Profile Info
|
||||
</div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
Please provide your personal info and optional profile photo.
|
||||
</div>
|
||||
|
||||
<!-- Here Lies Main Start Here -->
|
||||
<main style="margin-top: 0;">
|
||||
<section class="container">
|
||||
<form>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-com">
|
||||
<img id="CompanyProfile" class="avatar-img" src="images/Screenshot (9).png" width="80" height="80" />
|
||||
<label class="update-btn fix">
|
||||
<input id="CompanyUpload" type="file" style="display:none" />
|
||||
<i class="fa fa-camera"></i>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</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">Mobile</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Enter your phone number" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Role</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please select your role</option>
|
||||
<option value="1">Freight Forwarder</option>
|
||||
<option value="2">Importer</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">First Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Fedrick Darel" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Last Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Auditore" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">E-Mail</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="fedrickdarel@gmail.com" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Website</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="http://www.Azure.com" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Position</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="CEO" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<a href="index.html" class="button block green">FINISH</a>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Require For All Pages -->
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
<!-- Require For All Pages -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,30 @@
|
||||
// For an introduction to the Blank template, see the following documentation:
|
||||
// http://go.microsoft.com/fwlink/?LinkID=397704
|
||||
// To debug code on page load in cordova-simulate or on Android devices/emulators: launch your app, set breakpoints,
|
||||
// and then run "window.location.reload()" in the JavaScript Console.
|
||||
(function () {
|
||||
"use strict";
|
||||
|
||||
document.addEventListener( 'deviceready', onDeviceReady.bind( this ), false );
|
||||
|
||||
function onDeviceReady() {
|
||||
// Handle the Cordova pause and resume events
|
||||
document.addEventListener( 'pause', onPause.bind( this ), false );
|
||||
document.addEventListener( 'resume', onResume.bind( this ), false );
|
||||
|
||||
// TODO: Cordova has been loaded. Perform any initialization that requires Cordova here.
|
||||
var parentElement = document.getElementById('deviceready');
|
||||
var listeningElement = parentElement.querySelector('.listening');
|
||||
var receivedElement = parentElement.querySelector('.received');
|
||||
listeningElement.setAttribute('style', 'display:none;');
|
||||
receivedElement.setAttribute('style', 'display:block;');
|
||||
};
|
||||
|
||||
function onPause() {
|
||||
// TODO: This application has been suspended. Save application state here.
|
||||
};
|
||||
|
||||
function onResume() {
|
||||
// TODO: This application has been reactivated. Restore application state here.
|
||||
};
|
||||
} )();
|
||||
@@ -0,0 +1,4 @@
|
||||
/*
|
||||
This file is replaced with platform-specific code from the /merges folder.
|
||||
More info at http://taco.visualstudio.com/en-us/docs/configure-app/#Content.
|
||||
*/
|
||||
@@ -0,0 +1,134 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - SEARCH CONTACT</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">
|
||||
<style>
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<!-- Wrapper Content Start Here -->
|
||||
<div class="wrapper">
|
||||
|
||||
<!-- Wrapper Inline Start Here -->
|
||||
<div class="wrapper-inline">
|
||||
|
||||
<div class="search-result-header fix-searchbar">
|
||||
<!-- or without .fix-searchbar -->
|
||||
<form class="fix-searchbar">
|
||||
<input type="text" id="searchInput" class="form-element" placeholder="search by company name" onkeyup="CSearch()">
|
||||
<button id="btnback" type="button" class="search-result-btn"><i class="fa fa-arrow-left"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Page Content Start Here -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
|
||||
<!-- Navigation Body Start Here -->
|
||||
<div class="cont-menu">
|
||||
|
||||
<!-- Navigation Menu Start Here -->
|
||||
<cont class="menu">
|
||||
|
||||
<!-- Menu navigation start -->
|
||||
<div class="cont-container">
|
||||
<ul id="AddCompany" class="main-menu" style="display: none; background-color: #FFF">
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-user"></i> Fedrick</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-user"></i> Darel</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-user"></i> Daryl</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-user"></i> Daxter</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-user"></i> Daymian</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-user"></i> Daniel</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-user"></i> Danny</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-user"></i> Auditore</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-user"></i> Alexander</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-user"></i> Arthur</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-user"></i> Alicia</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-user"></i> Bryan</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-user"></i> Bowel</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Menu navigation end -->
|
||||
|
||||
</cont>
|
||||
<!-- Navigation Menu End Here-->
|
||||
|
||||
</div>
|
||||
<!-- Navigation Body Start Here -->
|
||||
|
||||
</section>
|
||||
</main>
|
||||
<!-- Page Content End Here -->
|
||||
|
||||
</div>
|
||||
<!-- Wrapper Inline End Here -->
|
||||
|
||||
</div>
|
||||
<!-- Wrapper Content End Here -->
|
||||
<!-- Required For All Pages, Otherwise Ugly Others Function Won't Work -->
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
<!-- Required For All Pages, Otherwise Ugly Others Function Won't Work -->
|
||||
|
||||
<script type="text/javascript">
|
||||
function CSearch() {
|
||||
// Declare variables
|
||||
var input, filter, ul, li, a, i;
|
||||
input = document.getElementById('searchInput');
|
||||
filter = input.value.toUpperCase();
|
||||
ul = document.getElementById("AddCompany");
|
||||
li = ul.getElementsByTagName('li');
|
||||
if (input.value.length == 0) {
|
||||
ul.style.display = "none";
|
||||
} else {
|
||||
ul.style.display = "block";
|
||||
}
|
||||
// Loop through all list items, and hide those who don't match the search query
|
||||
for (i = 0; i < li.length; i++) {
|
||||
a = li[i].getElementsByTagName("a")[0];
|
||||
if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
|
||||
li[i].style.display = "block";
|
||||
} else {
|
||||
li[i].style.display = "none";
|
||||
}
|
||||
}
|
||||
}
|
||||
document.getElementById("btnback").onclick = function () {
|
||||
javascript: history.back();
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,229 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - CREATE SHIPPING ORDER STEP 1</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="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">Add Item</h1>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Item 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">Description</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="42 inch" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Brand</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Sharp" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Model</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Model" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Item Code</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Item Code" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Quantity</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Quantity" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">UOM</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please select UOM for your item</option>
|
||||
<option value="1">Bag</option>
|
||||
<option value="2">Bucket</option>
|
||||
<option value="3">Bundle</option>
|
||||
<option value="4">Box</option>
|
||||
<option value="5">Piece</option>
|
||||
<option value="6">Gallon</option>
|
||||
<option value="7">Pack</option>
|
||||
<option value="8">Pair</option>
|
||||
<option value="9">Sheet</option>
|
||||
<option value="10">Rack</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Photo</label>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
|
||||
<div class="form-divider-2"></div>
|
||||
<input id="fileInput" type="file" style="display:none;" />
|
||||
<button class="button green" onclick="document.getElementById('fileInput').click();">Select Image</button>
|
||||
<button class="button red">Remove</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider-3"></div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Packing Start Here -->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Packing</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">Qty of Carton</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="42 inch" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Packaging Type</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please select choose Packaging Type</option>
|
||||
<option value="1">Bag</option>
|
||||
<option value="2">Bucket</option>
|
||||
<option value="3">Bundle</option>
|
||||
<option value="4">Box</option>
|
||||
<option value="5">Piece</option>
|
||||
<option value="6">Gallon</option>
|
||||
<option value="7">Pack</option>
|
||||
<option value="8">Pair</option>
|
||||
<option value="9">Sheet</option>
|
||||
<option value="10">Rack</option>
|
||||
</select>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Photo</label>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
|
||||
<div class="form-divider-2"></div>
|
||||
<input id="fileInput" type="file" style="display:none;" />
|
||||
<button class="button green" onclick="document.getElementById('fileInput').click();">Select Image</button>
|
||||
<button class="button red">Remove</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider-3"></div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Packing End Here -->
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Measurement</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<!-- Measurement Start Here-->
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Height (m)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Width (m)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="20" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Depth (m)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="15" required />
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<button class="button red">Delete Item</button>
|
||||
<button class="button blue">Update Item</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,107 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - SHIPPING ORDER</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>
|
||||
<!-- Navigation Body Start Here -->
|
||||
<div class="nav-menu">
|
||||
|
||||
<!-- Navigation Menu Start Here -->
|
||||
<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-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="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="#" 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="#"><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>
|
||||
<!-- Navigation Menu End Here-->
|
||||
|
||||
</div>
|
||||
<!-- Navigation Body Start Here -->
|
||||
<!-- Wrapper Content Start Here -->
|
||||
<div class="wrapper">
|
||||
|
||||
<!-- Wrapper Inline Start Here -->
|
||||
<div class="wrapper-inline">
|
||||
|
||||
<!-- Header Area Start Here -->
|
||||
<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">Shipping Order</h1>
|
||||
<div class="navi-menu-button">
|
||||
<em></em>
|
||||
<em></em>
|
||||
<em></em>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header Area End Here -->
|
||||
|
||||
<!-- Page Content Start Here -->
|
||||
<main>
|
||||
<!-- SEARCH START -->
|
||||
<div class="list-box-non">
|
||||
<a href="create-shipping-order-S1.html" class="list-item">
|
||||
<i class="fa fa-home"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Create Shipping Order</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- SEARCH END -->
|
||||
</main>
|
||||
<!-- Page Content End Here -->
|
||||
|
||||
</div>
|
||||
<!-- Wrapper Inline End Here -->
|
||||
|
||||
</div>
|
||||
<!-- Wrapper Content End Here -->
|
||||
|
||||
<!-- Required For All Pages, Otherwise Ugly Others Function Won't Work -->
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
<!-- Required For All Pages, Otherwise Ugly Others Function Won't Work -->
|
||||
</body>
|
||||
</html>
|
||||
+100
@@ -0,0 +1,100 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - SIGNUP</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - SIGN-IN</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:300,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="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
|
||||
<!-- Header area start -->
|
||||
<header style="background-color: #FFF">
|
||||
<a class="go-back-link-index" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
|
||||
<h1 id="HT" class="page-title" style="color: #000">Sign-up</h1>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<img src="images/CIEF.png" style="width:200px; height:100px">
|
||||
</div>
|
||||
|
||||
<!-- Page content start -->
|
||||
<main>
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-row-group with-icons">
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<i class="fa fa-user" style="color: #667F97"></i>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Role</option>
|
||||
<option value="1" selected>Importer</option>
|
||||
<option value="2">Forwarder</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<i class="fa fa-lock" style="color: #667F97"></i>
|
||||
</div>
|
||||
<input type="password" name="aaa" class="form-element" placeholder="Password" required>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<i class="fa fa-lock" style="color: #667F97"></i>
|
||||
</div>
|
||||
<input type="password" name="aaa" class="form-element" placeholder="Confirm Password" required>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<i class="fa fa-check" style="color: #667F97"></i>
|
||||
</div>
|
||||
<input type="text" name="aaa" class="form-element" placeholder="Verification No" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center" style="color:white">
|
||||
Request verification number
|
||||
</div>
|
||||
|
||||
<div class="form-row-group with-icons">
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<i class="fa fa-phone" style="color: #667F97"></i>
|
||||
</div>
|
||||
<input type="text" name="aaa" class="form-element" placeholder="Mobile No">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<a href="#" class="button blue" style="right: 50px">Send</a>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider"></div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div >
|
||||
<a href="verify-terms-conditions.html" class="button block green">Sign Up</a>
|
||||
</div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
Already have an account? <a href="index.html" data-loader="show">Sign-in</a>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - Term</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:300,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="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center aztitle">
|
||||
Verify +60 19-795-1905
|
||||
</div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
Waiting to automatically detect an SMS sent to <b>+60 19-795 1905</b>.<a> Wrong number?</a>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<!-- Here Lies Main Start Here -->
|
||||
<main>
|
||||
<section class="container">
|
||||
<div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-code">
|
||||
<label style="color: #000">Enter Verification Code</label>
|
||||
</div>
|
||||
<input type="text" class="form-element-code-input" placeholder="" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- AzFooter Start Here-->
|
||||
<div class="azfooter-code">
|
||||
<div class="azfmain-button">
|
||||
<div class="form-row txt-center">
|
||||
<a href="profile-first-setup.html" class="button block green">NEXT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- AzFooter Ended Here -->
|
||||
|
||||
</section>
|
||||
</main>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,74 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - Term</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:300,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="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center aztitle">
|
||||
Verify your phone number
|
||||
</div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
IZYIM will send an SMS message to verify your phone number. Enter your country code and phone number:
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<!-- Here Lies Main Start Here -->
|
||||
<main>
|
||||
<section class="container">
|
||||
<form></form>
|
||||
<div class="form-row-group with-icons">
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top:10px">
|
||||
<a class="fa fa-flag"></a>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Select your country</option>
|
||||
<option value="1" selected>Malaysia</option>
|
||||
<option value="2">China</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top:10px">
|
||||
<a class="fa fa-phone"></a>
|
||||
</div>
|
||||
<input id="mobile" type="text" class="form-element" placeholder="Enter your phone number" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- AzFooter Start Here-->
|
||||
<div class="azfooter">
|
||||
<div class="azfmain-button">
|
||||
<div class="form-row txt-center">
|
||||
<a href="verify-code-number.html" class="button block green">NEXT</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="azfmain-txt">
|
||||
<div class="form-row txt-center">
|
||||
Carrier SMS charges may apply
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- AzFooter Ended Here -->
|
||||
|
||||
</section>
|
||||
</main>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,57 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - Term</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:300,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="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center" style="font-weight: 700; font-size: 20px; color: #2DD67B">
|
||||
Welcome to IZYIM
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<img src="images/CIEF.png" style="width:200px; height:100px;" />
|
||||
</div>
|
||||
|
||||
<!-- Here Lies Main Start Here -->
|
||||
<main>
|
||||
<section class="container">
|
||||
<form></form>
|
||||
|
||||
<div class="form-fixed-large"></div>
|
||||
<div class="form-fixed-large"></div>
|
||||
|
||||
<!-- AzFooter Start Here-->
|
||||
<div class="azfooter">
|
||||
<div class="azfmain-txt">
|
||||
<div class="form-row txt-center">
|
||||
Tap "Agree and continue" to accept the <a>IZYIM Terms of Service and Privacy Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="azfmain-button">
|
||||
<div class="form-row txt-center">
|
||||
<a href="verify-phone-number.html" class="button block green">AGREE AND CONTINUE</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- AzFooter Ended Here -->
|
||||
|
||||
</section>
|
||||
</main>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user