mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-Prototype.git
synced 2026-08-19 12:43:58 +00:00
..
This commit is contained in:
Nur Nadiah Nabilah Binti Hashinordin
@@ -626,30 +626,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>
|
||||
@@ -675,6 +680,10 @@
|
||||
<input type="file" name="...">
|
||||
</div>
|
||||
</td>
|
||||
|
||||
|
||||
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
@@ -701,6 +710,7 @@
|
||||
<input type="file" name="..."> </span>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
@@ -727,14 +737,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">
|
||||
@@ -948,6 +958,7 @@
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
|
||||
@@ -1265,6 +1276,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 -->
|
||||
@@ -1675,8 +1690,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);
|
||||
@@ -1686,11 +1701,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
@@ -642,12 +642,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">
|
||||
@@ -666,12 +666,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>
|
||||
@@ -692,12 +692,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>
|
||||
@@ -720,14 +720,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>
|
||||
@@ -1726,6 +1726,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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user