created popup for reject and decision request

This commit is contained in:
Zain Fauzan Rofie Azizi
2018-03-29 10:16:21 +08:00
parent ce9d1714e2
commit 4bbe56815f
+82 -6
View File
@@ -76,7 +76,7 @@
<div class="form-divider"></div>
<div class="form-label-divider">
<span class="label-span">List of Items</span>
</div>
</div>
<!-- Content List Spawner Start Here -->
<div class="form-divider"></div>
<div class="list-box-emp">
@@ -109,19 +109,95 @@
</div>
<div class="form-divider"></div>
<div class="form-row txt-center">
<a href="#" class="button red">Reject</a>
<a href="#" class="button green">Decision Request</a>
<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 -->
</div>
<!-- Content List Spawner End Here -->
</form>
</main>
<!-- Page content end -->
</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">
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Damage</label>
</div>
<input type="text" class="form-element" placeholder="Damaged" required />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Balance</label>
</div>
<input type="text" class="form-element" placeholder="20 Carton " required />
</div>
<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>