mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/izyim-mockapi.git
synced 2026-08-19 04:24:09 +00:00
removed frontend files
This commit is contained in:
Aqeeb Imtiaz Harun
@@ -1,21 +0,0 @@
|
||||
<IfModule mod_rewrite.c>
|
||||
<IfModule mod_negotiation.c>
|
||||
Options -MultiViews -Indexes
|
||||
</IfModule>
|
||||
|
||||
RewriteEngine On
|
||||
|
||||
# Handle Authorization Header
|
||||
RewriteCond %{HTTP:Authorization} .
|
||||
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
|
||||
|
||||
# Redirect Trailing Slashes If Not A Folder...
|
||||
RewriteCond %{REQUEST_FILENAME} !-d
|
||||
RewriteCond %{REQUEST_URI} (.+)/$
|
||||
RewriteRule ^ %1 [L,R=301]
|
||||
|
||||
# Handle Front Controller...
|
||||
RewriteCond %{REQUEST_FILENAME} !-d
|
||||
RewriteCond %{REQUEST_FILENAME} !-f
|
||||
RewriteRule ^ index.php [L]
|
||||
</IfModule>
|
||||
Binary file not shown.
Binary file not shown.
@@ -1,7 +0,0 @@
|
||||
{
|
||||
"ExpandedNodes": [
|
||||
""
|
||||
],
|
||||
"SelectedNode": "\\arrangements-delivery_arrangements2.html",
|
||||
"PreviewInSolutionExplorer": false
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
@@ -1 +0,0 @@
|
||||
PhoneGap
|
||||
@@ -1,395 +0,0 @@
|
||||
<!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>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Delivery Arrangement Details</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Services</label>
|
||||
</div>
|
||||
<select id="typeDelivery" class="form-element">
|
||||
<option selected disabled hidden>Please Choose Delivery Services</option>
|
||||
<option value="0">Inhouse Services</option>
|
||||
<option value="1">Courier Services</option>
|
||||
<option value="2">Outsource Services</option>
|
||||
<option value="3">Self-Collect</option>
|
||||
</select>
|
||||
|
||||
<div style="display:none" id="services-a">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Inhouse Services</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Vehicle Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
<div style="display:none" id="services-b">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Courier Services</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Courier Service Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="POSlaju" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Tracking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="POSlaju9875647" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
<div style="display:none" id="services-c">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Outsource Services</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Vehicle Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
<div style="display:none" id="services-d">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Self-Collect</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please Choose or Create New</option>
|
||||
<option value="1">Gudang ABC</option>
|
||||
<option value="2">Warehouse KLIA2</option>
|
||||
<option value="3">Warehouce Inc.</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">City</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mr John" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">State</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="01234767765" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Contact Person Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="PFG 5768" required />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Delivery Arrangement Details End Here-->
|
||||
<!-- Consolidation Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div style="background-color: #FFF">
|
||||
<h1 class="subheader" style="color: #000">Consolidation</h1>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Order Selection</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="search-result-header">
|
||||
<!-- or without .fix-searchbar -->
|
||||
<form class="fix-searchbar">
|
||||
<input type="text" id="searchInput" class="form-element" placeholder="search item no" onkeyup="CSearch()">
|
||||
</form>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Order No : STEAM/00001/00004</span>
|
||||
<input style="float: right" type="checkbox" value="check">
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Shipment Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Order No : STEAM/00001/00004</span>
|
||||
<input style="float: right" type="checkbox" value="check">
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Shipment Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Pagination Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div style="text-align: center">
|
||||
<div class="pagination">
|
||||
<a href="#">«</a>
|
||||
<a class="active" href="#">1</a>
|
||||
<a href="#">2</a>
|
||||
<a href="#">»</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Pagination End Here-->
|
||||
|
||||
<!-- Consolidation End Here-->
|
||||
</form>
|
||||
<div class="form-row txt-right">
|
||||
<a data-popup="formPopup" class="button blue">Appointment</a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--Decision 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">Appointment</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-row txt-center">
|
||||
Your appointment has been done, waiting for the Importer to confirm
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<a href="arrangements-delivery_arrangements2.html"><span class="button blue" data-dismiss="true">Finish</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Decision POPUP HTML CONTENT END -->
|
||||
<!-- Page 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>
|
||||
@@ -1,112 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - DELIVERY ARRANGEMENTS1</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="nav-menu">
|
||||
|
||||
<nav class="menu">
|
||||
<!-- profile logo start -->
|
||||
<div class="nav-header">
|
||||
<a href="home.html"><img src="images/CIEF.png" width="160"></a>
|
||||
</div>
|
||||
<!-- profile logo end -->
|
||||
<!-- Menu navigation start -->
|
||||
<div class="nav-container">
|
||||
<ul class="main-menu">
|
||||
<li>
|
||||
<a href="home.html"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><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 <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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-emp">
|
||||
<a href="arrangements-delivery_arrangements1.1.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add New DAS</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Content List Spawner Start Here -->
|
||||
|
||||
|
||||
|
||||
<!-- Content List Spawner End Here -->
|
||||
<div class="form-divider"></div>
|
||||
</form>
|
||||
</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>
|
||||
@@ -1,112 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - DELIVERY ARRANGEMENTS1</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="nav-menu">
|
||||
|
||||
<nav class="menu">
|
||||
<!-- profile logo start -->
|
||||
<div class="nav-header">
|
||||
<a href="home.html"><img src="images/CIEF.png" width="160"></a>
|
||||
</div>
|
||||
<!-- profile logo end -->
|
||||
<!-- Menu navigation start -->
|
||||
<div class="nav-container">
|
||||
<ul class="main-menu">
|
||||
<li>
|
||||
<a href="home.html"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><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 <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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</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-emp">
|
||||
<a href="arrangements-delivery_arrangements1.1.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add New Delivery Arrangement</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
Delivery arrangement status is empty, do you want to add new delivery arrangement?
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Content List Spawner End Here -->
|
||||
</form>
|
||||
</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>
|
||||
@@ -1,144 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - DELIVERY ARRANGEMENTS1</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="nav-menu">
|
||||
|
||||
<nav class="menu">
|
||||
<!-- profile logo start -->
|
||||
<div class="nav-header">
|
||||
<a href="home.html"><img src="images/CIEF.png" width="160"></a>
|
||||
</div>
|
||||
<!-- profile logo end -->
|
||||
<!-- Menu navigation start -->
|
||||
<div class="nav-container">
|
||||
<ul class="main-menu">
|
||||
<li>
|
||||
<a href="home.html"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><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 <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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</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-emp">
|
||||
<a href="arrangements-delivery_arrangements1.1.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add New Delivery Arrangement</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">List of Delivery Arrangement</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-delivery_arrangements_review1.html" class="list-item">
|
||||
<span class="list-item-title-edit1">12/03/2018</span>
|
||||
<span class="list-item-title-edit2">Inhouse Services</span>
|
||||
<span class="list-item-title-edit3">KED1726</span>
|
||||
<span class="list-item-title-edit4" style="color: blue">Delivery Done</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-delivery_arrangements_review1.html" class="list-item">
|
||||
<span class="list-item-title-edit1">12/03/2018</span>
|
||||
<span class="list-item-title-edit2">Courier Services</span>
|
||||
<span class="list-item-title-edit3">KED1726</span>
|
||||
<span class="list-item-title-edit4" style="color: red">Delivery Failed</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-delivery_arrangements_review1.html" class="list-item">
|
||||
<span class="list-item-title-edit1">12/03/2018</span>
|
||||
<span class="list-item-title-edit2">Outsource Services</span>
|
||||
<span class="list-item-title-edit3">KED1726</span>
|
||||
<span class="list-item-title-edit4" style="color: red">Delivery Cancel</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-delivery_arrangements_review1.html" class="list-item">
|
||||
<span class="list-item-title-edit1">12/03/2018</span>
|
||||
<span class="list-item-title-edit2">Inhouse Services</span>
|
||||
<span class="list-item-title-edit3">KED1726</span>
|
||||
<span class="list-item-title-edit4" style="color: green">Delivery Sent</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Content List Spawner End Here -->
|
||||
<div class="form-divider"></div>
|
||||
</form>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,106 +0,0 @@
|
||||
<!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>
|
||||
@@ -1,446 +0,0 @@
|
||||
<!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>
|
||||
@@ -1,376 +0,0 @@
|
||||
<!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 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" 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">Double Doors Container 20ft</option>
|
||||
<option value="2">Double Doors Container 40ft</option>
|
||||
<option value="3">Dry Storage Container 10ft</option>
|
||||
<option value="4">Dry Storage Container 20ft</option>
|
||||
<option value="5">Dry Storage Container 30ft</option>
|
||||
<option value="6">Flat Rack Container</option>
|
||||
<option value="7">Open Top Container</option>
|
||||
<option value="8">Tunnel Container</option>
|
||||
<option value="9">Open Side Storage Container</option>
|
||||
<option value="10">Refregerated 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" 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="" 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="form-divider"></div>
|
||||
<div style="background-color: #FFF">
|
||||
<h1 class="subheader" style="color: #000">Consolidation</h1>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Order Selection</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="search-result-header">
|
||||
<!-- or without .fix-searchbar -->
|
||||
<form class="fix-searchbar">
|
||||
<input type="text" id="searchInput" class="form-element" placeholder="search item no" onkeyup="CSearch()">
|
||||
</form>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Order No : STEAM/00001/00004</span>
|
||||
<input style="float: right" type="checkbox" value="check">
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Shipment Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Order No : STEAM/00001/00004</span>
|
||||
<input style="float: right" type="checkbox" value="check">
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Shipment Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Pagination Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div style="text-align: center">
|
||||
<div class="pagination">
|
||||
<a href="#">«</a>
|
||||
<a class="active" href="#">1</a>
|
||||
<a href="#">2</a>
|
||||
<a href="#">»</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Pagination End Here-->
|
||||
|
||||
<!-- Consolidation End Here-->
|
||||
<!-- note end content end -->
|
||||
<div class="form-row txt-center">
|
||||
<div class="form-divider"></div>
|
||||
<a href="#"><span class="button grey" data-dismiss="false" disabled>Custom Examination</span></a>
|
||||
<a href="arrangements-shipment_arrangements2.html"><span class="button blue" data-dismiss="false">Submit</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
@@ -1,108 +0,0 @@
|
||||
<!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="home.html"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><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 <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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-emp">
|
||||
<a href="arrangements-shipment_arrangements1.1.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add New SAS</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
Shipment arrangement status is empty, do you want to add new shipment arrangement status?
|
||||
</div>
|
||||
<!-- Content List Spawner End Here -->
|
||||
</form>
|
||||
</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>
|
||||
@@ -1,125 +0,0 @@
|
||||
<!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="home.html"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><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 <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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-emp">
|
||||
<a href="arrangements-shipment_arrangements1.1.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add New SAS</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">List of Status</span>
|
||||
</div>
|
||||
<!-- 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-file"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title"> Shipment No : PFG5467</span>
|
||||
<span class="list-item-title-edit">Moving Out</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-shipment_arrangements_review1.html" class="list-item">
|
||||
<i class="fa fa-file"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title"> Shipment No : KED1726</span>
|
||||
<span class="list-item-title-edit">Moving Out</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Content List Spawner End Here -->
|
||||
</form>
|
||||
</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>
|
||||
@@ -1,106 +0,0 @@
|
||||
<!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">Order No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/0005/7890" 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>
|
||||
</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-right">
|
||||
<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>
|
||||
@@ -1,116 +0,0 @@
|
||||
<!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">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">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">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>
|
||||
@@ -1,349 +0,0 @@
|
||||
<!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>
|
||||
|
||||
<!-- Consolidation Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div style="background-color: #FFF">
|
||||
<h1 class="subheader" style="color: #000">Consolidation</h1>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Order Selection</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="search-result-header">
|
||||
<!-- or without .fix-searchbar -->
|
||||
<form class="fix-searchbar">
|
||||
<input type="text" id="searchInput" class="form-element" placeholder="search item no" onkeyup="CSearch()">
|
||||
</form>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Order No : STEAM/00001/00004</span>
|
||||
<input style="float: right" type="checkbox" value="check">
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Shipment Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div style="color: #069" class="list-box-non">
|
||||
<button href="#" class="collapsible ">
|
||||
<i class="fa fa-truck"></i>
|
||||
<span class="list-item-title">Order No : STEAM/00001/00004</span>
|
||||
<input style="float: right" type="checkbox" value="check">
|
||||
</button>
|
||||
<div class="content">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Shipment Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="a31,058898 China,Guangzhou, China" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="CBM : 10648 Weight : 22 Carton Qty : 22" disabled />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Pagination Start Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div style="text-align: center">
|
||||
<div class="pagination">
|
||||
<a href="#">«</a>
|
||||
<a class="active" href="#">1</a>
|
||||
<a href="#">2</a>
|
||||
<a href="#">»</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Pagination End Here-->
|
||||
|
||||
<!-- Consolidation End Here-->
|
||||
<!-- 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>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
@@ -1,239 +0,0 @@
|
||||
<!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="home.html"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><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 <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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">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="form-label-divider">
|
||||
<span class="label-span">List of Items</span>
|
||||
</div>
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-warehouse_receive_note1.2.html" class="list-item">
|
||||
<i class="fa fa-file"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Item 1</span>
|
||||
<span style="color: #FF0000; font-size: 16px" class="list-item-title-edit">Edit</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-warehouse_receive_note1.2.html" class="list-item">
|
||||
<i class="fa fa-file"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Item 2</span>
|
||||
<span style="color: #FF0000; font-size: 16px" class="list-item-title-edit">Edit</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
Do you want to add more item?
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-warehouse_receive_note1.2.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add New Item</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<a data-popup="formPopup1" class="button red">Reject</a>
|
||||
<a data-popup="formPopup" class="button green">Decision Request</a>
|
||||
<a href="arrangements-warehouse_receive_note11.1.html" class="button blue">Back</a>
|
||||
<a href="arrangements-warehouse_receive_note2.html" class="button blue">Finish</a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Content List Spawner End Here -->
|
||||
</form>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page content end -->
|
||||
<!--Decision POPUP HTML CONTENT START -->
|
||||
<div class="popup-overlay" id="formPopup1">
|
||||
<!-- if you dont want overlay add class .no-overlay -->
|
||||
<div class="popup-container">
|
||||
<div class="popup-header">
|
||||
<h3 class="popup-title">Reject</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">Reject 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>
|
||||
<textarea rows="4" cols="50" class="form-element" placeholder="Write your description here" required ></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<a href="arrangements-warehouse_receive_note1.1.2.html"><span class="button blue" data-dismiss="true">Submit</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Decision POPUP HTML CONTENT END -->
|
||||
<!--Decision 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">Decision Request</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">Decision Request Details</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<table style="width:100%">
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label class="labelleft" style="color: #000">Item 1</label><br>
|
||||
|
||||
<input width="46%" type="text" name="Nominal" class="form-first-name" placeholder="Damaged" />
|
||||
<input width="46%" type="text" name="Actual" class="form-last-name" placeholder="1 ctn" />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label class="labelleft" style="color: #000">Item 2</label><br>
|
||||
|
||||
<input width="46%" type="text" name="Nominal" class="form-first-name" placeholder="Short" />
|
||||
<input width="46%" type="text" name="Actual" class="form-last-name" placeholder="2 ctn" />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label class="labelleft"style="color: #000">Item 3</label><br>
|
||||
|
||||
<input width="46%" type="text" name="Nominal" class="form-first-name" placeholder="Open" />
|
||||
<input width="46%" type="text" name="Actual" class="form-last-name" placeholder="Balance(CTN)" />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Description</label>
|
||||
</div>
|
||||
<textarea rows="4" cols="50" class="form-element" placeholder="Write your description here" required ></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<a href="arrangements-warehouse_receive_note1.1.2.html"><span class="button blue" data-dismiss="true">Submit</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Decision POPUP HTML CONTENT END -->
|
||||
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,115 +0,0 @@
|
||||
<!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="home.html"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><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 <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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">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="form-label-divider">
|
||||
<span class="label-span">List of Items</span>
|
||||
</div>
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-warehouse_receive_note1.2.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add New Item</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
Your item list is empty, do you want to add new item?
|
||||
</div>
|
||||
<!-- Content List Spawner End Here -->
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</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>
|
||||
@@ -1,138 +0,0 @@
|
||||
<!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">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">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="Items is goods" required />
|
||||
</div>
|
||||
|
||||
<table style="width:100%">
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label class="labelright" style="color: #000">Total Carton(Nomjnal)</label>
|
||||
<label class="labelleft" style="color: #000">Total Carton(Actual)</label><br>
|
||||
<input width="46%" type="text" name="Nominal" class="form-first-name" placeholder="0.00" />
|
||||
<input width="46%" type="text" name="Actual" class="form-last-name" placeholder="0.00" />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label class="labelright" style="color: #000">Measurement(Nominal)</label>
|
||||
<label class="labelleft" style="color: #000">Measurement(Actual)</label><br>
|
||||
<input width="46%" type="text" name="Nominal" class="form-first-name" placeholder="0.00" />
|
||||
<input width="46%" type="text" name="Actual" class="form-last-name" placeholder="0.00" />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label class="labelright" style="color: #000">Weight(Nominal)</label>
|
||||
<label class="labelleft" style="color: #000">Weight(Actual)</label><br>
|
||||
<input width="46%" type="text" name="Nominal" class="form-first-name" placeholder="0.00" />
|
||||
<input width="46%" type="text" name="Actual" class="form-last-name" placeholder="0.00" />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<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="1 carton" 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">Status</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Matched/Unmatched/Damaged/Matched Damaged/Unmatched Damaged" required />
|
||||
</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 class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Warehouse Receive Note end -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-right">
|
||||
<a href="arrangements-warehouse_receive_note1.1.2.html"><span class="button blue">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>
|
||||
@@ -1,112 +0,0 @@
|
||||
<!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="home.html"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><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 <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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">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>
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-warehouse_receive_note1.2.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_note1.2.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>
|
||||
</form>
|
||||
</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>
|
||||
@@ -1,139 +0,0 @@
|
||||
<!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">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">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="Items is goods" required />
|
||||
</div>
|
||||
|
||||
<table style="width:100%">
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label class="labelright" style="color: #000">Total Carton(Nomjnal)</label>
|
||||
<label class="labelleft" style="color: #000">Total Carton(Actual)</label><br>
|
||||
<input width="46%" type="text" name="Nominal" class="form-first-name" placeholder="0.00" />
|
||||
<input width="46%" type="text" name="Actual" class="form-last-name" placeholder="0.00" />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label class="labelright" style="color: #000">Measurement(Nominal)</label>
|
||||
<label class="labelleft" style="color: #000">Measurement(Actual)</label><br>
|
||||
<input width="46%" type="text" name="Nominal" class="form-first-name" placeholder="0.00" />
|
||||
<input width="46%" type="text" name="Actual" class="form-last-name" placeholder="0.00" />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label class="labelright" style="color: #000">Weight(Nominal)</label>
|
||||
<label class="labelleft" style="color: #000">Weight(Actual)</label><br>
|
||||
<input width="46%" type="text" name="Nominal" class="form-first-name" placeholder="0.00" />
|
||||
<input width="46%" type="text" name="Actual" class="form-last-name" placeholder="0.00" />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<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="1 carton" 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">Status</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Matched/Unmatched/Damaged/Matched Damaged/Unmatched Damaged" required />
|
||||
</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 class="form-divider"></div>
|
||||
</div>
|
||||
<div class="form-divider-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Warehouse Receive Note end -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-right">
|
||||
<a href="arrangements-warehouse_receive_note_review3.1.html" class="button blue">Submit</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>
|
||||
@@ -1,107 +0,0 @@
|
||||
<!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="home.html"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><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 <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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">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-emp">
|
||||
<a href="arrangements-warehouse_receive_note11.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add New WRN</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
Departure warehouse receive note is empty, do you want to add new receive note?
|
||||
</div>
|
||||
<!-- Content List Spawner End Here -->
|
||||
</form>
|
||||
</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>
|
||||
@@ -1,141 +0,0 @@
|
||||
<!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">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 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">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">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">Transport Company Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="SF Express" 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 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" required />
|
||||
</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 class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Warehouse Receive Note Details End Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-right">
|
||||
<a href="arrangements-warehouse_receive_note1.1.2.html"><span class="button blue">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>
|
||||
@@ -1,144 +0,0 @@
|
||||
<!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">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 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">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">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">Transport Company Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="SF Express" 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 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" required />
|
||||
</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 class="form-divider"></div>
|
||||
</div>
|
||||
<div class="form-divider-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Warehouse Receive Note Details End Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-right">
|
||||
<a href="arrangements-warehouse_receive_note_review1.html"><span class="button blue">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>
|
||||
@@ -1,145 +0,0 @@
|
||||
<!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">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 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="00001">1</option>
|
||||
<option value="00002">2</option>
|
||||
<option value="00003">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="date" class="form-element" placeholder="dd/mm/yyyy" 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">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">Transport Company Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="SF Express" 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 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" required />
|
||||
</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 class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Warehouse Receive Note Details End Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-right">
|
||||
<a href="arrangements-warehouse_receive_note1.1.html"><span class="button blue">Next</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>
|
||||
@@ -1,131 +0,0 @@
|
||||
<!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="home.html"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><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 <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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">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-emp">
|
||||
<a href="arrangements-warehouse_receive_note11.html" class="list-item">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add New WRN</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">List of Notes</span>
|
||||
</div>
|
||||
<!-- 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-sticky-note"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Order No : 123456/aadf</span>
|
||||
<span class="list-item-title-edit">Decision Request</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-warehouse_receive_note_review1.html" class="list-item">
|
||||
<i class="fa fa-sticky-note"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Order No : 123456/avcd</span>
|
||||
<span class="list-item-title-edit">Decision Request</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Content List Spawner End Here -->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<!-- Content List Spawner End Here -->
|
||||
</form>
|
||||
</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>
|
||||
@@ -1,123 +0,0 @@
|
||||
<!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">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">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="SF Express" 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_note11.2.html"><span class="button red">Edit</span></a>
|
||||
<a href="arrangements-warehouse_receive_note_review3.1.html"><span class="button blue"> Item List</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>
|
||||
@@ -1,236 +0,0 @@
|
||||
<!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="home.html"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="custom_declaration.html"><i class="fa fa-suitcase"></i> Custom Declaration</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="example-element.html"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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">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="form-label-divider">
|
||||
<span class="label-span">List of Items</span>
|
||||
</div>
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-warehouse_receive_note1.4.html" class="list-item">
|
||||
<i class="fa fa-file"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Item 1</span>
|
||||
<span style="color: #FF0000; font-size: 16px" class="list-item-title-edit">Edit</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-warehouse_receive_note1.4.html" class="list-item">
|
||||
<i class="fa fa-file"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Item 2</span>
|
||||
<span style="color: #FF0000; font-size: 16px" class="list-item-title-edit">Edit</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="arrangements-warehouse_receive_note1.4.html" class="list-item">
|
||||
<i class="fa fa-file"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Item 3</span>
|
||||
<span style="color: #FF0000; font-size: 16px" class="list-item-title-edit">Edit</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<!-- Content List Spawner End Here -->
|
||||
<div class="form-row txt-center">
|
||||
<a data-popup="formPopup1" class="button red">Reject</a>
|
||||
<a data-popup="formPopup" class="button green">Decision Request</a>
|
||||
<a href="arrangements-warehouse_receive_note2.html" class="button blue">Finish</a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</form>
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
<!--Decision POPUP HTML CONTENT START -->
|
||||
<div class="popup-overlay" id="formPopup1">
|
||||
<!-- if you dont want overlay add class .no-overlay -->
|
||||
<div class="popup-container">
|
||||
<div class="popup-header">
|
||||
<h3 class="popup-title">Reject</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">Reject 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>
|
||||
<textarea rows="4" cols="50" class="form-element" placeholder="Write your description here" required ></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<a href="arrangements-warehouse_receive_note_review3.1.html"><span class="button blue" data-dismiss="true">Submit</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Decision POPUP HTML CONTENT END -->
|
||||
<!--Decision 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">Decision Request</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">Decision Request Details</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<table style="width:100%">
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label class="labelleft" style="color: #000">Item 1</label><br>
|
||||
|
||||
<input width="46%" type="text" name="Nominal" class="form-first-name" placeholder="Damaged" />
|
||||
<input width="46%" type="text" name="Actual" class="form-last-name" placeholder="1 ctn" />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label class="labelleft" style="color: #000">Item 2</label><br>
|
||||
|
||||
<input width="46%" type="text" name="Nominal" class="form-first-name" placeholder="Short" />
|
||||
<input width="46%" type="text" name="Actual" class="form-last-name" placeholder="2 ctn" />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label class="labelleft"style="color: #000">Item 3</label><br>
|
||||
|
||||
<input width="46%" type="text" name="Nominal" class="form-first-name" placeholder="Open" />
|
||||
<input width="46%" type="text" name="Actual" class="form-last-name" placeholder="Balance(CTN)" />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Description</label>
|
||||
</div>
|
||||
<textarea rows="4" cols="50" class="form-element" placeholder="Write your description here" required ></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<a href="arrangements-warehouse_receive_note_review3.1.html"><span class="button blue" data-dismiss="true">Submit</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Decision POPUP HTML CONTENT END -->
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,131 +0,0 @@
|
||||
<!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">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">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="Items is goods" disabled required />
|
||||
</div>
|
||||
|
||||
<table style="width:100%">
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label class="labelright" style="color: #000">Total Carton(Nomjnal)</label>
|
||||
<label class="labelleft" style="color: #000">Total Carton(Actual)</label><br>
|
||||
<input width="46%" type="text" name="Nominal" class="form-first-name" placeholder="0.00" disabled/>
|
||||
<input width="46%" type="text" name="Actual" class="form-last-name" placeholder="0.00" disabled />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label class="labelright" style="color: #000">Measurement(Nominal)</label>
|
||||
<label class="labelleft" style="color: #000">Measurement(Actual)</label><br>
|
||||
<input width="46%" type="text" name="Nominal" class="form-first-name" placeholder="0.00" disabled />
|
||||
<input width="46%" type="text" name="Actual" class="form-last-name" placeholder="0.00" disabled />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label class="labelright" style="color: #000">Weight(Nominal)</label>
|
||||
<label class="labelleft" style="color: #000">Weight(Actual)</label><br>
|
||||
<input width="46%" type="text" name="Nominal" class="form-first-name" placeholder="0.00"disabled />
|
||||
<input width="46%" type="text" name="Actual" class="form-last-name" placeholder="0.00" disabled />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<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="1 carton" disabled required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Damages</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="No" disabled 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" disabled required />
|
||||
</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-3"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Warehouse Receive Note start -->
|
||||
|
||||
|
||||
</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>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB |
@@ -1,205 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - Term</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
|
||||
<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" />
|
||||
<style>
|
||||
.header {
|
||||
width:relative;
|
||||
margin: 0 auto;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#backbtn {
|
||||
padding: 20px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#heading {
|
||||
float:right;
|
||||
padding: 20px;
|
||||
clear: right;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header area start-->
|
||||
<div class="header">
|
||||
<div id="backbtn">
|
||||
<a class="go-back-linkC"><i class="fa fa-arrow-left"></i></a>
|
||||
</div>
|
||||
|
||||
<div id="heading">
|
||||
<h1 class="page-title" style="color: #000">Company Profile</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Header area end -->
|
||||
<!-- Main Content Start Here -->
|
||||
<div class="container">
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<!--company profile
|
||||
<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>
|
||||
</form>
|
||||
-->
|
||||
|
||||
<br>
|
||||
<form>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<b>Please upload the registration certificate.</b>
|
||||
<label class="update-btn fix">
|
||||
<div class="form-row txt-center">
|
||||
<input id="reg_cert" type="file" />
|
||||
<div class="form-divider"></div>
|
||||
<a href="#" id="regCert" style="width:50%; margin-left:25%;" class="button block green">Upload</a>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="alert alert-danger" id="alert" role="alert" style="display: none"></div>
|
||||
<div class="alert alert-success" id="alert1" role="alert1" style="display: none"></div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Company Information</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="alert alert-danger" id="alert2" role="alert2" style="display: none"></div>
|
||||
|
||||
<form>
|
||||
<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>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<a href="#" id="companyDetails" style="width:50%; margin-left:25%;" class="button block green">Submit</a>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
<!-- Main Content End Here -->
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$('#regCert').click(function() {
|
||||
var fd = new FormData();
|
||||
var files = $('#reg_cert')[0].files[0];
|
||||
fd.append('reg_cert',files);
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "api/company/reg_cert/",
|
||||
headers: {"Authorization": 'Bearer' + localStorage.getItem('token')},
|
||||
data:fd,
|
||||
contentType: false,
|
||||
cache: false,
|
||||
processData: false,
|
||||
success: function(data) {
|
||||
document.getElementById("alert").style.display = "none";
|
||||
console.log(data.message);
|
||||
$('#alert1').html(data.message);
|
||||
$('#alert1').show();
|
||||
},
|
||||
error: function(data) {
|
||||
console.log(data);
|
||||
document.getElementById("alert1").style.display = "none";
|
||||
$('#alert').html(data.responseJSON.error);
|
||||
$('#alert').show();
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
$('#companyDetails').click(function() {
|
||||
$.ajax({
|
||||
type: "PATCH",
|
||||
url: "api/company",
|
||||
headers: {"Authorization": 'Bearer' + localStorage.getItem('token')},
|
||||
data: {
|
||||
company_name: $('#company-name').val(),
|
||||
registration_no: $('#registration-no').val(),
|
||||
tax_no: $('#tax-no').val(),
|
||||
tel_no: $('#tel-no').val(),
|
||||
fax: $('#fax').val(),
|
||||
address: $('#address').val(),
|
||||
city: $('#city').val(),
|
||||
postcode: $('#postcode').val(),
|
||||
state: $('#state').val(),
|
||||
country: $('#country').val(),
|
||||
contact_person: $('#contact-person').val()
|
||||
},
|
||||
success: function(data) {
|
||||
//alert("success");
|
||||
document.location.href="home.html";
|
||||
},
|
||||
error: function(data) {
|
||||
//console.log(data);
|
||||
$('#alert2').html(data.responseJSON.error);
|
||||
$('#alert2').show();
|
||||
}
|
||||
});
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,91 +0,0 @@
|
||||
<!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 mobile contact">
|
||||
<button id="btnback" type="button" class="search-result-btn"><i class="fa fa-arrow-left"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<div class="list-box-non">
|
||||
<!-- Content List Spawner Start Here -->
|
||||
<a> New Friends</a>
|
||||
<div class="list-box" style="margin-left:0">
|
||||
<div class="list-box-emp">
|
||||
<a href="#" class="list-item">
|
||||
<i class="fa fa-user"></i>
|
||||
<em class="seperate-contact"></em>
|
||||
<span class="list-item-title-contact">Chua</span>
|
||||
<br />
|
||||
<span class="list-item-title-contact" style="margin-top:-13px; color: #029900">Izyim Exist</span>
|
||||
<span class="list-item-title-role" style="margin-top:-13px">Add</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="#" class="list-item">
|
||||
<i class="fa fa-user" style="color: green"></i>
|
||||
<em class="seperate-contact"></em>
|
||||
<span class="list-item-title-contact">Bryan</span>
|
||||
<br />
|
||||
<span class="list-item-title-contact" style="margin-top:-13px; color: #029900">Online</span>
|
||||
<span class="list-item-title-role" style="margin-top:-13px">Added</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-box-emp">
|
||||
<a href="#" class="list-item">
|
||||
<i class="fa fa-user" style="color: #000"></i>
|
||||
<em class="seperate-contact"></em>
|
||||
<span class="list-item-title-contact">John</span>
|
||||
<br />
|
||||
<span class="list-item-title-contact" style="margin-top:-13px;">012-3124455</span>
|
||||
<span class="list-item-title-role" style="margin-top:-13px">Invite</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content List Spawner End Here -->
|
||||
</div>
|
||||
</form>
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
|
||||
</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">
|
||||
document.getElementById("btnback").onclick = function () {
|
||||
javascript: history.back();
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,345 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - 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">
|
||||
<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">Contacts</h1>
|
||||
<div class="navi-menu-button" onclick="sideMenu()">
|
||||
<em></em>
|
||||
<em></em>
|
||||
<em></em>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Page Content Start Here -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<div class="list-box">
|
||||
<div id="all-contacts">
|
||||
<div class="form-divider-2"></div>
|
||||
<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>
|
||||
|
||||
<a>Contacts: </a>
|
||||
<div class="form-divider-2"></div>
|
||||
|
||||
<div id="sent-req"></div>
|
||||
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Content List Spawner End Here-->
|
||||
</div>
|
||||
<div class="form-fixed"></div>
|
||||
|
||||
</section>
|
||||
</main>
|
||||
<!-- Page Content End Here -->
|
||||
|
||||
</div>
|
||||
<!-- Wrapper Inline End Here -->
|
||||
|
||||
</div>
|
||||
<!-- Wrapper Content End Here -->
|
||||
|
||||
<div class="popup-overlay" id="contactPopup" style="display: none">
|
||||
<!-- if you dont want overlay add class .no-overlay -->
|
||||
<div class="popup-container">
|
||||
<div class="popup-header">
|
||||
<h3 class="popup-title">Request Pending</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">
|
||||
<span style="color: #667f97;">Company Name: </span>
|
||||
<label id="companyname" style="color: #667f97"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<span style="color: #667f97;">Telephone number: </span>
|
||||
<label id="telno" style="color: #667f97"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<span style="color: #667f97;">Contact Person: </span>
|
||||
<label id="contactpers" style="color: #667f97"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="popup-footer">
|
||||
<button class="button green" id="accept-req" data-dismiss="true">Approve</button>
|
||||
<button class="button red" id="rej-req" data-dismiss="true">Reject</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--POPUP HTML CONTENT START -->
|
||||
<div class="popup-overlay" id="friendDetails">
|
||||
<!-- if you dont want overlay add class .no-overlay -->
|
||||
<div class="popup-container">
|
||||
<div class="popup-header">
|
||||
<h1 style="color: black">Contact Details</h1>
|
||||
<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">
|
||||
<span style="color: #667f97;">Company Name: </span>
|
||||
<label id="approved-companyname" style="color: #667f97"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<span style="color: #667f97;">Telephone number: </span>
|
||||
<label id="approved-telno" style="color: #667f97"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<span style="color: #667f97;">Contact Person: </span>
|
||||
<label id="approved-contactpers" style="color: #667f97"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="popup-footer">
|
||||
<div class="txt-center">
|
||||
<button id="del-contact" class="button blue" data-dismiss="true">Delete Contact</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
|
||||
<!--POPUP HTML CONTENT START -->
|
||||
<div class="popup-overlay" id="sentRequestDetails">
|
||||
<!-- if you dont want overlay add class .no-overlay -->
|
||||
<div class="popup-container">
|
||||
<div class="popup-header">
|
||||
<h1 style="color: black">Contact Details</h1>
|
||||
<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">
|
||||
<span style="color: #667f97;">Company Name: </span>
|
||||
<label id="sentreq-companyname" style="color: #667f97"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<span style="color: #667f97;">Telephone number: </span>
|
||||
<label id="sentreq-telno" style="color: #667f97"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<span style="color: #667f97;">Contact Person: </span>
|
||||
<label id="sentreq-contactpers" style="color: #667f97"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="popup-footer">
|
||||
<div class="txt-center">
|
||||
<button id="del-contact" class="button red" data-dismiss="true">Cancel Request</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
|
||||
<!-- Required For All Pages, Otherwise Ugly Others Function Won't Work -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.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">
|
||||
//$(document).ready(function() {
|
||||
function displayContacts(){
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "api/contacts/display",
|
||||
headers: {"Authorization": 'Bearer' + localStorage.getItem('token')},
|
||||
|
||||
success:function(data){
|
||||
console.log(data);
|
||||
data.forEach(function(entry) {
|
||||
//console.log(entry.status);
|
||||
//console.log(entry.company_name);
|
||||
if(entry.status === 0)
|
||||
{
|
||||
if(entry.is_me === 0) //to display recieving requests
|
||||
{
|
||||
$('#sent-req').append('<a href="#" class="list-item" onclick="displaydetails(' + "'" + entry.sender_company_name + "'" + ',' + "'" + entry.sender_tel_no + "'" + ',' + "'" + entry.sender_contact_pers + "'" + ',' + "'" + entry.contact_id + "'" + ')"><i class="fa fa-user"></i> <em class="seperate-contact"></em> <span class="list-item-title-contact" style="color:#667f97">' + entry.sender_company_name + '</span> <br /> <span class="list-item-title-contact" style="margin-top:-23px; color:#069"> Request Pending </span> <span class="list-item-title-role" style="margin-top:-23px; color:#667f97">'+ entry.sender_contact_pers + '<br /> ' + entry.sender_tel_no+ '</span></a>')
|
||||
}
|
||||
else //to display sent requests
|
||||
{
|
||||
//sent requwsts code go here
|
||||
$('#sent-req').append('<a href="#" class="list-item" onclick="displaydetailsSentRequest(' + "'" + entry.recipient_company_name + "'" + ',' + "'" + entry.recipient_tel_no + "'" + ',' + "'" + entry.recipient_contact_pers + "'" + ',' + "'" + entry.contact_id + "'" + ')"><i class="fa fa-user"></i> <em class="seperate-contact"></em> <span class="list-item-title-contact" style="color:#667f97">' + entry.recipient_company_name + '</span> <br /> <span class="list-item-title-contact" style="margin-top:-23px; color:#069"> Request Pending </span> <span class="list-item-title-role" style="margin-top:-23px; color:#667f97">'+ entry.recipient_contact_pers + '<br /> ' + entry.recipient_tel_no+ '</span></a>')
|
||||
}
|
||||
//$('#sent-req').append('<a href="#" class="list-item" onclick="displaydetails(' + "'" + entry.sender_company_name + "'" + ',' + "'" + entry.sender_tel_no + "'" + ',' + "'" + entry.sender_contact_pers + "'" + ',' + "'" + entry.contact_id + "'" + ')"><i class="fa fa-user"></i> <em class="seperate-contact"></em> <span class="list-item-title-contact" style="color:#667f97">' + entry.sender_company_name + '</span> <br /> <span class="list-item-title-contact" style="margin-top:-23px; color:#069"> Request sent </span> <span class="list-item-title-role" style="margin-top:-23px; color:#667f97">'+ entry.sender_contact_pers + '<br /> ' + entry.sender_tel_no+ '</span></a>')
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
if (entry.is_me === 0) //friends where the requests were sent to the current user
|
||||
{
|
||||
$('#sent-req').append('<a href="#" class="list-item" onclick="displayApproved(' + "'" + entry.sender_company_name + "'" + ',' + "'" + entry.sender_tel_no + "'" + ',' + "'" + entry.sender_contact_pers + "'" + ',' + "'" + entry.contact_id + "'" + ')"><i class="fa fa-user"></i> <em class="seperate-contact"></em> <span class="list-item-title-contact" style="color:#667f97">' + entry.sender_company_name + '</span> <br /> <span class="list-item-title-contact" style="margin-top:-23px; color:#069"> Friend </span> <span class="list-item-title-role" style="margin-top:-23px; color:#667f97">'+ entry.sender_contact_pers + '<br /> ' + entry.sender_tel_no+ '</span></a>')
|
||||
}
|
||||
else{
|
||||
//friends which the current user has added should be here
|
||||
$('#sent-req').append('<a href="#" class="list-item" onclick="displayApproved(' + "'" + entry.recipient_company_name + "'" + ',' + "'" + entry.recipient_tel_no + "'" + ',' + "'" + entry.recipient_contact_pers + "'" + ',' + "'" + entry.contact_id + "'" + ')"><i class="fa fa-user"></i> <em class="seperate-contact"></em> <span class="list-item-title-contact" style="color:#667f97">' + entry.recipient_company_name + '</span> <br /> <span class="list-item-title-contact" style="margin-top:-23px; color:#069"> Friend </span> <span class="list-item-title-role" style="margin-top:-23px; color:#667f97">'+ entry.recipient_contact_pers + '<br /> ' + entry.recipient_tel_no+ '</span></a>')
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
},
|
||||
error:function(data){
|
||||
console.log(data);
|
||||
}
|
||||
});
|
||||
}
|
||||
//})
|
||||
window.onload = displayContacts;
|
||||
function sideMenu()
|
||||
{
|
||||
console.log('success');
|
||||
}
|
||||
|
||||
function displaydetails(sender_company_name, sender_tel_no, sender_contact_pers, contact_id){
|
||||
$('#companyname').text(sender_company_name);
|
||||
$('#telno').text(sender_tel_no);
|
||||
$('#contactpers').text(sender_contact_pers);
|
||||
|
||||
$('#contactPopup').show();
|
||||
|
||||
$('#accept-req').click(function() {
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "api/contacts/accept",
|
||||
headers: {"Authorization": 'Bearer' + localStorage.getItem('token')},
|
||||
data: {
|
||||
id: contact_id,
|
||||
},
|
||||
success: function(data) {
|
||||
console.log(data);
|
||||
location.reload();
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
$('#rej-req').click(function() {
|
||||
$.ajax({
|
||||
type: "DELETE",
|
||||
url: "api/contacts/reject",
|
||||
headers: {"Authorization": 'Bearer' + localStorage.getItem('token')},
|
||||
data: {
|
||||
id: contact_id,
|
||||
},
|
||||
success: function(data) {
|
||||
console.log(data);
|
||||
location.reload();
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
function displayApproved(sender_company_name, sender_tel_no, sender_contact_pers, contact_id){
|
||||
$('#approved-companyname').text(sender_company_name);
|
||||
$('#approved-telno').text(sender_tel_no);
|
||||
$('#approved-contactpers').text(sender_contact_pers);
|
||||
|
||||
$('#friendDetails').show();
|
||||
|
||||
$('#del-contact').click(function() {
|
||||
$.ajax({
|
||||
type: "DELETE",
|
||||
url: "api/contacts/reject",
|
||||
headers: {"Authorization": 'Bearer' + localStorage.getItem('token')},
|
||||
data: {
|
||||
id: contact_id,
|
||||
},
|
||||
success: function(data) {
|
||||
console.log(data);
|
||||
location.reload();
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
function displaydetailsSentRequest(recipient_company_name, recipient_tel_no, recipient_contact_pers, contact_id){
|
||||
$('#sentreq-companyname').text(recipient_company_name);
|
||||
$('#sentreq-telno').text(recipient_tel_no);
|
||||
$('#sentreq-contactpers').text(recipient_contact_pers);
|
||||
|
||||
$('#sentRequestDetails').show();
|
||||
|
||||
$('#del-contact').click(function() {
|
||||
$.ajax({
|
||||
type: "DELETE",
|
||||
url: "api/contacts/reject",
|
||||
headers: {"Authorization": 'Bearer' + localStorage.getItem('token')},
|
||||
data: {
|
||||
id: contact_id,
|
||||
},
|
||||
success: function(data) {
|
||||
console.log(data);
|
||||
location.reload();
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,267 +0,0 @@
|
||||
<!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="home.html"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
||||
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
||||
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><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 <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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>
|
||||
<!-- Order Detail Start Here -->
|
||||
<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">
|
||||
<input id="ff" type="text" class="form-element" placeholder="Select your frieght forwarder" onclick="myFunction()" data-popup="formPopup" required />
|
||||
</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>
|
||||
<!-- Order Detail End Here -->
|
||||
<!-- Delivery Detail Start Here -->
|
||||
<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">Branch 1</option>
|
||||
<option value="2">Branch 2</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>
|
||||
<!-- Delivery Detail End Here -->
|
||||
<!-- Warehouse Detail Start Here -->
|
||||
<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>
|
||||
<!-- Warehouse Detail End Here -->
|
||||
|
||||
<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>
|
||||
|
||||
<!--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">Contact List</h3>
|
||||
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
|
||||
</div>
|
||||
<div class="popup-content">
|
||||
<div class="list-box" style="position: inherit; margin-left:0">
|
||||
<!-- Content List Spawner Start Here-->
|
||||
<div class="form-row txt-center">
|
||||
<a>Choose the forwarder</a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div id="content">
|
||||
<a id="active" href="#" class="list-item" data-dismiss="true">
|
||||
<i class="fa fa-user" style="color: green"></i>
|
||||
<em class="seperate-contact"></em>
|
||||
<span class="list-item-title-contact">Bryan</span>
|
||||
<br />
|
||||
<span class="list-item-title-contact" style="margin-top:-13px">Forwarder</span>
|
||||
</a>
|
||||
<a href="#" class="list-item" data-dismiss="true">
|
||||
<i class="fa fa-user" style="color: red"></i>
|
||||
<em class="seperate-contact"></em>
|
||||
<span class="list-item-title-contact">Dylan</span>
|
||||
<br />
|
||||
<span class="list-item-title-contact" style="margin-top:-13px">Forwarder</span>
|
||||
</a>
|
||||
<a href="#" class="list-item" data-dismiss="true">
|
||||
<i class="fa fa-user" style="color: green"></i>
|
||||
<em class="seperate-contact"></em>
|
||||
<span class="list-item-title-contact">Edmund</span>
|
||||
<br />
|
||||
<span class="list-item-title-contact" style="margin-top:-13px">Forwarder</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Content List Spawner End Here-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
<!-- 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>
|
||||
|
||||
<script type="text/javascript">
|
||||
document.getElementById("active").onclick = function () {
|
||||
document.getElementById("ff").textContent = "Profile";
|
||||
};
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,336 +0,0 @@
|
||||
<!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="home.html"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="#" 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-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 <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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
@@ -1,97 +0,0 @@
|
||||
* {
|
||||
-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;
|
||||
}
|
||||
@@ -1,379 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - METER PROGRESS TRACKERS</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="nav-menu">
|
||||
|
||||
<nav class="menu">
|
||||
<!-- profile logo start -->
|
||||
<div class="nav-header">
|
||||
<a href="home.html"><img src="images/CIEF.png" width="160"></a>
|
||||
</div>
|
||||
<!-- profile logo end -->
|
||||
<!-- Menu navigation start -->
|
||||
<div class="nav-container">
|
||||
<ul class="main-menu">
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="#" 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-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="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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">Meter Progress Trackerss</h1>
|
||||
<div class="navi-menu-button">
|
||||
<em></em>
|
||||
<em></em>
|
||||
<em></em>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Main Content Start Here -->
|
||||
<div class="form-fixed"></div>
|
||||
|
||||
<div class="meter-container">
|
||||
<div class="form-row">
|
||||
<div class="meter-tracker-bar">
|
||||
<!-- Trackers Meter Point Start Here -->
|
||||
<div id="meter-bar" style="background-color:#069; width:0; height:100%"></div>
|
||||
<!-- Trackers Meter Point End Here -->
|
||||
<!-- Sub Title For Meter Point Start Here -->
|
||||
<label class="update-txt-first fix">
|
||||
<div class="update-btn-first fix">
|
||||
<input id="StartedStep" type="submit" onclick="StartedStep()" style="display:none" />
|
||||
</div>
|
||||
<a>Order Date</a>
|
||||
</label>
|
||||
<label class="update-txt-second fix">
|
||||
<div class="update-btn-second fix">
|
||||
<input id="FirstStep" type="submit" onclick="FirstStep()" style="display:none" />
|
||||
</div>
|
||||
<a>WH Received</a>
|
||||
</label>
|
||||
<label class="update-txt-third fix">
|
||||
<div class="update-btn-third fix">
|
||||
<input id="SecondStep" type="submit" onclick="SecondStep()" style="display:none" />
|
||||
</div>
|
||||
<a>Delivery Arr</a>
|
||||
</label>
|
||||
<label class="update-txt-fourth fix">
|
||||
<div class="update-btn-fourth fix">
|
||||
<input id="ThirdStep" type="submit" onclick="ThirdStep()" style="display:none" />
|
||||
</div>
|
||||
<a>Delivery</a>
|
||||
</label>
|
||||
<label class="update-txt-fixwall fix">
|
||||
<div class="update-btn-fourth fix">
|
||||
<input id="CompletedStep" type="submit" onclick="CompletedStep()" style="display:none" />
|
||||
</div>
|
||||
</label>
|
||||
<!-- Sub Title For Meter Point End Here -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="PageOrderDate" class="AzPagination-Container" style="display:block">
|
||||
<div class="form-row">
|
||||
<div class="form-row txt-center">
|
||||
<a class="a-meter-title">Order Date</a>
|
||||
</div>
|
||||
<hr />
|
||||
<a class="a-meter-sub-title">Customer</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Arief</a>
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Supplier</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">FedEx</a>
|
||||
<hr />
|
||||
<!-- Detail Data Start Here -->
|
||||
<a class="a-meter-sub-title">Order No</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">HQ-001/Example</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Order Type</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Shipping Order</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Date Created</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">26/04/2018</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Purchase No</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Example/012/ABC</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Purchase Value</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">10.00</a>
|
||||
<!-- Detail Data End Here -->
|
||||
<hr>
|
||||
<div class="form-divider-2"></div>
|
||||
<div class="txt-center">
|
||||
<a class="button blue" data-dismiss="true">Details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="PageWHReceived" class="AzPagination-Container" style="display:none">
|
||||
<div class="form-row">
|
||||
<div class="form-row txt-center">
|
||||
<a class="a-meter-title">Warehouse Received Note</a>
|
||||
</div>
|
||||
<hr />
|
||||
<a class="a-meter-sub-title">Customer</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Arief</a>
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Supplier</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">FedEx</a>
|
||||
<hr />
|
||||
<!-- Detail Data Start Here -->
|
||||
<a class="a-meter-sub-title">Received Date</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">22/03/2018</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Total Carton</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">-</a>
|
||||
<!-- Detail Data End Here -->
|
||||
<hr>
|
||||
<div class="form-divider-2"></div>
|
||||
<div class="txt-center">
|
||||
<a class="button blue" data-dismiss="true">Details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="PageDeliveryArr" class="AzPagination-Container" style="display:none">
|
||||
<div class="form-row">
|
||||
<div class="form-row txt-center">
|
||||
<a class="a-meter-title">Delivery Arrangement</a>
|
||||
</div>
|
||||
<hr />
|
||||
<a class="a-meter-sub-title">Customer</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Arief</a>
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Supplier</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">FedEx</a>
|
||||
<hr />
|
||||
<!-- Detail Data Start Here -->
|
||||
<a class="a-meter-sub-title">Contact Person</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Harry</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Contact Number</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">012-3851190</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Address</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Jalan Persiaran Apec</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">City</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Cyberjaya</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Postcode</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">55310</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">State</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Selangor</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Country</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Malaysia</a>
|
||||
<!-- Detail Data End Here -->
|
||||
<hr>
|
||||
<div class="form-divider-2"></div>
|
||||
<div class="txt-center">
|
||||
<a class="button blue" data-dismiss="true">Details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="PageDelivery" class="AzPagination-Container" style="display:none">
|
||||
<div class="form-row">
|
||||
<div class="form-row txt-center">
|
||||
<a class="a-meter-title">Delivery</a>
|
||||
</div>
|
||||
<hr />
|
||||
<a class="a-meter-sub-title">Customer</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Arief</a>
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Supplier</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">FedEx</a>
|
||||
<hr />
|
||||
<!-- Detail Data Start Here -->
|
||||
<!-- Detail Data End Here -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Main Content End Here -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 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>
|
||||
//Az Global Var For Page//
|
||||
var AzPage1 = document.getElementById("PageOrderDate"),
|
||||
AzPage2 = document.getElementById("PageWHReceived"),
|
||||
AzPage3 = document.getElementById("PageDeliveryArr"),
|
||||
AzPage4 = document.getElementById("PageDelivery");
|
||||
function StartedStep() {
|
||||
var elem = document.getElementById("meter-bar");
|
||||
var width = 0;
|
||||
var id = setInterval(frame, 0);
|
||||
function frame() {
|
||||
if (width >= 0.1) {
|
||||
clearInterval(id);
|
||||
AzPage1.style.display = "block";
|
||||
} else {
|
||||
width++;
|
||||
elem.style.width = width + '%';
|
||||
AzPage2.style.display = "none";
|
||||
AzPage3.style.display = "none";
|
||||
AzPage4.style.display = "none";
|
||||
}
|
||||
}
|
||||
}
|
||||
function FirstStep() {
|
||||
var elem = document.getElementById("meter-bar");
|
||||
var width = 0;
|
||||
var id = setInterval(frame, 0);
|
||||
function frame() {
|
||||
if (width >= 25) {
|
||||
clearInterval(id);
|
||||
AzPage2.style.display = "block"
|
||||
} else {
|
||||
width++;
|
||||
elem.style.width = width + '%';
|
||||
AzPage1.style.display = "none";
|
||||
AzPage3.style.display = "none";
|
||||
AzPage4.style.display = "none";
|
||||
}
|
||||
}
|
||||
}
|
||||
function SecondStep() {
|
||||
var elem = document.getElementById("meter-bar");
|
||||
var width = 25;
|
||||
var id = setInterval(frame, 0);
|
||||
function frame() {
|
||||
if (width >= 50) {
|
||||
clearInterval(id);
|
||||
AzPage3.style.display = "block"
|
||||
} else {
|
||||
width++;
|
||||
elem.style.width = width + '%';
|
||||
AzPage1.style.display = "none";
|
||||
AzPage2.style.display = "none";
|
||||
AzPage4.style.display = "none";
|
||||
}
|
||||
}
|
||||
}
|
||||
function ThirdStep() {
|
||||
var elem = document.getElementById("meter-bar");
|
||||
var width = 50;
|
||||
var id = setInterval(frame, 0);
|
||||
function frame() {
|
||||
if (width >= 75) {
|
||||
clearInterval(id);
|
||||
AzPage4.style.display = "block"
|
||||
} else {
|
||||
width++;
|
||||
elem.style.width = width + '%';
|
||||
AzPage1.style.display = "none";
|
||||
AzPage2.style.display = "none";
|
||||
AzPage3.style.display = "none";
|
||||
}
|
||||
}
|
||||
}
|
||||
function CompletedStep() {
|
||||
var elem = document.getElementById("meter-bar");
|
||||
var width = 75;
|
||||
var id = setInterval(frame, 0);
|
||||
function frame() {
|
||||
if (width >= 100) {
|
||||
clearInterval(id);
|
||||
} else {
|
||||
width++;
|
||||
elem.style.width = width + '%';
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,179 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - WIZARD</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">
|
||||
<!-- Required for slider -->
|
||||
<link rel="stylesheet" type="text/css" href="plugins/turbo-slider/turbo.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="nav-menu">
|
||||
<nav class="menu">
|
||||
<!-- profile logo start -->
|
||||
<div class="nav-header">
|
||||
<a href="home.html"><img src="images/CIEF.png" width="160"></a>
|
||||
</div>
|
||||
<!-- profile logo end -->
|
||||
<!-- Menu navigation start -->
|
||||
<div class="nav-container">
|
||||
<ul class="main-menu">
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="#" 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-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="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Menu navigation end -->
|
||||
</nav>
|
||||
</div>
|
||||
<div class="wrapper-inline">
|
||||
<!-- Header area start -->
|
||||
<header> <!-- extra class no-background -->
|
||||
<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">Wizard Element</h1>
|
||||
<div class="navi-menu-button">
|
||||
<em></em>
|
||||
<em></em>
|
||||
<em></em>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Page content start -->
|
||||
<main class="wizard-page">
|
||||
|
||||
<div class="wizard">
|
||||
<div class="wizard-item">
|
||||
<div class="wizard-content" style="color:#069">
|
||||
|
||||
<div class="form-mini-divider"></div>
|
||||
|
||||
<img src="images/Azure-Personal-Icon.png" width="150">
|
||||
|
||||
<div class="form-mini-divider"></div>
|
||||
|
||||
<h3>This is AzureUI</h3>
|
||||
|
||||
<p>Azure is define as skyblue color one of my favourite color and already became my personal nickname.</p>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<a href="#" class="button circle red">Click me!</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wizard-item">
|
||||
<div class="wizard-content" style="color:#069">
|
||||
|
||||
<div class="form-mini-divider"></div>
|
||||
|
||||
<img src="images/Azure-Staff-Icon.png" width="150">
|
||||
|
||||
<div class="form-mini-divider"></div>
|
||||
|
||||
<h3>This is Azure</h3>
|
||||
|
||||
<p>Azure is define as skyblue color one of my favourite color and already became my personal nickname.</p>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<a href="#" class="button circle blue">Click me!</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="wizard-item">
|
||||
<div class="wizard-content" style="color:#069">
|
||||
|
||||
<div class="form-mini-divider"></div>
|
||||
|
||||
<img src="images/Azure-Branch-Icon.png" width="150">
|
||||
|
||||
<div class="form-mini-divider"></div>
|
||||
|
||||
<h3>This is Azure</h3>
|
||||
|
||||
<p>Azure is define as skyblue color one of my favourite color and already became my personal nickname.</p>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<a href="#" class="button circle green">Click me!</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="wizard-item">
|
||||
<div class="wizard-content" style="color:#069">
|
||||
|
||||
<div class="form-mini-divider"></div>
|
||||
|
||||
<img src="images/Azure-Company-Icon.png" width="150">
|
||||
|
||||
<div class="form-mini-divider"></div>
|
||||
|
||||
<h3>This is Azure</h3>
|
||||
|
||||
<p>Azure is define as skyblue color one of my favourite color and already became my personal nickname.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="wizard-skip-link" href="home.html">SKIP</a>
|
||||
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="plugins/turbo-slider/turbo.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$(".wizard").Turbo({
|
||||
items:1,
|
||||
circular:false
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,233 +0,0 @@
|
||||
<!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-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="#" 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-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="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Accordion</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="expandable-item accordion active">
|
||||
<div class="expandable-header">
|
||||
<i class="list-icon fa fa-adjust"></i>
|
||||
<h3 class="list-title">Active Accordion</h3>
|
||||
<i class="list-arrow fa fa-angle-down"></i>
|
||||
</div>
|
||||
<div class="expandable-content" style="max-height: 164px;">
|
||||
<div class="padding-content">
|
||||
Fedrick Darel Auditore Expertise:
|
||||
<br>
|
||||
HTML5
|
||||
<br>
|
||||
HTML
|
||||
<br>
|
||||
Javascript
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expandable-item accordion">
|
||||
<div class="expandable-header">
|
||||
<i class="list-icon fa fa-adjust"></i>
|
||||
<h3 class="list-title">Unctive Accordion</h3>
|
||||
<i class="list-arrow fa fa-angle-down"></i>
|
||||
</div>
|
||||
<div class="expandable-content">
|
||||
<div class="padding-content">
|
||||
Fedrick Darel Auditore Expertise:
|
||||
<br>
|
||||
HTML5
|
||||
<br>
|
||||
HTML
|
||||
<br>
|
||||
Javascript
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -1,53 +0,0 @@
|
||||
<!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 txt-center" style="font-weight: 700; font-size: 20px; color: #2DD67B; margin-bottom: -15px">
|
||||
Forgot your Password?
|
||||
</div>
|
||||
<div class="form-row txt-center" style="font-size: 15px; color: #2DD67B">
|
||||
Enter your phone number below to reset your password.
|
||||
</div>
|
||||
<br />
|
||||
<div class="form-row-group with-icons">
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<a class="fa fa-phone" style="color: black"></a>
|
||||
</div>
|
||||
<input id="mobile" type="number" class="form-element" placeholder="Your Phone Number" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<a href="reset-password.html" class="button green">Submit</a>
|
||||
<a href="index.html" class="button blue">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
-1306
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 248 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
@@ -1,94 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - SIGNIN</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
|
||||
<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>
|
||||
@csrf
|
||||
<div class="alert alert-danger" role="alert" style="display: none">
|
||||
|
||||
</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="phone" 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="forgot-password.html" data-loader="show">Forgot Password?</a>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row">
|
||||
<a href="#" id="login" class="button block green" type="submit">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>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$('#login').click(function() {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/login",
|
||||
data: {
|
||||
phone: $('#phone').val(),
|
||||
password: $('#password').val()
|
||||
},
|
||||
success: function(data) {
|
||||
localStorage.token = data.data.token;
|
||||
document.location.href="home.html";
|
||||
},
|
||||
error: function(data) {
|
||||
$('.alert').html(data.responseJSON.error);
|
||||
$('.alert').show();
|
||||
}
|
||||
});
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,60 +0,0 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* Laravel - A PHP Framework For Web Artisans
|
||||
*
|
||||
* @package Laravel
|
||||
* @author Taylor Otwell <taylor@laravel.com>
|
||||
*/
|
||||
|
||||
define('LARAVEL_START', microtime(true));
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Register The Auto Loader
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| Composer provides a convenient, automatically generated class loader for
|
||||
| our application. We just need to utilize it! We'll simply require it
|
||||
| into the script here so that we don't have to worry about manual
|
||||
| loading any of our classes later on. It feels great to relax.
|
||||
|
|
||||
*/
|
||||
|
||||
require __DIR__.'/../vendor/autoload.php';
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Turn On The Lights
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| We need to illuminate PHP development, so let us turn on the lights.
|
||||
| This bootstraps the framework and gets it ready for use, then it
|
||||
| will load up this application so that we can run it and send
|
||||
| the responses back to the browser and delight our users.
|
||||
|
|
||||
*/
|
||||
|
||||
$app = require_once __DIR__.'/../bootstrap/app.php';
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Run The Application
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| Once we have the application, we can handle the incoming request
|
||||
| through the kernel, and send the associated response back to
|
||||
| the client's browser allowing them to enjoy the creative
|
||||
| and wonderful application we have prepared for them.
|
||||
|
|
||||
*/
|
||||
|
||||
$kernel = $app->make(Illuminate\Contracts\Http\Kernel::class);
|
||||
|
||||
$response = $kernel->handle(
|
||||
$request = Illuminate\Http\Request::capture()
|
||||
);
|
||||
|
||||
$response->send();
|
||||
|
||||
$kernel->terminate($request, $response);
|
||||
@@ -1,453 +0,0 @@
|
||||
"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(){
|
||||
openSeautBranchp();archPopup();
|
||||
});
|
||||
|
||||
$(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);
|
||||
});
|
||||
|
||||
/* =========================================
|
||||
[dropdownView] Start Here
|
||||
==========================================*/
|
||||
|
||||
$(document).ready(function(){
|
||||
$('#typeDelivery').on('change', function() {
|
||||
if ( this.value == '0')
|
||||
{
|
||||
$("#services-a").show();
|
||||
}
|
||||
else
|
||||
{
|
||||
$("#services-a").hide();
|
||||
}
|
||||
if ( this.value == '1')
|
||||
{
|
||||
$("#services-b").show();
|
||||
}
|
||||
else
|
||||
{
|
||||
$("#services-b").hide();
|
||||
}
|
||||
if ( this.value == '2')
|
||||
{
|
||||
$("#services-c").show();
|
||||
}
|
||||
else
|
||||
{
|
||||
$("#services-c").hide();
|
||||
}
|
||||
if ( this.value == '3')
|
||||
{
|
||||
$("#services-d").show();
|
||||
}
|
||||
else
|
||||
{
|
||||
$("#services-d").hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/* =========================================
|
||||
[Wizard] Start Here
|
||||
==========================================*/
|
||||
var wizardFixHeight = function(){
|
||||
$(window).on('resize', function(e){
|
||||
$('.wizard .wizard-item').height($(window).height()-50);
|
||||
});
|
||||
}
|
||||
Vendored
-4
File diff suppressed because one or more lines are too long
Vendored
-4
File diff suppressed because one or more lines are too long
@@ -1,303 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - METER ORDER 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="nav-menu">
|
||||
|
||||
<nav class="menu">
|
||||
<!-- profile logo start -->
|
||||
<div class="nav-header">
|
||||
<a href="home.html"><img src="images/CIEF.png" width="160"></a>
|
||||
</div>
|
||||
<!-- profile logo end -->
|
||||
<!-- Menu navigation start -->
|
||||
<div class="nav-container">
|
||||
<ul class="main-menu">
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="#" 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-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="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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">Order Details</h1>
|
||||
<div class="navi-menu-button">
|
||||
<em></em>
|
||||
<em></em>
|
||||
<em></em>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Main Content Start Here -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<div class="form-divider-2"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Order Details</span>
|
||||
</div>
|
||||
<!-- Order Detail Data Start Here -->
|
||||
<div class="form-row">
|
||||
<a class="a-meter-sub-title">Order No</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="00011"></input>
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Marking</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="HQ123"></input>
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Supplier Name</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="FedEx"></input>
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Supplier Contact Person</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="George"></input>
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Supplier Contact Person No</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="011-3751109"></input>
|
||||
</div>
|
||||
<!-- Order Detail Data End Here -->
|
||||
<div class="form-divider-2"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Warehouse Details</span>
|
||||
</div>
|
||||
<!-- Warehouse Detail Data Start Here -->
|
||||
<div class="form-row">
|
||||
<a class="a-meter-sub-title">Name</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="Alliances"></input>
|
||||
<br>
|
||||
<a class="a-meter-sub-title">Address</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="Street No Where Found"></input>
|
||||
<br>
|
||||
<a class="a-meter-sub-title">City</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="Unknown"></input>
|
||||
<br>
|
||||
<a class="a-meter-sub-title">Postcode</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="007"></input>
|
||||
<br>
|
||||
<a class="a-meter-sub-title">State</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="NYC"></input>
|
||||
<br>
|
||||
<a class="a-meter-sub-title">Country</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="United States"></input>
|
||||
</div>
|
||||
<!-- Warehouse Detail Data End Here -->
|
||||
<div class="form-divider-2"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Delivery Details</span>
|
||||
</div>
|
||||
<!-- Delivery Detail Data Start Here -->
|
||||
<div class="form-row">
|
||||
<a class="a-meter-sub-title">Name</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="asd"></input>
|
||||
<br>
|
||||
<a class="a-meter-sub-title">Address</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="asd"></input>
|
||||
<br>
|
||||
<a class="a-meter-sub-title">City</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="asd"></input>
|
||||
<br>
|
||||
<a class="a-meter-sub-title">Postcode</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="asd"></input>
|
||||
<br>
|
||||
<a class="a-meter-sub-title">State</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="asd"></input>
|
||||
<br>
|
||||
<a class="a-meter-sub-title">Country</a>
|
||||
<br />
|
||||
<input type="text" class="a-meter-text-data form-element" placeholder="asd"></input>
|
||||
</div>
|
||||
<!-- Delivery Detail Data End Here -->
|
||||
<div class="form-divider-2"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Packaging List</span>
|
||||
</div>
|
||||
<div class="form-divider-2"></div>
|
||||
<!-- Packing Item List Start Here -->
|
||||
<div class="expandable-item accordion" data-group="accordion2">
|
||||
<div class="expandable-header">
|
||||
<i class="list-icon fa fa-adjust"></i>
|
||||
<h3 class="list-title">Item Code 1</h3>
|
||||
<i class="list-arrow fa fa-angle-down"></i>
|
||||
</div>
|
||||
<div class="expandable-content">
|
||||
<div class="padding-content">
|
||||
<!-- Delivery Detail Data Start Here -->
|
||||
<div class="form-row">
|
||||
<a class="a-meter-sub-title">Description</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">42 inch</a>
|
||||
<br /><br />
|
||||
<a class="a-meter-sub-title">Model</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Bravia</a>
|
||||
<br /><br />
|
||||
<a class="a-meter-sub-title">Qty</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">22</a>
|
||||
<br /><br />
|
||||
<a class="a-meter-sub-title">UOM</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Selangor</a>
|
||||
<br /><br />
|
||||
<a class="a-meter-sub-title">CBM</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Height: 22.00</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Width: 22.00</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Depth: 22.00</a>
|
||||
<br /><br />
|
||||
<a class="a-meter-sub-title">Weight</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Gross: 22.00</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Nett: 22.00</a>
|
||||
<br /><br />
|
||||
<a class="a-meter-sub-title">Photo</a>
|
||||
<div class="txt-center">
|
||||
<div class="form-divider-2"></div>
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Delivery Detail Data End Here -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="expandable-item accordion" data-group="accordion2">
|
||||
<div class="expandable-header">
|
||||
<i class="list-icon fa fa-adjust"></i>
|
||||
<h3 class="list-title">Item Code 2</h3>
|
||||
<i class="list-arrow fa fa-angle-down"></i>
|
||||
</div>
|
||||
<div class="expandable-content">
|
||||
<div class="padding-content">
|
||||
<!-- Delivery Detail Data Start Here -->
|
||||
<div class="form-row">
|
||||
<a class="a-meter-sub-title">Description</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">42 inch</a>
|
||||
<br /><br />
|
||||
<a class="a-meter-sub-title">Model</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Bravia</a>
|
||||
<br /><br />
|
||||
<a class="a-meter-sub-title">Qty</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">22</a>
|
||||
<br /><br />
|
||||
<a class="a-meter-sub-title">UOM</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Selangor</a>
|
||||
<br /><br />
|
||||
<a class="a-meter-sub-title">CBM</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Height: 22.00</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Width: 22.00</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Depth: 22.00</a>
|
||||
<br /><br />
|
||||
<a class="a-meter-sub-title">Weight</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Gross: 22.00</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Nett: 22.00</a>
|
||||
<br /><br />
|
||||
<a class="a-meter-sub-title">Photo</a>
|
||||
<div class="txt-center">
|
||||
<div class="form-divider-2"></div>
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Delivery Detail Data End Here -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Packing Item List End Here -->
|
||||
<div class="form-row txt-center">
|
||||
<button class="button blue" data-dismiss="true">Submit</button>
|
||||
</div>
|
||||
<div class="form-divider-2"></div>
|
||||
</section>
|
||||
</main>
|
||||
<!-- Main Content End Here -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 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>
|
||||
@@ -1,499 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - METER PROGRESS TRACKERS</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="home.html"><i class="fa fa-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="#" 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-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="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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">Track Order</h1>
|
||||
<div class="navi-menu-button">
|
||||
<em></em>
|
||||
<em></em>
|
||||
<em></em>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Main Content Start Here -->
|
||||
<div class="form-fixed"></div>
|
||||
|
||||
<div class="meter-container">
|
||||
<div class="form-row">
|
||||
<div class="meter-tracker-bar">
|
||||
<!-- Trackers Meter Point Start Here -->
|
||||
<div id="meter-bar" style="background-color:#069; width:0; height:100%"></div>
|
||||
<!-- Trackers Meter Point End Here -->
|
||||
<!-- Sub Title For Meter Point Start Here -->
|
||||
<label class="update-txt-first fix">
|
||||
<div class="update-btn-first fix">
|
||||
<input id="StartedStep" type="submit" onclick="StartedStep()" style="display:none" />
|
||||
</div>
|
||||
<a>Order Date</a>
|
||||
</label>
|
||||
<label class="update-txt-second fix">
|
||||
<div class="update-btn-second fix">
|
||||
<input id="FirstStep" type="submit" onclick="FirstStep()" style="display:none" />
|
||||
</div>
|
||||
<a>WH Received</a>
|
||||
</label>
|
||||
<label class="update-txt-third fix">
|
||||
<div class="update-btn-third fix">
|
||||
<input id="SecondStep" type="submit" onclick="SecondStep()" style="display:none" />
|
||||
</div>
|
||||
<a>Delivery Arr</a>
|
||||
</label>
|
||||
<label class="update-txt-fourth fix">
|
||||
<a>Delivery</a>
|
||||
</label>
|
||||
<label class="update-txt-fixwall fix">
|
||||
<div class="update-btn-fourth fix">
|
||||
<input id="CompletedStep" type="submit" onclick="ThirdStep()" style="display:none" />
|
||||
</div>
|
||||
</label>
|
||||
<!-- Sub Title For Meter Point End Here -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="PageOrderDate" class="AzPagination-Container" style="display:block">
|
||||
<div class="form-row">
|
||||
<div class="form-row txt-center">
|
||||
<a class="a-meter-title">Order Date</a>
|
||||
</div>
|
||||
<hr />
|
||||
<a class="a-meter-sub-title">Customer</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Arief</a>
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Supplier</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">FedEx</a>
|
||||
<hr />
|
||||
<!-- Detail Data Start Here -->
|
||||
<a class="a-meter-sub-title">Order No</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">HQ-001/Example</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Order Type</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Shipping Order</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Date Created</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">26/04/2018</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Purchase No</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Example/012/ABC</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Purchase Value</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">10.00</a>
|
||||
<!-- Detail Data End Here -->
|
||||
<hr>
|
||||
<div class="form-divider-2"></div>
|
||||
<div class="txt-center">
|
||||
<a href="meter-order-details.html" class="button blue" data-dismiss="true">Details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="PageWHReceived" class="AzPagination-Container" style="display:none">
|
||||
<div class="form-row">
|
||||
<div class="form-row txt-center">
|
||||
<a class="a-meter-title">Warehouse Received Note</a>
|
||||
</div>
|
||||
<hr />
|
||||
<a class="a-meter-sub-title">Customer</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Arief</a>
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Supplier</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">FedEx</a>
|
||||
<hr />
|
||||
<!-- Detail Data Start Here -->
|
||||
<a class="a-meter-sub-title">Received Date</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">22/03/2018</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Total Carton</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">-</a>
|
||||
<!-- Detail Data End Here -->
|
||||
<hr>
|
||||
<div class="form-divider-2"></div>
|
||||
<div class="txt-center">
|
||||
<a class="button blue" data-dismiss="true" data-popup="AzPopActionEdit">Edit Address</a>
|
||||
<a href="meter-order-details.html" class="button blue" data-dismiss="true">Details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="PageDeliveryArr" class="AzPagination-Container" style="display:none">
|
||||
<div class="form-row">
|
||||
<div class="form-row txt-center">
|
||||
<a class="a-meter-title">Delivery Arrangement</a>
|
||||
</div>
|
||||
<hr />
|
||||
<a class="a-meter-sub-title">Customer</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Arief</a>
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Supplier</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">FedEx</a>
|
||||
<hr />
|
||||
<!-- Detail Data Start Here -->
|
||||
<a class="a-meter-sub-title">Contact Person</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Harry</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Contact Number</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">012-3851190</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Address</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Jalan Persiaran Apec</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">City</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Cyberjaya</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Postcode</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">55310</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">State</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Selangor</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Country</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">Malaysia</a>
|
||||
<!-- Detail Data End Here -->
|
||||
<hr>
|
||||
<a class="a-meter-sub-title">Lorry Driver</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data" style="color:red">Pending</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Lorry Number</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data" style="color:red">Pending</a>
|
||||
<br />
|
||||
<br />
|
||||
<a class="a-meter-sub-title">Appointment Date</a>
|
||||
<br />
|
||||
<a class="a-meter-text-data">dd/mm/yyyy</a>
|
||||
<br />
|
||||
<div class="form-row txt-center">
|
||||
<button class="button green" data-dismiss="true">Yes</button>
|
||||
<button class="button red" data-dismiss="true" data-popup="AzPopActionApp">No</button>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="form-divider-2"></div>
|
||||
<div class="txt-center">
|
||||
<a href="meter-order-details.html" class="button blue" data-dismiss="true">Details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="PageDelivery" class="AzPagination-Container" style="display:none">
|
||||
<div class="form-row">
|
||||
<div class="form-row txt-center">
|
||||
<a class="a-meter-title">Do you receive your goods in good condition?</a>
|
||||
</div>
|
||||
<hr>
|
||||
<div>
|
||||
<div class="form-row txt-center">
|
||||
<label><input type="radio" name="gender" /> Yes</label>
|
||||
<label><input type="radio" name="gender" /> No</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row-rate txt-center">
|
||||
<a class="a-meter-title">
|
||||
<fieldset class="form-row-rate rating" style="z-index:2">
|
||||
<input type="radio" id="star1" name="rating" value="1" /><label class = "full" for="star1" title="Sucks big time - 1 star"></label>
|
||||
<input type="radio" id="star2" name="rating" value="2" /><label class = "full" for="star2" title="Kinda bad - 2 stars"></label>
|
||||
<input type="radio" id="star3" name="rating" value="3" /><label class = "full" for="star3" title="Meh - 3 stars"></label>
|
||||
<input type="radio" id="star4" name="rating" value="4" /><label class = "full" for="star4" title="Pretty good - 4 stars"></label>
|
||||
<input type="radio" id="star5" name="rating" value="5" /><label class = "full" for="star5" title="Awesome - 5 stars"></label>
|
||||
</fieldset>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<hr>
|
||||
<div class="form-row txt-center">
|
||||
<a class="a-meter-title">Send us a feedback</a>
|
||||
<textarea rows="4" cols="50" class="form-element" placeholder="Comment here" required ></textarea>
|
||||
</div>
|
||||
<!-- Detail Data Start Here -->
|
||||
<!-- Detail Data End Here -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Main Content End Here -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--POPUP HTML CONTENT START -->
|
||||
<div class="popup-overlay" id="AzPopActionEdit">
|
||||
<!-- if you dont want overlay add class .no-overlay -->
|
||||
<div class="popup-container">
|
||||
<div class="popup-header">
|
||||
<h3 class="popup-title">Warehouse Details</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>
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<div class="form-row txt-center">
|
||||
<button class="button blue" data-dismiss="true">Edit Warehouse Address</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
<!--POPUP HTML CONTENT START -->
|
||||
<div class="popup-overlay" id="AzPopActionApp">
|
||||
<!-- if you dont want overlay add class .no-overlay -->
|
||||
<div class="popup-container">
|
||||
<div class="popup-header">
|
||||
<h3 class="popup-title">Change Appointment Date</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">Appointment Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<div class="form-row txt-center">
|
||||
<button class="button blue" data-dismiss="true">submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
|
||||
<!-- 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>
|
||||
//Az Global Var For Page//
|
||||
var AzPage1 = document.getElementById("PageOrderDate"),
|
||||
AzPage2 = document.getElementById("PageWHReceived"),
|
||||
AzPage3 = document.getElementById("PageDeliveryArr"),
|
||||
AzPage4 = document.getElementById("PageDelivery");
|
||||
function StartedStep() {
|
||||
var elem = document.getElementById("meter-bar");
|
||||
var width = 0;
|
||||
var id = setInterval(frame, 0);
|
||||
function frame() {
|
||||
if (width >= 0.1) {
|
||||
clearInterval(id);
|
||||
AzPage1.style.display = "block";
|
||||
} else {
|
||||
width++;
|
||||
elem.style.width = width + '%';
|
||||
AzPage2.style.display = "none";
|
||||
AzPage3.style.display = "none";
|
||||
AzPage4.style.display = "none";
|
||||
}
|
||||
}
|
||||
}
|
||||
function FirstStep() {
|
||||
var elem = document.getElementById("meter-bar");
|
||||
var width = 0;
|
||||
var id = setInterval(frame, 0);
|
||||
function frame() {
|
||||
if (width >= 25) {
|
||||
clearInterval(id);
|
||||
AzPage2.style.display = "block"
|
||||
} else {
|
||||
width++;
|
||||
elem.style.width = width + '%';
|
||||
AzPage1.style.display = "none";
|
||||
AzPage3.style.display = "none";
|
||||
AzPage4.style.display = "none";
|
||||
}
|
||||
}
|
||||
}
|
||||
function SecondStep() {
|
||||
var elem = document.getElementById("meter-bar");
|
||||
var width = 25;
|
||||
var id = setInterval(frame, 0);
|
||||
function frame() {
|
||||
if (width >= 50) {
|
||||
clearInterval(id);
|
||||
AzPage3.style.display = "block"
|
||||
} else {
|
||||
width++;
|
||||
elem.style.width = width + '%';
|
||||
AzPage1.style.display = "none";
|
||||
AzPage2.style.display = "none";
|
||||
AzPage4.style.display = "none";
|
||||
}
|
||||
}
|
||||
}
|
||||
function ThirdStep() {
|
||||
var elem = document.getElementById("meter-bar");
|
||||
var width = 50;
|
||||
var id = setInterval(frame, 0);
|
||||
function frame() {
|
||||
if (width >= 100) {
|
||||
clearInterval(id);
|
||||
AzPage4.style.display = "block"
|
||||
} else {
|
||||
width++;
|
||||
elem.style.width = width + '%';
|
||||
AzPage1.style.display = "none";
|
||||
AzPage2.style.display = "none";
|
||||
AzPage3.style.display = "none";
|
||||
}
|
||||
}
|
||||
}
|
||||
function CompletedStep() {
|
||||
var elem = document.getElementById("meter-bar");
|
||||
var width = 75;
|
||||
var id = setInterval(frame, 0);
|
||||
function frame() {
|
||||
if (width >= 100) {
|
||||
clearInterval(id);
|
||||
} else {
|
||||
width++;
|
||||
elem.style.width = width + '%';
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,119 +0,0 @@
|
||||
/**
|
||||
* Turboslider - An open source jquery slider
|
||||
*
|
||||
* @author Baianat
|
||||
* @copyright 2015 Baianat
|
||||
* @link http://www.baianat.com
|
||||
* @license MIT permissive license http://www.baianat.com
|
||||
* @version 1.0.0
|
||||
* @package TurboSlider
|
||||
*
|
||||
*/
|
||||
|
||||
|
||||
/* Main Wrapper for turbo slider */
|
||||
|
||||
.TurboWrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Main item for turbo slider better to leave this settings unmodified */
|
||||
|
||||
.item {
|
||||
-moz-user-select : none ;
|
||||
user-select: none;
|
||||
opacity: 1 ;
|
||||
}
|
||||
|
||||
|
||||
/* Turbo navigation container */
|
||||
|
||||
.slider-navigation
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/* Turbo default dot container class */
|
||||
|
||||
.dotsClass
|
||||
{
|
||||
margin-top: 10px ;
|
||||
}
|
||||
|
||||
/* Turbo default dot item class */
|
||||
|
||||
|
||||
.dotClass
|
||||
{
|
||||
border-radius: 50%;
|
||||
background: #f6f6f6;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin:5px;
|
||||
display:inline-block;
|
||||
transition: 0.3s all;
|
||||
}
|
||||
|
||||
/* Turbo active dot item class */
|
||||
|
||||
.dotClass.active
|
||||
{
|
||||
background: rgba(0,0,0,.3);
|
||||
}
|
||||
|
||||
/* Turbo vertical dots class */
|
||||
|
||||
.vertical-dots {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: rotate(90deg);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Turbo video wrapper class */
|
||||
|
||||
.turbo-video-wrapper {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Turbo video thumb class */
|
||||
|
||||
.turbo-video-thumb {
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
/* Turbo video play class */
|
||||
|
||||
.turbo-video-play {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
border-radius: 50%;
|
||||
background: #CCC none repeat scroll 0% 0%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -18px;
|
||||
margin-top: -14px;
|
||||
}
|
||||
|
||||
/* Turbo default navigation next and prev */
|
||||
|
||||
.turbo-prev, .turbo-next {
|
||||
border: 2px solid #FE623C;
|
||||
border-radius: 5px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
margin: 5px;
|
||||
padding: 6px 20px;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
|
||||
-1
File diff suppressed because one or more lines are too long
@@ -1,137 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - Term</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
|
||||
<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="alert alert-danger" id="alert" role="alert" style="display: none"></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">Role</label>
|
||||
</div>
|
||||
<select id="role" 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">Full Name</label>
|
||||
</div>
|
||||
<input id="name"type="text" class="form-element" placeholder="Enter your full name" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Password</label>
|
||||
</div>
|
||||
<input id="password" type="password" class="form-element" placeholder="Enter your Password" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Confirm Password</label>
|
||||
</div>
|
||||
<input id="password_confirmation" type="password" class="form-element" placeholder="Enter the password again" required />
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<a href="#" id="pers-info" 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 -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$('#pers-info').click(function() {
|
||||
$.ajax({
|
||||
type: "PATCH",
|
||||
url: "api/user",
|
||||
headers: {"Authorization": 'Bearer' + localStorage.getItem('token')},
|
||||
data: {
|
||||
role:$('#role').val(),
|
||||
name: $('#name').val(),
|
||||
password: $('#password').val(),
|
||||
password_confirmation:$('#password_confirmation').val()
|
||||
},
|
||||
success: function(data) {
|
||||
document.location.href="company-profile.html";
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = $.parseJSON(data.responseText);
|
||||
//console.log(errors.error);
|
||||
if (errors != null){
|
||||
for (var i in errors.error) {
|
||||
//console.log(errors.error[i][0]);
|
||||
$('.alert').append(errors.error[i][0] + "<br/>");
|
||||
}
|
||||
}
|
||||
$('.alert').show();
|
||||
}
|
||||
})
|
||||
})
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,61 +0,0 @@
|
||||
<!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 txt-center" style="font-weight: 700; font-size: 20px; color: #2DD67B; margin-bottom: -15px">
|
||||
Reset your Password
|
||||
</div>
|
||||
<div class="form-row txt-center" style="font-size: 15px; color: #2DD67B">
|
||||
You have requested to reset the password for:
|
||||
</div>
|
||||
<div class="form-row txt-center" style="font-size: 15px; color: #069">
|
||||
016-7963808
|
||||
</div>
|
||||
<br />
|
||||
<div class="form-row-group with-icons">
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<a class="fa fa-lock" style="color: black"></a>
|
||||
</div>
|
||||
<input id="pass1" type="password" class="form-element" placeholder="New Password" />
|
||||
</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="pass1" type="password" class="form-element" placeholder="Re-typpe Password" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<a href="index.html" class="button blue">Reset my password</a>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,2 +0,0 @@
|
||||
User-agent: *
|
||||
Disallow:
|
||||
@@ -1,30 +0,0 @@
|
||||
// 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.
|
||||
};
|
||||
} )();
|
||||
@@ -1,4 +0,0 @@
|
||||
/*
|
||||
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.
|
||||
*/
|
||||
@@ -1,194 +0,0 @@
|
||||
<!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">
|
||||
<header style="background-color: #FFF">
|
||||
<div class="search-result-header fix-searchbar">
|
||||
<!-- or without .fix-searchbar -->
|
||||
<a id="btnback" type="button" class="search-result-btn" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
|
||||
<form class="fix-searchbar">
|
||||
<input type="text" autocomplete="off" id="search" name="search" class="form-element" placeholder="search by company/phone no/name">
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
<!-- 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">
|
||||
<div class="form-divider"></div>
|
||||
<a> Add New Friend</a>
|
||||
<div class="list-box-emp">
|
||||
<a href="#" class="list-item">
|
||||
<i class="fa fa-user"></i>
|
||||
<em class="seperate-contact"></em>
|
||||
<span class="list-item-title-contact">Chua</span>
|
||||
<br />
|
||||
<span class="list-item-title-contact" style="margin-top:-13px; color: #029900">Izyim Exist</span>
|
||||
<span class="list-item-title-role" style="margin-top:-13px; float: right">Add</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Menu navigation start -->
|
||||
<div class="cont-container">
|
||||
<ul id="search_results" class="main-menu" style="background-color: #FFF">
|
||||
|
||||
</ul>
|
||||
<div class="form-divider"></div>
|
||||
</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 -->
|
||||
|
||||
<div class="popup-overlay" id="formPopup5" style="display: none">
|
||||
<!-- if you dont want overlay add class .no-overlay -->
|
||||
<div class="popup-container">
|
||||
<div class="popup-header">
|
||||
<h3 class="popup-title" >Add a Contact</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 id="companyname" style="color: #000">Company Name</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label id="telno" style="color: #000">Telephone number</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label id="contactpers" style="color: #000">Contact Person</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<button class="button blue" id="addContact" data-dismiss="true">Add Contact</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Required For All Pages, Otherwise Ugly Others Function Won't Work -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.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">
|
||||
//var company_name, tel_no, contact_person;
|
||||
$('#search').on('keyup', function(){
|
||||
$('#search_results').empty();
|
||||
var ul, li, data;
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "api/company/search",
|
||||
headers: {"Authorization": 'Bearer' + localStorage.getItem('token')},
|
||||
data: {search: $('#search').val()},
|
||||
|
||||
success:function(data){
|
||||
console.log(data);
|
||||
for(i=0; i<data.length; i++){
|
||||
$('#search_results').append('<li style="display: show;"> <a href="#" onclick="displayCompany(' + "'" + data[i].company_name + "'" + ',' + "'" + data[i].tel_no + "'" + ',' + "'" + data[i].contact_person + "'" + ',' + "'" + data[i].recipient_id + "'" + ')"> <i class="fa fa-user"></i>' + data[i].company_name + '<span class="list-item-title-role" style="margin-top:-10px">' + data[i].tel_no + '</span> <br> <span class="list-item-title-role" style="margin-top:-10px">'+ data[i].contact_person);
|
||||
}
|
||||
//$('#searchresults').show();
|
||||
},
|
||||
error:function(data){
|
||||
console.log(data);
|
||||
}
|
||||
});
|
||||
|
||||
})
|
||||
//displayCompany.apply(this, data);
|
||||
function displayCompany(company_name, tel_no, contact_person, recipient_id){
|
||||
$('#companyname').text(company_name);
|
||||
$('#telno').text(tel_no);
|
||||
$('#contactpers').text(contact_person);
|
||||
|
||||
$('#formPopup5').show();
|
||||
|
||||
$('#addContact').click(function() {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "api/contacts",
|
||||
headers: {"Authorization": 'Bearer' + localStorage.getItem('token')},
|
||||
data: {
|
||||
recipient_id: recipient_id,
|
||||
},
|
||||
success: function(data) {
|
||||
console.log(data);
|
||||
location.reload();
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
// function CSearch() {
|
||||
// // Declare variables
|
||||
// var input, filter, ul, li, a, i;
|
||||
// input = document.getElementById('searchInput');
|
||||
// filter = input.value.toUpperCase();
|
||||
// ul = document.getElementById("searchresults");
|
||||
// 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>
|
||||
@@ -1,229 +0,0 @@
|
||||
<!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>
|
||||
@@ -1,113 +0,0 @@
|
||||
<!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-home"></i> Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="#" 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-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="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
|
||||
<ul>
|
||||
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
||||
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
||||
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
||||
</ul>
|
||||
</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>
|
||||
@@ -1,108 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - Term</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
|
||||
<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 Phone
|
||||
</div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
A verification code has been send to <b><span id="phone"></span></b>.<a><br> Wrong number?</a>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<!-- Error Alert -->
|
||||
<div class="alert alert-danger" role="alert" style="display: none"></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" id="verify-code" class="form-element-code-input" placeholder="" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- AzFooter Start Here-->
|
||||
<div class="azfooter-code" id="btn-verify" style="margin-top:50px">
|
||||
<div class="azfmain-button" >
|
||||
<div class="form-row txt-center">
|
||||
<a href="#" class="button block green">NEXT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- AzFooter Ended Here -->
|
||||
|
||||
</section>
|
||||
</main>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript">
|
||||
function readCookie(name) {
|
||||
var nameEQ = encodeURIComponent(name) + "=";
|
||||
var ca = document.cookie.split(';');
|
||||
for (var i = 0; i < ca.length; i++) {
|
||||
var c = ca[i];
|
||||
while (c.charAt(0) === ' ')
|
||||
c = c.substring(1, c.length);
|
||||
if (c.indexOf(nameEQ) === 0)
|
||||
return decodeURIComponent(c.substring(nameEQ.length, c.length));
|
||||
}
|
||||
return null;
|
||||
}
|
||||
var phone = readCookie('phone');
|
||||
document.getElementById("phone").innerHTML = phone;
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#btn-verify').click(function() {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "api/verify-phone",
|
||||
data: {
|
||||
phone: phone,
|
||||
token: $('#verify-code').val()},
|
||||
success: function(data) {
|
||||
if( data.success){
|
||||
localStorage.token = data.token;
|
||||
document.location.href="profile-first-setup.html";
|
||||
}
|
||||
else{
|
||||
//console.log('wrong code');
|
||||
$('.alert').html(data.success.message);
|
||||
$('.alert').show();
|
||||
}
|
||||
//
|
||||
},
|
||||
error: function(data) {
|
||||
$('.alert').html(data.responseJSON.error);
|
||||
$('.alert').show();
|
||||
//console.log('wrong code');
|
||||
}
|
||||
});
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,118 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - Term</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
|
||||
<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>
|
||||
@csrf
|
||||
<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 +6</option>
|
||||
<option value="2">China +86</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="tel" class="form-element" placeholder="Enter your phone number" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<!--Error Alert-->
|
||||
<div class="alert alert-danger" role="alert" style="display: none"></div>
|
||||
|
||||
<!-- AzFooter Start Here-->
|
||||
<div class="azfooter">
|
||||
<div class="azfmain-button">
|
||||
<div class="form-row txt-center">
|
||||
<a href="#" id="send-verification" 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 -->
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript">
|
||||
function createCookie(name, value, days) {
|
||||
var expires;
|
||||
|
||||
if (days) {
|
||||
var date = new Date();
|
||||
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
||||
expires = "; expires=" + date.toGMTString();
|
||||
} else {
|
||||
expires = "";
|
||||
}
|
||||
document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#send-verification').click(function() {
|
||||
var mobile = $('#mobile').val();
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "api/send-verification",
|
||||
data: {
|
||||
phone: $('#mobile').val()},
|
||||
success: function(data) {
|
||||
document.location.href="verify-code-number.html";
|
||||
},
|
||||
Cookies:createCookie('phone', mobile, 60),
|
||||
error: function(data) {
|
||||
$('.alert').html(data.responseJSON.message);
|
||||
$('.alert').show();
|
||||
}
|
||||
});
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,56 +0,0 @@
|
||||
<!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>
|
||||
|
||||
|
||||
<!-- Here Lies Main Start Here -->
|
||||
<main>
|
||||
<section class="container">
|
||||
<form></form>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<img src="images/CIEF.png" style="width:300px; height:300px;" />
|
||||
</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>
|
||||
@@ -1,23 +0,0 @@
|
||||
<configuration>
|
||||
<system.webServer>
|
||||
<rewrite>
|
||||
<rules>
|
||||
<rule name="Imported Rule 1" stopProcessing="true">
|
||||
<match url="^(.*)/$" ignoreCase="false" />
|
||||
<conditions>
|
||||
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" ignoreCase="false" negate="true" />
|
||||
</conditions>
|
||||
<action type="Redirect" redirectType="Permanent" url="/{R:1}" />
|
||||
</rule>
|
||||
<rule name="Imported Rule 2" stopProcessing="true">
|
||||
<match url="^" ignoreCase="false" />
|
||||
<conditions>
|
||||
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" ignoreCase="false" negate="true" />
|
||||
<add input="{REQUEST_FILENAME}" matchType="IsFile" ignoreCase="false" negate="true" />
|
||||
</conditions>
|
||||
<action type="Rewrite" url="index.php" />
|
||||
</rule>
|
||||
</rules>
|
||||
</rewrite>
|
||||
</system.webServer>
|
||||
</configuration>
|
||||
Reference in New Issue
Block a user