mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/izyim-api.git
synced 2026-08-19 04:24:01 +00:00
added frontend & login function tested completely
This commit is contained in:
Aqeeb Imtiaz Harun
@@ -22,7 +22,7 @@ class AuthController extends Controller
|
||||
$this->hasher = $hasher;
|
||||
}
|
||||
/**
|
||||
* API Send verification code
|
||||
* API Send verification code
|
||||
*
|
||||
* @param Request $request
|
||||
* @return \Illuminate\Http\JsonResponse
|
||||
@@ -34,29 +34,29 @@ class AuthController extends Controller
|
||||
];
|
||||
$validator = Validator::make($credentials, $rules);
|
||||
|
||||
// create user if not exist
|
||||
// create user if not exist
|
||||
$user = User::firstOrNew([
|
||||
'phone' => $request->phone
|
||||
]);
|
||||
$user->save();
|
||||
|
||||
// create token if not exist, update if exist
|
||||
$token = mt_rand(0000,9999);
|
||||
// create token if not exist, update if exist
|
||||
$token = mt_rand(0000,9999);
|
||||
$user_verification = $user->phoneVerification()->firstOrNew([
|
||||
'user_id' => $user->id,
|
||||
]);
|
||||
$user_verification->token = $token;
|
||||
$user_verification->save();
|
||||
|
||||
// send token to phone
|
||||
// ** switching to nexmo **
|
||||
// send token to phone
|
||||
// ** switching to nexmo **
|
||||
//$message = "IZYIM verification code : ". $token;
|
||||
//$twilio = new Twilio(env('TWILIO_ACC'), env('TWILIO_TOKEN'), env('TWILIO_NUMBER'));
|
||||
//$twilio->message($request->phone, $message);
|
||||
return response()->json(['success'=> true, 'message'=> 'A verification code has been send to your mobile number.' ]);
|
||||
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* API Verify User
|
||||
*
|
||||
@@ -67,7 +67,7 @@ class AuthController extends Controller
|
||||
{
|
||||
$credentials = $request->only('phone', 'token');
|
||||
|
||||
// check if user already verified
|
||||
// check if user already verified
|
||||
$check_user = User::where('phone', $request->phone)->first();
|
||||
if(!is_null($check_user)){
|
||||
if($check_user->is_verified == 1){
|
||||
@@ -84,7 +84,7 @@ class AuthController extends Controller
|
||||
]);
|
||||
}
|
||||
|
||||
// check and verify valid token
|
||||
// check and verify valid token
|
||||
$check_token = $check_user->phoneVerification()->where('token', $request->token)->first();
|
||||
if(!is_null($check_token)){
|
||||
$check_user->is_verified = 1;
|
||||
@@ -96,10 +96,10 @@ class AuthController extends Controller
|
||||
}
|
||||
// all good so return the token
|
||||
return response()->json(['success' => true, 'data'=> [ 'token' => $userToken ]]);
|
||||
}
|
||||
}
|
||||
return response()->json(['success'=> false, 'error'=> "Verification code is invalid."]);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* API Register
|
||||
*
|
||||
@@ -109,30 +109,30 @@ class AuthController extends Controller
|
||||
public function updateUser(Request $request)
|
||||
{
|
||||
$credentials = $request->only('role', 'name', 'password', 'password_confirmation');
|
||||
|
||||
|
||||
$rules = [
|
||||
'name' => 'required|max:255',
|
||||
'role' => 'required',
|
||||
'password' => 'required|confirmed|min:6'
|
||||
];
|
||||
|
||||
|
||||
$validator = Validator::make($credentials, $rules);
|
||||
if($validator->fails()) {
|
||||
return response()->json(['success'=> false, 'error'=> $validator->messages()]);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
$name = $request->name;
|
||||
$password = $request->password;
|
||||
$role = $request->role;
|
||||
|
||||
// find role
|
||||
|
||||
// find role
|
||||
$role = Role::where('name','=',$role)->first();
|
||||
|
||||
$user = Auth::user();
|
||||
|
||||
// attach role to user
|
||||
// attach role to user
|
||||
$user->attachRole($role);
|
||||
$user->update(['name' => $name, 'password' => Hash::make($password)]);
|
||||
return response()->json(['success'=> true, 'message'=> 'Profile updated.']);
|
||||
@@ -148,7 +148,7 @@ class AuthController extends Controller
|
||||
public function login(Request $request)
|
||||
{
|
||||
$credentials = $request->only('phone', 'password');
|
||||
|
||||
|
||||
$rules = [
|
||||
'phone' => 'required|digits:11',
|
||||
'password' => 'required',
|
||||
@@ -157,9 +157,9 @@ class AuthController extends Controller
|
||||
if($validator->fails()) {
|
||||
return response()->json(['success'=> false, 'error'=> $validator->messages()]);
|
||||
}
|
||||
|
||||
|
||||
$credentials['is_verified'] = 1;
|
||||
|
||||
|
||||
try {
|
||||
// attempt to verify the credentials and create a token for the user
|
||||
if (! $token = JWTAuth::attempt($credentials)) {
|
||||
@@ -182,7 +182,7 @@ class AuthController extends Controller
|
||||
*/
|
||||
public function logout(Request $request) {
|
||||
$this->validate($request, ['token' => 'required']);
|
||||
|
||||
|
||||
try {
|
||||
JWTAuth::invalidate($request->input('token'));
|
||||
return response()->json(['success' => true, 'message'=> "You have successfully logged out."]);
|
||||
@@ -200,7 +200,7 @@ class AuthController extends Controller
|
||||
*/
|
||||
public function recover(Request $request)
|
||||
{
|
||||
|
||||
|
||||
$credentials = $request->only('phone');
|
||||
|
||||
$rules = [
|
||||
@@ -217,7 +217,7 @@ class AuthController extends Controller
|
||||
if ($user){
|
||||
$token = str_random(64);
|
||||
DB::table(config('auth.passwords.users.table'))->insert([
|
||||
'phone' => $user->phone,
|
||||
'phone' => $user->phone,
|
||||
'token' => $token
|
||||
]);
|
||||
return response()->json([
|
||||
@@ -226,7 +226,7 @@ class AuthController extends Controller
|
||||
}
|
||||
|
||||
/*
|
||||
todo
|
||||
todo
|
||||
|
||||
send SMS
|
||||
*/
|
||||
@@ -244,7 +244,7 @@ class AuthController extends Controller
|
||||
*/
|
||||
public function reset(Request $request)
|
||||
{
|
||||
|
||||
|
||||
$credentials = $request->only('token', 'password', 'password_confirmation');
|
||||
|
||||
$rules = [
|
||||
|
||||
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"ExpandedNodes": [
|
||||
""
|
||||
],
|
||||
"SelectedNode": "\\arrangements-delivery_arrangements2.html",
|
||||
"PreviewInSolutionExplorer": false
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
@@ -0,0 +1 @@
|
||||
PhoneGap
|
||||
@@ -0,0 +1,395 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,112 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,112 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,144 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,106 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - VIEW SHIPMENT ARRANGEMENT1-DETAILS</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<!-- Header area start -->
|
||||
<header style="background-color: #FFF">
|
||||
<a class="go-back-link" href="javascript:history.back();" a><i class="fa fa-arrow-left"></i></a>
|
||||
<h1 id="HT" class="page-title" style="color: #000">Delivery Arrangement</h1>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Delivery Arrangement Status Start Here-->
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Delivery Arrangement Status</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-28" disabled required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Details</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Type : Inhouse Services" disabled />
|
||||
<input type="text" class="form-element" placeholder="Delivery Date : 08/03/2018" disabled />
|
||||
<input type="text" class="form-element" placeholder="Vehicle No : Ked1736" disabled />
|
||||
<input type="text" class="form-element" placeholder="Contact Person : Wakjen" disabled />
|
||||
<input type="text" class="form-element" placeholder="Contact Person No : 012345646787" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001/00003 " disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Shipment No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Customer Details</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Malay Boy" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Container No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG3456" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Status</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Delivery request sent" disabled />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Delivery Arrangement Status End Here-->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<a href="arrangements-delivery_arrangements_review2.html"><span class="button green">Details</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page content end -->
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,446 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - VIEW SHIPMENT ARRANGEMENT2-ARRANGEMENT DETAILS</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<!-- Header area start -->
|
||||
<header style="background-color: #FFF">
|
||||
<a class="go-back-link" href="javascript:history.back();" a><i class="fa fa-arrow-left"></i></a>
|
||||
<h1 id="HT" class="page-title" style="color: #000">Order Details</h1>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Order : 00003</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Tab links -->
|
||||
<div class="tab">
|
||||
<button class="tablinks" onclick="openDelivery(event, 'Shipping Order')">Shipping Order</button>
|
||||
<button class="tablinks" onclick="openDelivery(event, 'Arrangements')" id="defaultOpen">Arrangements</button>
|
||||
</div>
|
||||
<!-- Tab content -->
|
||||
<div id="Shipping Order" style="color: #000" class="tabcontent">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Order Details start -->
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Order Details</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Order Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="00003" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Marking </label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="STEAM/12345/0001" disabled/>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Supplier Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Mamee" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Supplier Contact Person</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Puck" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Supplier Contact Person Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0123456789" disabled/>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Order Details end -->
|
||||
<!-- Warehouse Details start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Warehouse Details</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Gudang Udang" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="123" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">City</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Klang" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="123456" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">State</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Selangor" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Country</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Malaysia" disabled />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Warehouse Details end -->
|
||||
<!-- Delivery Details start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Delivery Details</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Type</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-08" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="TV" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Address</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="123" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Postcode</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="056789" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">State</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Kedah" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Country</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Malaysia" disabled />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Delivery Details end -->
|
||||
<!-- Packaging List start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Packaging List</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Description</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="42" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Model</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Bravia" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Quantity</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">UOM</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Kedah" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">CBM</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Height : 22.00" disabled />
|
||||
<input type="text" class="form-element" placeholder="Width : 22.00" disabled />
|
||||
<input type="text" class="form-element" placeholder="Depth : 22.00" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Weight</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Gross : 22.00" disabled />
|
||||
<input type="text" class="form-element" placeholder="Nett : 22.00" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Photo</label>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
<div class="form-divider-2"></div>
|
||||
<input id="fileInput" type="file" style="display:none;" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div id="Arrangements" style="color: #000" class="tabcontent">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Warehouse Arrangement end -->
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Warehouse Arrangements</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Number</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="1" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Product Description</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Drugs" disabled/>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Total Ctn (Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Measurement (Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22.00" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Weight (Nominal)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22.00" disabled/>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Total Ctn (Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">CBM (Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="22" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Weight (Actual)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="10648.00" disabled />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Status</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Matched" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Photo</label>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
<div class="form-divider-2"></div>
|
||||
<input id="fileInput" type="file" style="display:none;" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Warehouse Arrangement end -->
|
||||
<!-- Shipment Arrangement start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Shipment Arrangement</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETD</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-05" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">ETA</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-05" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Release Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-05" disabled />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Shipment Arrangement end -->
|
||||
<!-- Delivery Arrangement start -->
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Delivery Arrangement</span>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Type</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-08" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Delivery Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="2018-03-05" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Abu" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Driver Contact</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0145567484" disabled />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Vehicle No</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="MFG4567" disabled />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Delivery Arrangement end -->
|
||||
</form>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<!-- Shipment Arrangement Details End Here-->
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page content end -->
|
||||
<script type="text/javascript">
|
||||
/*=========================================
|
||||
[Tab for Delivery and Custom Arrangement] Start Here
|
||||
==========================================*/
|
||||
|
||||
function openDelivery(evt, tabName) {
|
||||
|
||||
var i, tabcontent, tablinks;
|
||||
// Get all elements with class="tabcontent" and hide them
|
||||
tabcontent = document.getElementsByClassName("tabcontent");
|
||||
for (i = 0; i < tabcontent.length; i++) {
|
||||
tabcontent[i].style.display = "none";
|
||||
}
|
||||
// Get all elements with class="tablinks" and remove the class "active"
|
||||
tablinks = document.getElementsByClassName("tablinks");
|
||||
for (i = 0; i < tablinks.length; i++) {
|
||||
tablinks[i].className = tablinks[i].className.replace(" active", "");
|
||||
}
|
||||
// Show the current tab, and add an "active" class to the button that opened the tab
|
||||
document.getElementById(tabName).style.display = "block";
|
||||
evt.currentTarget.className += " active";
|
||||
}
|
||||
// Get the element with id="defaultOpen" and click on it. This to make the page open the default page
|
||||
document.getElementById("defaultOpen").click();
|
||||
</script>
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,376 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,108 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,125 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,106 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - VIEW 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>
|
||||
@@ -0,0 +1,116 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,349 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,239 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,115 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,138 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,112 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,139 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,107 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,141 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,144 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,145 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,131 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,123 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,236 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,131 @@
|
||||
<!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.
|
After Width: | Height: | Size: 28 KiB |
@@ -0,0 +1,91 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,267 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,336 @@
|
||||
<!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
Vendored
+3041
File diff suppressed because it is too large
Load Diff
Vendored
+97
@@ -0,0 +1,97 @@
|
||||
* {
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
body {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-text-size-adjust: none;
|
||||
-webkit-user-select: none;
|
||||
background-color:#E4E4E4;
|
||||
background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
|
||||
background-image:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
|
||||
background-image:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
|
||||
background-image:-webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
left bottom,
|
||||
color-stop(0, #A7A7A7),
|
||||
color-stop(0.51, #E4E4E4)
|
||||
);
|
||||
background-attachment:fixed;
|
||||
font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
|
||||
font-size:12px;
|
||||
height:100%;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
text-transform:uppercase;
|
||||
width:100%;
|
||||
|
||||
background-color:#32383d;
|
||||
font-family: 'RobotoRegular', 'Droid Sans', 'Segoe UI', Segoe, 'San Francisco', 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.app {
|
||||
background: url(../images/cordova.png) no-repeat center top;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
height: 50px;
|
||||
width: 225px;
|
||||
text-align: center;
|
||||
padding: 180px 0px 0px 0px;
|
||||
margin: -115px 0px 0px -112px;
|
||||
}
|
||||
|
||||
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
|
||||
.app {
|
||||
background-position:left center;
|
||||
padding:75px 0px 75px 170px;
|
||||
margin:-90px 0px 0px -198px;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:24px;
|
||||
font-weight:normal;
|
||||
margin:0px;
|
||||
overflow:visible;
|
||||
padding:0px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.event {
|
||||
border-radius:4px;
|
||||
-webkit-border-radius:4px;
|
||||
color:#FFFFFF;
|
||||
font-size:12px;
|
||||
margin:0px 30px;
|
||||
padding:2px 0px;
|
||||
}
|
||||
|
||||
.event.listening {
|
||||
background-color:#333333;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.event.received {
|
||||
background-color:#4B946A;
|
||||
display:none;
|
||||
}
|
||||
|
||||
@keyframes fade {
|
||||
from { opacity: 1.0; }
|
||||
50% { opacity: 0.4; }
|
||||
to { opacity: 1.0; }
|
||||
}
|
||||
|
||||
@-webkit-keyframes fade {
|
||||
from { opacity: 1.0; }
|
||||
50% { opacity: 0.4; }
|
||||
to { opacity: 1.0; }
|
||||
}
|
||||
|
||||
.blink {
|
||||
animation:fade 3000ms infinite;
|
||||
-webkit-animation:fade 3000ms infinite;
|
||||
}
|
||||
@@ -0,0 +1,379 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,179 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,233 @@
|
||||
<!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
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,53 @@
|
||||
<!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>
|
||||
+1233
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 248 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
@@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - SIGNIN</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
|
||||
<div class="form-fixed-large"></div>
|
||||
<div class="form-row txt-center">
|
||||
<img src="images/CIEF.png" style="width:200px; height:100px">
|
||||
</div>
|
||||
|
||||
<main>
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-row-group with-icons">
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<a class="fa fa-user" style="color: black"></a>
|
||||
</div>
|
||||
<input id="mobile" type="text" class="form-element" placeholder="Mobile.No" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<a class="fa fa-lock" style="color: black"></a>
|
||||
</div>
|
||||
<input id="password" type="password" class="form-element" placeholder="Password" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<a href="forgot-password.html" data-loader="show">Forgot Password?</a>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row">
|
||||
<a href="home.html" class="button block green" id="signin">Sign In</a>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
Don't have an account yet? <a href="verify-terms-conditions.html" data-loader="show">Sign-up</a>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Vendored
+453
@@ -0,0 +1,453 @@
|
||||
"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
@@ -0,0 +1,303 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,499 @@
|
||||
<!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>
|
||||
+119
@@ -0,0 +1,119 @@
|
||||
/**
|
||||
* 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
@@ -0,0 +1,109 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - Term</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center aztitle">
|
||||
Personal Profile Info
|
||||
</div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
Please provide your personal info and optional profile photo.
|
||||
</div>
|
||||
|
||||
<!-- Here Lies Main Start Here -->
|
||||
<main style="margin-top: 0;">
|
||||
<section class="container">
|
||||
<form>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-com">
|
||||
<img id="CompanyProfile" class="avatar-img" src="images/Screenshot (9).png" width="80" height="80" />
|
||||
<label class="update-btn fix">
|
||||
<input id="CompanyUpload" type="file" style="display:none" />
|
||||
<i class="fa fa-camera"></i>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Role</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please select your role</option>
|
||||
<option value="1">Freight Forwarder</option>
|
||||
<option value="2">Importer</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">First Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Fedrick Darel" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Last Name</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Auditore" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">E-Mail</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="fedrickdarel@gmail.com" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Website</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="http://www.Azure.com" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Position</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="CEO" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<a href="index.html" class="button block green">FINISH</a>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Require For All Pages -->
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
<!-- Require For All Pages -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,61 @@
|
||||
<!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>
|
||||
Vendored
+30
@@ -0,0 +1,30 @@
|
||||
// For an introduction to the Blank template, see the following documentation:
|
||||
// http://go.microsoft.com/fwlink/?LinkID=397704
|
||||
// To debug code on page load in cordova-simulate or on Android devices/emulators: launch your app, set breakpoints,
|
||||
// and then run "window.location.reload()" in the JavaScript Console.
|
||||
(function () {
|
||||
"use strict";
|
||||
|
||||
document.addEventListener( 'deviceready', onDeviceReady.bind( this ), false );
|
||||
|
||||
function onDeviceReady() {
|
||||
// Handle the Cordova pause and resume events
|
||||
document.addEventListener( 'pause', onPause.bind( this ), false );
|
||||
document.addEventListener( 'resume', onResume.bind( this ), false );
|
||||
|
||||
// TODO: Cordova has been loaded. Perform any initialization that requires Cordova here.
|
||||
var parentElement = document.getElementById('deviceready');
|
||||
var listeningElement = parentElement.querySelector('.listening');
|
||||
var receivedElement = parentElement.querySelector('.received');
|
||||
listeningElement.setAttribute('style', 'display:none;');
|
||||
receivedElement.setAttribute('style', 'display:block;');
|
||||
};
|
||||
|
||||
function onPause() {
|
||||
// TODO: This application has been suspended. Save application state here.
|
||||
};
|
||||
|
||||
function onResume() {
|
||||
// TODO: This application has been reactivated. Restore application state here.
|
||||
};
|
||||
} )();
|
||||
Vendored
+4
@@ -0,0 +1,4 @@
|
||||
/*
|
||||
This file is replaced with platform-specific code from the /merges folder.
|
||||
More info at http://taco.visualstudio.com/en-us/docs/configure-app/#Content.
|
||||
*/
|
||||
@@ -0,0 +1,234 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - SEARCH CONTACT</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css">
|
||||
<style>
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<!-- Wrapper Content Start Here -->
|
||||
<div class="wrapper">
|
||||
|
||||
<!-- Wrapper Inline Start Here -->
|
||||
<div class="wrapper-inline">
|
||||
|
||||
<div class="search-result-header fix-searchbar">
|
||||
<!-- or without .fix-searchbar -->
|
||||
<form class="fix-searchbar">
|
||||
<input type="text" id="searchInput" class="form-element" placeholder="search by company/phone no/name" onkeyup="CSearch()">
|
||||
<button id="btnback" type="button" class="search-result-btn"><i class="fa fa-arrow-left"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Page Content Start Here -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
|
||||
<!-- Navigation Body Start Here -->
|
||||
<div class="cont-menu">
|
||||
|
||||
<!-- Navigation Menu Start Here -->
|
||||
<cont class="menu">
|
||||
<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>
|
||||
<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; float: right">Invite</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Menu navigation start -->
|
||||
<div class="cont-container">
|
||||
<ul id="AddCompany" class="main-menu" style="display: none; background-color: #FFF">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-user"></i>
|
||||
Fedrick Darel Auditore
|
||||
<span class="list-item-title-role" style="margin-top:-10px">0197951905</span>
|
||||
<br />
|
||||
<span class="list-item-title-role" style="margin-top:-10px">Azure Corp</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-user"></i>
|
||||
Alexander
|
||||
<span class="list-item-title-role" style="margin-top:-10px">0197518811</span>
|
||||
<br />
|
||||
<span class="list-item-title-role" style="margin-top:-10px">Roma Inc</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-user"></i>
|
||||
Rovio Dough
|
||||
<span class="list-item-title-role" style="margin-top:-10px">0193319013</span>
|
||||
<br />
|
||||
<span class="list-item-title-role" style="margin-top:-10px">Rovio Games</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-user"></i>
|
||||
Mark
|
||||
<span class="list-item-title-role" style="margin-top:-10px">0127953102</span>
|
||||
<br />
|
||||
<span class="list-item-title-role" style="margin-top:-10px">Facebook</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-user"></i>
|
||||
Bruce Wayne
|
||||
<span class="list-item-title-role" style="margin-top:-10px">0131131521</span>
|
||||
<br />
|
||||
<span class="list-item-title-role" style="margin-top:-10px">Wayne Enterprise</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-user"></i>
|
||||
Daniel Jake
|
||||
<span class="list-item-title-role" style="margin-top:-10px">0127224135</span>
|
||||
<br />
|
||||
<span class="list-item-title-role" style="margin-top:-10px">Daniel Inc</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-user"></i>
|
||||
Harry
|
||||
<span class="list-item-title-role" style="margin-top:-10px">0163124451</span>
|
||||
<br />
|
||||
<span class="list-item-title-role" style="margin-top:-10px">CIEF</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-user"></i>
|
||||
Kiah Wang Auditore
|
||||
<span class="list-item-title-role" style="margin-top:-10px">0117951905</span>
|
||||
<br />
|
||||
<span class="list-item-title-role" style="margin-top:-10px">Land Estate Inc</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-user"></i>
|
||||
Spongebob
|
||||
<span class="list-item-title-role" style="margin-top:-10px">0161233255</span>
|
||||
<br />
|
||||
<span class="list-item-title-role" style="margin-top:-10px">Karate Corp</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-user"></i>
|
||||
Zack Synder
|
||||
<span class="list-item-title-role" style="margin-top:-10px">0122451105</span>
|
||||
<br />
|
||||
<span class="list-item-title-role" style="margin-top:-10px">DC Entertainment</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-user"></i>
|
||||
Alice Wong Auditore
|
||||
<span class="list-item-title-role" style="margin-top:-10px">0167951155</span>
|
||||
<br />
|
||||
<span class="list-item-title-role" style="margin-top:-10px">Alliance Estate</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-user"></i>
|
||||
Violet Auditore Firenze
|
||||
<span class="list-item-title-role" style="margin-top:-10px">0122311975</span>
|
||||
<br />
|
||||
<span class="list-item-title-role" style="margin-top:-10px">MC Muzic Inc</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-user"></i>
|
||||
Jack Ma
|
||||
<span class="list-item-title-role" style="margin-top:-10px">0127611005</span>
|
||||
<br />
|
||||
<span class="list-item-title-role" style="margin-top:-10px">Alibaba Express</span>
|
||||
</a>
|
||||
</li>
|
||||
</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 -->
|
||||
<!-- Required For All Pages, Otherwise Ugly Others Function Won't Work -->
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
<!-- Required For All Pages, Otherwise Ugly Others Function Won't Work -->
|
||||
|
||||
<script type="text/javascript">
|
||||
function CSearch() {
|
||||
// Declare variables
|
||||
var input, filter, ul, li, a, i;
|
||||
input = document.getElementById('searchInput');
|
||||
filter = input.value.toUpperCase();
|
||||
ul = document.getElementById("AddCompany");
|
||||
li = ul.getElementsByTagName('li');
|
||||
if (input.value.length == 0) {
|
||||
ul.style.display = "none";
|
||||
} else {
|
||||
ul.style.display = "block";
|
||||
}
|
||||
// Loop through all list items, and hide those who don't match the search query
|
||||
for (i = 0; i < li.length; i++) {
|
||||
a = li[i].getElementsByTagName("a")[0];
|
||||
if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
|
||||
li[i].style.display = "block";
|
||||
} else {
|
||||
li[i].style.display = "none";
|
||||
}
|
||||
}
|
||||
}
|
||||
document.getElementById("btnback").onclick = function () {
|
||||
javascript: history.back();
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,229 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - CREATE SHIPPING ORDER STEP 1</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<!-- Header area start -->
|
||||
<header style="background-color: #FFF">
|
||||
<a class="go-back-link" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
|
||||
<h1 id="HT" class="page-title" style="color: #000">Add Item</h1>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
<!-- Page content start -->
|
||||
<main class="fix-top-menu">
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Item Details</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Description</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="42 inch" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Brand</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Sharp" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Model</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Model" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Item Code</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Item Code" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Quantity</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Quantity" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">UOM</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please select UOM for your item</option>
|
||||
<option value="1">Bag</option>
|
||||
<option value="2">Bucket</option>
|
||||
<option value="3">Bundle</option>
|
||||
<option value="4">Box</option>
|
||||
<option value="5">Piece</option>
|
||||
<option value="6">Gallon</option>
|
||||
<option value="7">Pack</option>
|
||||
<option value="8">Pair</option>
|
||||
<option value="9">Sheet</option>
|
||||
<option value="10">Rack</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Photo</label>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
|
||||
<div class="form-divider-2"></div>
|
||||
<input id="fileInput" type="file" style="display:none;" />
|
||||
<button class="button green" onclick="document.getElementById('fileInput').click();">Select Image</button>
|
||||
<button class="button red">Remove</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider-3"></div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Packing Start Here -->
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Packing</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Qty of Carton</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="42 inch" required />
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Packaging Type</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please select choose Packaging Type</option>
|
||||
<option value="1">Bag</option>
|
||||
<option value="2">Bucket</option>
|
||||
<option value="3">Bundle</option>
|
||||
<option value="4">Box</option>
|
||||
<option value="5">Piece</option>
|
||||
<option value="6">Gallon</option>
|
||||
<option value="7">Pack</option>
|
||||
<option value="8">Pair</option>
|
||||
<option value="9">Sheet</option>
|
||||
<option value="10">Rack</option>
|
||||
</select>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Photo</label>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
<div class="profile-image">
|
||||
<div class="profile-image-item">
|
||||
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
||||
</div>
|
||||
|
||||
<div class="form-divider-2"></div>
|
||||
<input id="fileInput" type="file" style="display:none;" />
|
||||
<button class="button green" onclick="document.getElementById('fileInput').click();">Select Image</button>
|
||||
<button class="button red">Remove</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider-3"></div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Packing End Here -->
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Measurement</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<!-- Measurement Start Here-->
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Height (m)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="0" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Width (m)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="20" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Depth (m)</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="15" required />
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<button class="button red">Delete Item</button>
|
||||
<button class="button blue">Update Item</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,113 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,100 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - SIGNUP</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - SIGN-IN</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
|
||||
<!-- Header area start -->
|
||||
<header style="background-color: #FFF">
|
||||
<a class="go-back-link-index" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
|
||||
<h1 id="HT" class="page-title" style="color: #000">Sign-up</h1>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<img src="images/CIEF.png" style="width:200px; height:100px">
|
||||
</div>
|
||||
|
||||
<!-- Page content start -->
|
||||
<main>
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-row-group with-icons">
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<i class="fa fa-user" style="color: #667F97"></i>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Role</option>
|
||||
<option value="1" selected>Importer</option>
|
||||
<option value="2">Forwarder</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<i class="fa fa-lock" style="color: #667F97"></i>
|
||||
</div>
|
||||
<input type="password" name="aaa" class="form-element" placeholder="Password" required>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<i class="fa fa-lock" style="color: #667F97"></i>
|
||||
</div>
|
||||
<input type="password" name="aaa" class="form-element" placeholder="Confirm Password" required>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<i class="fa fa-check" style="color: #667F97"></i>
|
||||
</div>
|
||||
<input type="text" name="aaa" class="form-element" placeholder="Verification No" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center" style="color:white">
|
||||
Request verification number
|
||||
</div>
|
||||
|
||||
<div class="form-row-group with-icons">
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<i class="fa fa-phone" style="color: #667F97"></i>
|
||||
</div>
|
||||
<input type="text" name="aaa" class="form-element" placeholder="Mobile No">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<a href="#" class="button blue" style="right: 50px">Send</a>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider"></div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div >
|
||||
<a href="verify-terms-conditions.html" class="button block green">Sign Up</a>
|
||||
</div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
Already have an account? <a href="index.html" data-loader="show">Sign-in</a>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - Term</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center aztitle">
|
||||
Verify +60 19-795-1905
|
||||
</div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
Waiting to automatically detect an SMS sent to <b>+60 19-795 1905</b>.<a> Wrong number?</a>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<!-- Here Lies Main Start Here -->
|
||||
<main>
|
||||
<section class="container">
|
||||
<div>
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-code">
|
||||
<label style="color: #000">Enter Verification Code</label>
|
||||
</div>
|
||||
<input type="text" class="form-element-code-input" placeholder="" required />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- AzFooter Start Here-->
|
||||
<div class="azfooter-code">
|
||||
<div class="azfmain-button">
|
||||
<div class="form-row txt-center">
|
||||
<a href="profile-first-setup.html" class="button block green">NEXT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- AzFooter Ended Here -->
|
||||
|
||||
</section>
|
||||
</main>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,74 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - Term</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center aztitle">
|
||||
Verify your phone number
|
||||
</div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
IZYIM will send an SMS message to verify your phone number. Enter your country code and phone number:
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<!-- Here Lies Main Start Here -->
|
||||
<main>
|
||||
<section class="container">
|
||||
<form></form>
|
||||
<div class="form-row-group with-icons">
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top:10px">
|
||||
<a class="fa fa-flag"></a>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Select your country</option>
|
||||
<option value="1" selected>Malaysia</option>
|
||||
<option value="2">China</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top:10px">
|
||||
<a class="fa fa-phone"></a>
|
||||
</div>
|
||||
<input id="mobile" type="text" class="form-element" placeholder="Enter your phone number" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- AzFooter Start Here-->
|
||||
<div class="azfooter">
|
||||
<div class="azfmain-button">
|
||||
<div class="form-row txt-center">
|
||||
<a href="verify-code-number.html" class="button block green">NEXT</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="azfmain-txt">
|
||||
<div class="form-row txt-center">
|
||||
Carrier SMS charges may apply
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- AzFooter Ended Here -->
|
||||
|
||||
</section>
|
||||
</main>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - Term</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row txt-center" 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>
|
||||
@@ -15,12 +15,10 @@ class LoginTest extends TestCase
|
||||
*/
|
||||
public function testExample()
|
||||
{
|
||||
$response = $this->json('POST', '/api/login', ['phone' => '01234567899','password' => '123']);
|
||||
$response = $this->json('POST', '/api/login', ['phone' => '01234567890','password' => 'secret']);
|
||||
|
||||
$response
|
||||
->assertStatus(201)
|
||||
->assertJson([
|
||||
'created' => true,
|
||||
]);
|
||||
->assertStatus(200)
|
||||
->assertJsonStructure(['data']);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -13,14 +13,14 @@ class RegisterTest extends TestCase
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function testRegister()
|
||||
{
|
||||
$response = $this->json('POST', '/api/register', ['name' => 'Sally']);
|
||||
// public function testRegister()
|
||||
// {
|
||||
// $response = $this->json('POST', '/api/register', ['name' => 'Sally']);
|
||||
|
||||
$response
|
||||
->assertStatus(201)
|
||||
->assertJson([
|
||||
'created' => true,
|
||||
]);
|
||||
}
|
||||
// $response
|
||||
// ->assertStatus(201)
|
||||
// ->assertJson([
|
||||
// 'created' => true,
|
||||
// ]);
|
||||
// }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user