This commit is contained in:
Nur Nadiah Nabilah Binti Hashinordin
2017-09-12 10:31:48 +08:00
parent 5695be0cf9
commit 2647150e45
5 changed files with 1826 additions and 4498 deletions
+6 -1
View File
@@ -134,7 +134,12 @@ License: You must have a valid license purchased only from themeforest(the above
margin-left: 63%;
margin-top:0.7%;
}
.media-object-1 {
width: 85px;
position: center ;
margin-left: 3%;
margin-top:0.7%;
}
</style>
</head>
<!-- END HEAD -->
File diff suppressed because it is too large Load Diff
+88 -84
View File
@@ -632,8 +632,9 @@
<th scope="col">Total Ctn (actual)</th>
<th scope="col">Measurement (actual)</th>
<th scope="col">Weight (actual)</th>
<th scope="col">Upload your Photo Here</th>
<th scope="col">Action</th>
<th scope="col">Status</th>
<th scope="col">Damage</th>
<th scope="col">Upload your Photo Here</th>
</tr>
</thead>
<tbody>
@@ -642,117 +643,87 @@
<td>4</td>
<td>40x40x40</td>
<td>10kg</td>
<td><a href="javascript:;" id="totalctn" data-type="text" data-pk="1" data-original-title="Total Ctn"> 4 </a>
<td><a href="javascript:;" id="totalctn" name="totalctn1" data-type="text" data-pk="1" data-original-title="Total Ctn"> 4 </a>
</td>
<td><a href="javascript:;" id="address" data-type="address" data-pk="1" data-original-title="Measurement"> 40 x 40 x 40</a>
</td>
<td><a href="javascript:;" id="weight" data-type="text" data-pk="1" data-original-title="Weight"> 10kg </a>
</td>
<td>
<div>
<span class="fileinput-new"></span>
<span class="fileinput-exists"></span>
<input type="file" name="...">
</div>
</td>
<td>
<div class="btn-group">
<a class="btn blue btn-outline btn-circle" href="javascript:;" data-toggle="dropdown" style="width:35px; height:25px">
<i class="fa fa-angle-down" style="margin-top: :80px"></i>
</a>
<ul class="dropdown-menu pull-right" id="sample_3_tools">
<li>
<a href="javascript:;" data-action="0" class="tool-action"> Measurement</a>
</li>
<li>
<a href="javascript:;" data-action="1" class="tool-action">Unmatched</a>
</li>
<li>
<a href="javascript:;" data-action="2" class="tool-action">Damage</a>
</li>
</ul>
</div>
</td>
<td>Matched</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>
<tr>
<td>2</td>
<td style="color: red">4</td>
<td style="color: red">40x40x40</td>
<td style="color: red">10kg</td>
<td><a href="javascript:;" id="totalctn2" data-type="text" data-pk="1" data-original-title="Total Ctn" style="color: red"> 3 </a>
<td><a href="javascript:;" id="totalctn2" name="totalctn1" data-type="text" data-pk="1" data-original-title="Total Ctn" style="color: red"> 3 </a>
</td>
<td><a href="javascript:;" id="address2" data-type="address" data-pk="1" data-original-title="Measurement" style="color: red"> 40 x 40 x 40</a>
</td>
<td><a href="javascript:;" id="weight2" data-type="text" data-pk="1" data-original-title="Weight" style="color: red"> 10kg </a>
</td>
<td>
<div>
<span class="fileinput-new"></span>
<span class="fileinput-exists"></span>
<input type="file" name="..."> </span>
</div>
</td>
<td>
<div class="btn-group">
<a class="btn blue btn-outline btn-circle" href="javascript:;" data-toggle="dropdown" style="width:35px; height:25px">
<i class="fa fa-angle-down" style="margin-top: :80px"></i>
</a>
<ul class="dropdown-menu pull-right" id="sample_3_tools">
<li>
<a href="javascript:;" data-action="0" class="tool-action"> Measurement</a>
</li>
<li>
<a href="javascript:;" data-action="1" class="tool-action">Unmatched</a>
</li>
<li>
<a href="javascript:;" data-action="2" class="tool-action">Damage</a>
</li>
</ul>
</div>
</td>
<td><a style="color: red">Unmatched</a></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="..."> </span>
</div>
</td>
</tr>
<tr>
<td>3</td>
<td style="color: red">4</td>
<td style="color: red">40x40x40</td>
<td style="color: red">10kg</td>
<td><a href="javascript:;" id="totalctn3" data-type="text" data-pk="1" data-original-title="Total Ctn" style="color: red"> 4 </a>
<td><a href="javascript:;" id="totalctn3" name="totalctn1" data-type="text" data-pk="1" data-original-title="Total Ctn" style="color: red"> 4 </a>
</td>
<td><a href="javascript:;" id="address3" data-type="address" data-pk="1" data-original-title="Measurement" style="color: red"> 40 x 40 x 40</a>
</td>
<td><a href="javascript:;" id="weight3" data-type="text" data-pk="1" data-original-title="Weight" style="color: red"> 9.8kg </a>
</td>
<td>
<div>
<span class="fileinput-new"></span>
<span class="fileinput-exists"></span>
<input type="file" name="...">
</div>
</td>
<td>
<div class="btn-group">
<a class="btn blue btn-outline btn-circle" href="javascript:;" data-toggle="dropdown" style="width:35px; height:25px">
<i class="fa fa-angle-down" style="margin-top: :80px"></i>
</a>
<ul class="dropdown-menu pull-right" id="sample_3_tools">
<li>
<a href="javascript:;" data-action="0" class="tool-action"> Measurement</a>
</li>
<li>
<a href="javascript:;" data-action="1" class="tool-action">Unmatched</a>
</li>
<li>
<a href="javascript:;" data-action="2" class="tool-action">Damage</a>
</li>
</ul>
</div>
</td>
<td><a style="color: red">Unmatched</a></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>
</tbody>
<tfoot>
</tfoot>
</table>
</div>
<h5>Total of the goods : </h5><h5 id="total">10</h5>
<h5>Total of The Carton :</h5><h5 id="total1">12</h5>
<h5>Total of The CBM :</h5><h5 id="total2">64 000 CBM</h5>
<h5>Total of The Weight :</h5><h5 id="total3">30kg</h5>
</div>
<div class="form-actions">
<div class="row">
@@ -768,7 +739,7 @@
<br>
<br>
<br>
<p style="color:red; font-size:90%" align="center">Notification: If the goods is unmatched or damage, please keep key in the information and go to action button to choose the problem occur</p>
<p style="color:red; font-size:90%" align="center">Notification: Please keep key in the information if there have any problem with the goods</p>
</div>
<div class="row">
<div class="col-md-offset-5 col-md-9">
@@ -1690,7 +1661,7 @@
var last_count = $('#sample_editable_1').find('tr:last td:first').text();
var next_count = parseInt(last_count) + 1;
var lengths = $( "#sample_editable_1 tr:nth-child(2) td" ).length;
$('#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><div><span class="fileinput-new"></span><span class="fileinput-exists"></span><input type="file" name="..."></div></td><td><div class="btn-group"><a class="btn blue btn-outline btn-circle" href="javascript:;" data-toggle="dropdown" style="width:35px; height:25px"><i class="fa fa-angle-down" style="margin-top: :80px"></i></a><ul class="dropdown-menu pull-right" id="sample_3_tools"><li><a href="javascript:;" data-action="0" class="tool-action"> Measurement</a></li><li><a href="javascript:;" data-action="1" class="tool-action">Unmatched</a></li><li><a href="javascript:;" data-action="2" class="tool-action">Damage</a></li></ul></div></td></tr>');
$('#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;
$('#total').html(rowCount);
@@ -1705,6 +1676,39 @@
}
</script>
<script type="text/javascript">
var howmanytoadd = 2;
var rows;
function calc() {
var tot = 0;
for (var i = 0; i < rows.length; i++) {
var linetot = 0;
rows[i].getElementsByTagName('input')[howmanytoadd].value = linetot;
tot += linetot;
}
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(){
var arr = document.getElementsByName('qty');
var tot=0;
for(var i=0;i<arr.length;i++){
if(parseInt(arr[i].value))
tot += parseInt(arr[i].value);
}
document.getElementById('total1').value = tot;
}
</script>
</body>
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff