update payment page

This commit is contained in:
Aung Myo
2017-11-08 17:14:18 +06:30
parent 482d0559eb
commit 7fe1ff5b22
9 changed files with 519 additions and 479 deletions

View File

@@ -25,7 +25,7 @@
</div>
</div>
<div class="card-block m-l-5 m-r-5">
<div class="card-block m-l-5 m-r-5 m-t--10">
<div class="card-title">
<div id="table-details" class="card-text" >
<table class="table" id="append-table">
@@ -40,9 +40,9 @@
</table>
</div>
</div>
<div id="order-detail-slimscroll">
<div id="order-detail-slimscroll" data-height="300">
<!-- <div id="table-details" class="card-text" style="min-height:400px; max-height:400px; overflow-x:scroll"> -->
<div id="table-details" class="card-text" >
<div id="table-details" class="card-text m-t--10" >
<table class="table" id="append-table">
<tbody>
<% sub_total = 0
@@ -65,8 +65,8 @@
</div>
</div>
</div>
<div class="card-footer">
<table class="table">
<div class="card-footer ">
<table class="table m-t--10 ">
<tfooter>
<tr>
<td class="charges-name"><strong>Sub Total</strong></td>
@@ -115,7 +115,7 @@
<div class="col-md-8"><strong>Amount Due</strong></div>
<div class="col-md-4"><strong><span id="amount_due"><%= @sale_data.grand_total %></span></strong></div>
</div>
<br>
<div class="row payment cash-color p-l-5 p-r-5">
<div class="col-md-8">Cash</div>
<div class="col-md-4" id="cash" ><%= @cash %></div>
@@ -208,12 +208,12 @@
<div class="col-md-4" id="mastercount">0.0</div>
</div>
<% end %>
<br>
<!-- <br> -->
<div class="row m-l-5 m-r-5">
<div class="col-md-8"><strong>Balance</strong></div>
<div class="col-md-4"><strong><span id='balance'><%= @sale_data.grand_total %></span></strong></div>
</div>
<br>
<!-- <br> -->
</div>
</div>
@@ -221,42 +221,42 @@
<div class="row m-l-5 m-r-5">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="row bottom">
<div class="col-md-4 cashier_number border-top border-right border-left" data-value="1" data-type="num">1</div>
<div class="col-md-4 cashier_number border-top border-right border-left" data-value="2" data-type="num">2</div>
<div class="col-md-4 cashier_number border-top border-right border-left" data-value="3" data-type="num">3</div>
<div class="col-md-4 cashier_number border-top border- border-left" data-value="1" data-type="num">1</div>
<div class="col-md-4 cashier_number border-top border- border-left" data-value="2" data-type="num">2</div>
<div class="col-md-4 cashier_number border-top border- border-left" data-value="3" data-type="num">3</div>
</div>
<div class="row bottom">
<div class="col-md-4 cashier_number border-top border-right border-left" data-value="4" data-type="num">4</div>
<div class="col-md-4 cashier_number border-top border-right border-left" data-value="5" data-type="num">5</div>
<div class="col-md-4 cashier_number border-top border-right border-left" data-value="6" data-type="num">6</div>
<div class="col-md-4 cashier_number border-top border- border-left" data-value="4" data-type="num">4</div>
<div class="col-md-4 cashier_number border-top border- border-left" data-value="5" data-type="num">5</div>
<div class="col-md-4 cashier_number border-top border- border-left" data-value="6" data-type="num">6</div>
</div>
<div class="row bottom">
<div class="col-md-4 cashier_number border-top border-right border-left" data-value="7" data-type="num">7</div>
<div class="col-md-4 cashier_number border-top border-right border-left" data-value="8" data-type="num">8</div>
<div class="col-md-4 cashier_number border-top border-right border-left" data-value="9" data-type="num">9</div>
<div class="col-md-4 cashier_number border-top border- border-left" data-value="7" data-type="num">7</div>
<div class="col-md-4 cashier_number border-top border- border-left" data-value="8" data-type="num">8</div>
<div class="col-md-4 cashier_number border-top border- border-left" data-value="9" data-type="num">9</div>
</div>
<div class="row bottom">
<div class="col-md-4 cashier_number border-top border-right border-left" data-value="0" data-type="num">0</div>
<div class="col-md-4 cashier_number border-top border-right border-left" data-value="." data-type="num">.</div>
<div class="col-md-4 cashier_number border-top border-right border-left" data-value="00" data-type="num">00</div>
<div class="col-md-4 cashier_number border-top border- border-left" data-value="0" data-type="num">0</div>
<div class="col-md-4 cashier_number border-top border- border-left" data-value="." data-type="num">.</div>
<div class="col-md-4 cashier_number border-top border- border-left" data-value="00" data-type="num">00</div>
</div>
<div class="row bottom">
<div class="col-md-4 cashier_number border-top border-right border-left green" data-type="nett">Nett</div>
<div class="col-md-4 cashier_number border-top border-right border-left red" data-type="del">Del</div>
<div class="col-md-4 cashier_number border-top border-right border-left orange" data-type="clr">Clr</div>
<div class="col-md-4 cashier_number border-top border- border-left green" data-type="nett">Nett</div>
<div class="col-md-4 cashier_number border-top border- border-left red" data-type="del">Del</div>
<div class="col-md-4 cashier_number border-top border- border-left orange" data-type="clr">Clr</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="row bottom">
<div class="cashier_number border-top border-right border-left payment-long payment-left" data-value="1000" data-type="add">1000</div>
<div class="cashier_number border-top border-right border-left payment-long" data-value="3000" data-type="add">3000</div>
<div class="cashier_number border-top border- border-left payment-long payment-left" data-value="1000" data-type="add">1000</div>
<div class="cashier_number border-top border- border-left payment-long" data-value="3000" data-type="add">3000</div>
</div>
<div class="row bottom">
<div class="cashier_number border-top border-right border-left payment-long payment-left" data-value="5000" data-type="add">5000</div>
<div class="cashier_number border-top border-right border-left payment-long" data-value="10000" data-type="add">10000</div>
<div class="cashier_number border-top border- border-left payment-long payment-left" data-value="5000" data-type="add">5000</div>
<div class="cashier_number border-top border- border-left payment-long" data-value="10000" data-type="add">10000</div>
</div>
<div class="row bottom">
<div class="pay border-top border-right border-left purple payment-left" id="pay">Pay</div>
<div class="pay border-top border- border-left purple payment-left" id="pay">Pay</div>
</div>
</div>
</div>