This commit is contained in:
Hazirah Nabilah
2017-09-13 09:41:06 +08:00
3 changed files with 1841 additions and 39 deletions
+42 -26
View File
@@ -647,30 +647,35 @@
<thead>
<tr>
<th scope="col">No</th>
<th scope="col">Total Ctn (nominal)</th>
<th scope="col">Measurement (nominal)</th>
<th scope="col">Weight (nominal)</th>
<th scope="col">Total Ctn (actual)</th>
<th scope="col">Measurement (actual)</th>
<th scope="col">Weight (actual)</th>
<th scope="col">Total Ctn<br>(nominal)</th>
<th scope="col">Measurement-m<br>(nominal)</th>
<th scope="col">Weight<br>(nominal)</th>
<th scope="col">Total Ctn<br>(actual)</th>
<th scope="col">Measurement-m<br>(actual)</th>
<th scope="col">Weight<br>(actual)</th>
<th scope="col">Status</th>
<th scope="col">Damage</th>
<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>
<td style="color: black">Total</td>
<td style="color: black">12 ctn</td>
<td style="color: black">3.6 CBM</td>
<td style="color: black">10 kg</td>
<td style="color: black">11 ctn</td>
<td style="color: black" >3.6 CBM</td>
<td style="color: black">29.8 kg</td>
<td><a style="color: black"></a></td>
<td>
</td>
<td>
</td>
</tfoot>
<tbody>
<tr>
@@ -696,6 +701,10 @@
<input type="file" name="...">
</div>
</td>
</tr>
<tr>
<td>2</td>
@@ -722,6 +731,7 @@
<input type="file" name="..."> </span>
</div>
</td>
</tr>
<tr>
<td>3</td>
@@ -748,14 +758,14 @@
<input type="file" name="...">
</div>
</td>
</tr>
</tbody>
</table>
</div>
<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">
@@ -969,6 +979,7 @@
</td>
</tr>
</tbody>
</table>
<div class="modal-footer">
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
@@ -1286,6 +1297,10 @@
<script src="../assets/pages/scripts/form-editable.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/form-repeater.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/form-repeater.min.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/table-datatables-managed.min.js" type="text/javascript"></script>
<!-- END THEME GLOBAL SCRIPTS -->
<!-- END PAGE LEVEL SCRIPTS -->
<!-- BEGIN THEME LAYOUT SCRIPTS -->
@@ -1696,8 +1711,8 @@
var next_count = parseInt(last_count) + 1;
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>');
$('#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></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>');
var rowCount = $('#sample_editable_1 tbody tr').length;
$('#total').html(rowCount);
@@ -1707,11 +1722,12 @@
$(this).find('th').eq(7).after('<th>Remark</th>');
});
$('#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>');
$(this).find('td').eq(7).after('<td><textarea style="width: 34px;"></textarea></td>');
});
$('#sample_editable_1 tfoot').find('tr').each(function(){
$(this).find('td').eq(7).after('<td><textarea style="width: 34px;"></textarea></td>');
});
}
</script>
File diff suppressed because it is too large Load Diff
+49 -13
View File
@@ -663,12 +663,12 @@
<td>1</td>
<td>4<input onblur="findTotal()" type="text" name="qty" id="qty1"/><br></td>
<td>40x40x40</td>
<td>10kg<input onblur="findTotal()" type="text" name="qty" id="qty2"/><br></td>
<td><a href="javascript:;" id="totalctn" data-type="text" data-pk="1" data-original-title="Total Ctn" onblur="findTotal()" type="text" name="qty" id="qty3"/> 4 </a>
<td>10kg<input onblur="findTotal2()" type="text" name="weight" id="qty2"/><br></td>
<td><a href="javascript:;" id="totalctn" data-type="text" data-pk="1" data-original-title="Total Ctn" onblur="findTotal3()" type="text" name="qtyy" id="qty3"/> 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" onblur="findTotal()" type="text" name="qty" id="qty4"/> 10kg <br></a>
<td><a href="javascript:;" id="weight" data-type="text" data-pk="1" data-original-title="Weight" onblur="findTotal4()" type="text" name="weightt" id="qty4"/> 10kg <br></a>
</td>
<td>Matched</td>
<td><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
@@ -687,12 +687,12 @@
<td>2</td>
<td style="color: red">4<input onblur="findTotal()" type="text" name="qty" id="qty1"/><br></td>
<td style="color: red">40x40x40</td>
<td style="color: red">10kg<input onblur="findTotal()" type="text" name="qty" id="qty2"/><br></td>
<td><a href="javascript:;" id="totalctn2" data-type="text" data-pk="1" data-original-title="Total Ctn" style="color: red" onblur="findTotal()" type="text" name="qty" id="qty3"/> 3 <br></a>
<td style="color: red">10kg<input onblur="findTotal2()" type="text" name="weight" id="qty2"/><br></td>
<td><a href="javascript:;" id="totalctn2" data-type="text" data-pk="1" data-original-title="Total Ctn" style="color: red" onblur="findTotal3()" type="text" name="qtyy" id="qty3"/> 3 <br></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" onblur="findTotal()" type="text" name="qty" id="qty4"/> 10kg<br></a>
<td><a href="javascript:;" id="weight2" data-type="text" data-pk="1" data-original-title="Weight" style="color: red" onblur="findTotal4()" type="text" name="weightt" id="qty4"/> 10kg<br></a>
</td>
<td><a style="color: red">Unmatched</a></td>
<td>
@@ -713,12 +713,12 @@
<td>3</td>
<td style="color: red">4<input onblur="findTotal()" type="text" name="qty" id="qty1"/><br></td>
<td style="color: red">40x40x40</td>
<td style="color: red">10kg<input onblur="findTotal()" type="text" name="qty" id="qty2"/><br></td>
<td><a href="javascript:;" id="totalctn3" data-type="text" data-pk="1" data-original-title="Total Ctn" style="color: red" onblur="findTotal()" type="text" name="qty" id="qty3"/> 4<br> </a>
<td style="color: red">10kg<input onblur="findTotal2()" type="text" name="weight" id="qty2"/><br></td>
<td><a href="javascript:;" id="totalctn3" data-type="text" data-pk="1" data-original-title="Total Ctn" style="color: red" onblur="findTotal3()" type="text" name="qtyy" id="qty3"/> 4<br> </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" onblur="findTotal()" type="text" name="qty" id="qty4"/> 9.8kg<br> </a>
<td><a href="javascript:;" id="weight3" data-type="text" data-pk="1" data-original-title="Weight" style="color: red" onblur="findTotal4()" type="text" name="weightt" id="qty4"/> 9.8kg<br> </a>
</td>
<td><a style="color: red">Unmatched</a></td>
<td>
@@ -741,14 +741,14 @@
<tfoot>
<tr>
<td style="color: black">Total</td>
<td style="color: black"><input type="text" name="total1" id="total"/></td>
<td style="color: black"><input type="text" name="totalctn" id="total"/></td>
<td style="color: black"></td>
<td style="color: black"><input type="text" name="total2" id="total"/></td>
<td><a href="javascript:;" id="totalctn3" data-type="text" data-pk="1" data-original-title="Total Ctn" style="color: black" ><input type="text" name="total3" id="total"/> </a>
<td style="color: black"><input type="text" name="totalweight" id="total2"/></td>
<td><a href="javascript:;" id="totalctn3" data-type="text" data-pk="1" data-original-title="Total Ctn" style="color: black" ><input type="text" name="total3" id="total3"/> </a>
</td>
<td><a href="javascript:;" id="address3" data-type="address" data-pk="1" data-original-title="Measurement" style="color: black"> </a>
</td>
<td><a href="javascript:;" id="weight3" data-type="text" data-pk="1" data-original-title="Weight" style="color: black"> <input type="text" name="total4" id="total"/> </a>
<td><a href="javascript:;" id="weight3" data-type="text" data-pk="1" data-original-title="Weight" style="color: black"> <input type="text" name="total4" id="total4"/> </a>
</td>
<td><a style="color: black"></a></td>
<td>
@@ -1747,6 +1747,42 @@ function findTotal(){
}
</script>
<script type="text/javascript">
function findTotal2(){
var arr = document.getElementsByName('weight');
var tot=0;
for(var i=0;i<arr.length;i++){
if(parseInt(arr[i].value))
tot += parseInt(arr[i].value);
}
document.getElementById('total2').value = tot;
}
</script>
<script type="text/javascript">
function findTotal3(){
var arr = document.getElementsByName('qtyy');
var tot=0;
for(var i=0;i<arr.length;i++){
if(parseInt(arr[i].value))
tot += parseInt(arr[i].value);
}
document.getElementById('total3').value = tot;
}
</script>
<script type="text/javascript">
function findTotal4(){
var arr = document.getElementsByName('weightt');
var tot=0;
for(var i=0;i<arr.length;i++){
if(parseInt(arr[i].value))
tot += parseInt(arr[i].value);
}
document.getElementById('total4').value = tot;
}
</script>
</body>