mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-mobile-client.git
synced 2026-08-28 00:33:58 +00:00
add next, remove popup
This commit is contained in:
Zain Fauzan Rofie Azizi
@@ -77,147 +77,29 @@
|
||||
<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">
|
||||
<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 Note</span>
|
||||
<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 -->
|
||||
|
||||
</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">Warehouse Receive Note</h3>
|
||||
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
|
||||
</div>
|
||||
<div class="popup-content">
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-label-divider">
|
||||
<span class="label-span">Warehouse Receive Note Form</span>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div class="form-row-group with-icons-no-padding">
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Order Number</label>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Please select your Order Number</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Warehouse</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="Port Klang" disabled required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">Receive Date</label>
|
||||
</div>
|
||||
<input type="text" class="form-element" placeholder="dd/mm/yyyy" required />
|
||||
</div>
|
||||
|
||||
<div class="form-row no-padding">
|
||||
<div class="form-element-title">
|
||||
<label style="color: #000">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 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>
|
||||
</div>
|
||||
<!-- Warehouse Receive Note Details End Here-->
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<a href="arrangements-warehouse_receive_note1.1.html"><span class="button blue" data-dismiss="true">Add Note</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--POPUP HTML CONTENT END -->
|
||||
|
||||
<script src="js/jquery-3.2.1.min.js"></script>
|
||||
<script src="js/global.script.js"></script>
|
||||
|
||||
|
||||
@@ -0,0 +1,143 @@
|
||||
<!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>
|
||||
</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>
|
||||
@@ -81,7 +81,7 @@
|
||||
<a href="javascript:void(0);" class="list-item" data-popup="formPopup">
|
||||
<i class="fa fa-plus"></i>
|
||||
<em class="seperate"></em>
|
||||
<span class="list-item-title">Add New Note</span>
|
||||
<span class="list-item-title">Add New WRN</span>
|
||||
</a>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider">
|
||||
@@ -234,7 +234,7 @@
|
||||
</div>
|
||||
<div class="popup-footer">
|
||||
<div class="form-divider"></div>
|
||||
<a href="arrangements-warehouse_receive_note_review3.html"><span class="button blue" data-dismiss="true">Submit</span></a>
|
||||
<a href="arrangements-warehouse_receive_note_review3.html"><span class="button blue" data-dismiss="true">Next</span></a>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user