index.html warehousenote.html

This commit is contained in:
Syed Amir
2017-09-12 10:52:12 +08:00
parent 2647150e45
commit 87d9ee9f65
2 changed files with 52 additions and 213 deletions
+25 -198
View File
@@ -1,4 +1,20 @@
<!DOCTYPE html>
<!--
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
Version: 4.7.5
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
@@ -198,28 +214,7 @@
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-basket"></i>
<span class="title">Orders</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item active open ">
<a href="purchaseorder.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Purchase Order</span>
</a>
</li>
<li class="nav-item ">
<a href="shippingorder.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Shipping Order</span>
</a>
</li>
</ul>
</li>
</li>
<li class="nav-item">
<a href="chat.html?menu=true" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
@@ -389,7 +384,7 @@
<li><input onchange="filterme()" name="orderno" value="00005" type="checkbox"/>&nbsp;00005</li>
</ul>
</th>
<th width="1%"> <a href="" class="tooltips" data-placement="bottom" data-original-title="Purchase Order Number"> PO<br/> No </a> <br/>
<th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Purchase Order Number"> PO<br/> No </a> <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
@@ -473,7 +468,7 @@
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>00005<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href="chat.html"> Chat <span class='badge badge-warning'> 5 </span></a></li><li><a href='orderdetails.html'> Details </a></li><li class='divider'> </li><li><a href='javascript:;'> Cancel</a></li></ul>
</div><br/></center>
</td>
<td> 12345 </td>
<td> 123456 </td>
<td> 123456 </td>
<td> CIEF/0008 </td>
<td> 123456 </td>
@@ -494,7 +489,7 @@
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>00004<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href="chat.html"> Chat <span class='badge badge-warning'> 10 </span></a></li><li><a href='orderdetails.html'> Details </a></li><li class='divider'> </li><li><a href='javascript:;'> Cancel</a></li></ul>
</div><br/></center>
</td>
<td> 12345 </td>
<td> 123456 </td>
<td> 123456 </td>
<td> CIEF/0007 </td>
<td> 123456 </td>
@@ -515,7 +510,7 @@
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>00003<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href="chat.html"> Chat </a></li><li><a href='orderdetails.html'> Details </a></li><li class='divider'> </li><li><a href='javascript:;'> Cancel</a></li></ul>
</div><br/></center>
</td>
<td> 12345 </td>
<td> 123456 </td>
<td> 123456 </td>
<td> CIEF/0005 </td>
<td> 123456 </td>
@@ -536,7 +531,7 @@
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>00002<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href="chat.html"> Chat <span class='badge badge-warning'> 1 </span></a></li><li><a href='orderdetails.html'> Details </a></li><li class='divider'> </li><li><a href='javascript:;'> Cancel</a></li></ul>
</div><br/></center>
</td>
<td> 12345 </td>
<td> 123456 </td>
<td> 123456 </td>
<td> CIEF/0004 </td>
<td> 123456 </td>
@@ -556,7 +551,7 @@
<div class='btn-group'>
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>00001<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href="chat.html"> Chat </a></li><li><a href='orderdetails.html'> Details </a></li><li class='divider'> </li><li><a href='javascript:;'> Cancel</a></li></ul>
</div><br/></center> </td>
<td> 12345 </td>
<td> 123456 </td>
<td> 123456 </td>
<td> CIEF/0003 </td>
<td> 123456 </td>
@@ -569,167 +564,8 @@
</tr>
</tbody>
</table>
<div class="modal fade" id="profile" tabindex="-1" role="profile" aria-hidden="true">
<div class="portlet-body" >
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="form-body">
<div class="form-group">
<!-- PERSONAL INFO TAB -->
<div align="center">
<br/>
</div>
<div class="tab-pane active" id="tab_1_1">
<form role="form" action="#">
<div class="portlet-body">
<div class="table-container">
<h4>Purchase Order Status</h4>
<table style="" class="table table-striped table-bordered table-hover" id="sample_3">
<thead>
<tr>
<th width="1%"> No </th>
<th width="1%"> Order No <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="status" value="Delivered" type="checkbox"/>&nbsp;Delivered</li>
<li><input onchange="filterme()" name="status" value="Failed" type="checkbox"/>&nbsp;Failed</li>
<li><input onchange="filterme()" name="status" value="Cancel" type="checkbox"/>&nbsp;Cancel</li>
</ul>
</th>
<th width="1%"> SO Status <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="status" value="Delivered" type="checkbox"/>&nbsp;Complete</li>
<li><input onchange="filterme()" name="status" value="Failed" type="checkbox"/>&nbsp;Incomplete</li>
</ul>
</th>
<th width="1%"> Date <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li>
<div class="input-group input-daterange">
<input type="text" id="min-date" class="form-control date-range-filter" data-date-format="dd-mm-yyyy" placeholder="From:">
<div class="input-group-addon">to</div>
<input type="text" id="max-date" class="form-control date-range-filter" data-date-format="dd-mm-yyyy" placeholder="To:">
</div>
<li>
</ul>
</th>
<th width="3%"> Seller <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="orderno" value="" type="checkbox"/>&nbsp;Bob Supply Warehouse</li>
<li><input onchange="filterme()" name="orderno" value="" type="checkbox"/>&nbsp;Tom Warehouse</li>
</ul>
</th>
<th width="1%"> Total <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="orderno" value="00001" type="checkbox"/>&nbsp;(RMB)18,000</li>
<li><input onchange="filterme()" name="orderno" value="00002" type="checkbox"/>&nbsp;(RMB)12,000</li>
<li><input onchange="filterme()" name="orderno" value="00003" type="checkbox"/>&nbsp;(MYR)21,000</li>
<li><input onchange="filterme()" name="orderno" value="00004" type="checkbox"/>&nbsp;(MYR)10,000</li>
</ul>
</th>
<th width="1%"> Status <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="orderno" value="00001" type="checkbox"/>&nbsp;Canceled</li>
<li><input onchange="filterme()" name="orderno" value="00002" type="checkbox"/>&nbsp;Amended</li>
</ul>
</th>
<th width="1%"> Action <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="suppliercode" value="" type="checkbox"/>&nbsp;Actions</li>
</ul>
</th>
</tr>
</thead>
<tbody>
<tr>
<td> <center>1</center> </td>
<td> <span style='color:#08afed;font-weight: 700;'>12345</span> </td>
<td> <span style='color:#FF0000;font-weight: 700;'> Incomplete </span> </td>
<td> 03-07-2017 </td>
<td> Tom Warehouse <br>Venue:61250, Dongguan</td>
<td> (MYR)12,000</td>
<td> <span style='color:#002EFF;font-weight: 700;'> Amended </span></td>
<td><center>
<div class='btn-group'>
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul>
</div><br/></center>
</td>
</tr>
<tr>
<td> <center>2</center> </td>
<td> <span style='color:#08afed ;font-weight: 700;'>45678</span> </td>
<td> Complete </td>
<td> 02-07-2017 </td>
<td> Bob Supply Warehouse <br>Venue:61250, Hong Kong</td>
<td> (MYR)21,000</td>
<td> <span style='color:#002EFF;font-weight: 700;'> Amended </span></td>
<td><center>
<div class='btn-group'>
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul>
</div><br/></center>
</td>
</tr>
<tr>
<td> <center>3</center> </td>
<td> <span style='color:#08afed ;font-weight: 700;'>90123</span> </td>
<td> <span style='color:#FF0000;font-weight: 700;'> Incomplete </span> </td>
<td> 01-07-2017 </td>
<td> Bob Supply Warehouse <br>Venue:61250, Hong Kong</td>
<td> (MYR)18,000</td>
<td> <span style='color:#FF0000;font-weight: 700;'> Canceled </span></td>
<td><center>
<div class='btn-group'>
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul>
</div><br/></center>
</td>
</tr>
<tr>
<td> <center>4</center> </td>
<td> <span style='color:#08afed;font-weight: 700;'>99814</span> </td>
<td> Complete </td>
<td> 01-07-2017 </td>
<td> Tom Warehouse <br>Venue:61250, Dongguan</td>
<td> (MYR)10,000</td>
<td> <span style='color:#FF0000;font-weight: 700;'> Canceled </span></td>
<td><center>
<div class='btn-group'>
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href='#'> View </a></li><li><a href='#'> Edit </a></li><li><a href='#'> Cancel </a></li></ul>
</div><br/></center>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End: life time stats -->
@@ -1340,7 +1176,6 @@
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN THEME GLOBAL SCRIPTS -->
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/ui-extended-modals.min.js" type="text/javascript"></script>
<!-- END THEME GLOBAL SCRIPTS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
@@ -1353,15 +1188,7 @@
<script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<!-- END THEME LAYOUT SCRIPTS -->
<script>
$(document).ready(function()
{
$('#clickmewow').click(function()
{
$('#radio1003').attr('checked', 'checked');
});
})
</script>
</body>
+27 -15
View File
@@ -621,7 +621,7 @@
<div class="portlet-body">
<div class="table-scrollable" style="max-width:900px; font-size:100px">
<div class="table-scrollable" style="max-width:900px; font-size:100px;">
<table class="table table-striped table-bordered table-hover" id="sample_editable_1">
<thead>
<tr>
@@ -637,6 +637,20 @@
<th scope="col">Upload your Photo Here</th>
</tr>
</thead>
<tfoot>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tfoot>
<tbody>
<tr>
<td>1</td>
@@ -716,9 +730,6 @@
</tr>
</tbody>
<tfoot>
</tfoot>
</table>
</div>
<h5>Total of The Carton :</h5><h5 id="total1">12</h5>
@@ -1658,19 +1669,26 @@
}
}
function addNewRow(){
var last_count = $('#sample_editable_1').find('tr:last td:first').text();
var last_count = $('#sample_editable_1').find('tbody tr:last td:first').text();
var next_count = parseInt(last_count) + 1;
var lengths = $( "#sample_editable_1 tr:nth-child(2) td" ).length;
var lengths = $( "#sample_editable_1 tbody tr:nth-child(2) td" ).length;
alert(lengths);
$('#sample_editable_1 > tbody:last-child').append('<tr><td>'+next_count+'</td><td><input style="width: 34px;" type="text"/></td><td><input style="width: 75px;" type="text"/></td><td><input style="width: 34px;" type="text"/></td><td><input style="width: 34px;" type="text"/></td><td><input style="width: 75px;" type="text"/></td><td><input style="width: 34px;" type="text"/></td><td><input style="width: 75px;" type="text"/></td><td><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkboxes" value="1"><span></span></label></td><td><div><span class="fileinput-new"></span><span class="fileinput-exists"></span><input type="file" name="..."></div></td></tr>');
var rowCount = $('#sample_editable_1 tr').length;
var rowCount = $('#sample_editable_1 tbody tr').length;
$('#total').html(rowCount);
}
function addNewColumn(){
$('#sample_editable_1').find('tr').each(function(){
$('#sample_editable_1 thead').find('tr').each(function(){
$(this).find('th').eq(7).after('<th>Remark</th>');
});
$('#sample_editable_1').find('tr').each(function(){
$('#sample_editable_1 tbody').find('tr').each(function(){
$(this).find('td').eq(7).after('<td><textarea style="width: 75px;"></textarea></td>');
});
$('#sample_editable_1 tfoot').find('tr').each(function(){
$(this).find('td').eq(7).after('<td><textarea style="width: 75px;"></textarea></td>');
});
}
@@ -1689,12 +1707,6 @@
}
document.getElementById('total').value = tot
}
onload = function () {
rows = document.getElementById('tab').getElementById('qty1');
for (var i = 0; i < rows.length; i++) {
rows.getElementsByTagName('input')[i].onkeyup = calc;
}
}
</script>
<script type="text/javascript">
function findTotal(){