git_admin/sx-fc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update adminbsb for confirms

Browse Source
This commit is contained in:
Aung Myo
2017-10-17 18:09:17 +06:30
parent 46e7431d1e
commit 034685e1e9
14 changed files with 396 additions and 346 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/addorder.js
View File

@@ -61,7 +61,7 @@ $(function(){
+JSON.stringify(item_attributes)+"' data-toggle='modal' data-target='.sx_item_detailModal'>" +JSON.stringify(item_attributes)+"' data-toggle='modal' data-target='.sx_item_detailModal'>"
+"<div class='card-block custom-card-block'>" +"<div class='card-block custom-card-block'>"
+"<img id='logo' src='"+image_path+"'>" +"<img id='logo' height='125px' src='"+image_path+"'>"
+"</div>" +"</div>"
+'<div class="card-footer custom-card-footer">' +'<div class="card-footer custom-card-footer">'
@@ -170,7 +170,7 @@ $(function(){
+JSON.stringify(menu_items[field].item_sets)+"' data-toggle='modal' data-target='."+data_target+"'>" +JSON.stringify(menu_items[field].item_sets)+"' data-toggle='modal' data-target='."+data_target+"'>"
+"<div class='card-block custom-card-block'>" +"<div class='card-block custom-card-block'>"
+"<img id='logo' src='"+image_path+"'>" +"<img id='logo' height='125px' src='"+image_path+"'>"
+"</div>" +"</div>"
+'<div class="card-footer custom-card-footer">' +'<div class="card-footer custom-card-footer">'

49
app/assets/javascripts/application.js
View File

@@ -24,6 +24,7 @@
//= require bootstrap-select/js/bootstrap-select //= require bootstrap-select/js/bootstrap-select
//= require jquery-slimscroll/jquery.slimscroll.js //= require jquery-slimscroll/jquery.slimscroll.js
//= require node-waves/waves.js //= require node-waves/waves.js
//= require sweetalert/sweetalert.min.js
//= require autosize/autosize.js //= require autosize/autosize.js
//= require jquery-countto/jquery.countTo.js //= require jquery-countto/jquery.countTo.js
//= require raphael/raphael.min //= require raphael/raphael.min
@@ -33,9 +34,9 @@
//= require BSBMaterial/pages/index.js //= require BSBMaterial/pages/index.js
//= require BSBMaterial/demo.js //= require BSBMaterial/demo.js
$(document).on('turbolinks:load', function() { $(document).on('turbolinks:load', function() {
// $(document).ready(function(){
//Datetimepicker plugin
$('.datetimepicker').bootstrapMaterialDatePicker({ $('.datetimepicker').bootstrapMaterialDatePicker({
format: 'DD-MM YYYY - HH:mm', format: 'DD-MM YYYY - HH:mm',
clearButton: true, clearButton: true,
@@ -54,14 +55,52 @@ $(document).on('turbolinks:load', function() {
clearButton: true, clearButton: true,
date: false date: false
}); });
/*
$('.datepicker').attr('ReadOnly','true');
$('.datepicker').css('cursor','pointer');*/
}); });
function showConfirmMessage() {
swal({
title: "Information",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "OK",
closeOnConfirm: true
}, function () {
swal("Deleted!", "Your imaginary file has been deleted.", "success");
});
}
$(function(){ $(function(){
$('.delete').click(function(){
var currentForm = $(this).closest("form");
console.log(currentForm);
swal({
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!",
cancelButtonText: "No, cancel plx!",
closeOnConfirm: false,
closeOnCancel: false
}, function (isConfirm) {
console.log(isConfirm);
if (isConfirm) {
console.log("hi")
currentForm.submit();
} else {
swal("Cancelled", "Your imaginary file is safe :)", "error");
}
});
});
$('body').bootstrapMaterialDesign(); $('body').bootstrapMaterialDesign();
var height = ($(window).height() - ($('.legal').outerHeight() + $('.user-info').outerHeight() + $('.navbar').innerHeight())); var height = ($(window).height() - ($('.legal').outerHeight() + $('.user-info').outerHeight() + $('.navbar').innerHeight()));

7
app/assets/stylesheets/application.scss
View File

@@ -2,6 +2,7 @@
@import "bootstrap/css/bootstrap-material-design.min"; @import "bootstrap/css/bootstrap-material-design.min";
@import "node-waves/waves"; @import "node-waves/waves";
@import "animate-css/animate"; @import "animate-css/animate";
@import "sweetalert/sweetalert.css";
@import "multi-select/css/multi-select"; @import "multi-select/css/multi-select";
@import "bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker"; @import "bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker";
@import "bootstrap-select/css/bootstrap-select"; @import "bootstrap-select/css/bootstrap-select";
@@ -213,6 +214,10 @@ select.form-control {
// cursor:pointer; // cursor:pointer;
} }
.border-left{
border-left:1px solid #fff;
}
.del_cashier_number{ .del_cashier_number{
opacity:0.6, opacity:0.6,
} }
@@ -366,6 +371,8 @@ select.form-control {
.bottom{ .bottom{
margin-bottom: 1px; margin-bottom: 1px;
margin-left:-10px ;
margin-right:-10px;
} }
/* Discount */ /* Discount */

3
app/views/layouts/_header.html.erb
View File

@@ -37,6 +37,9 @@
</li> --> </li> -->
<li> <li>
<%= link_to (t :logout),logout_path, method: :delete, data: {confirm: 'Are you sure?'} %> <%= link_to (t :logout),logout_path, method: :delete, data: {confirm: 'Are you sure?'} %>
<!-- <form action="<%=logout_path%>" method="DELETE">
<button type="text" class="delete" value="x" >DELETE</button>
</form> -->
<!-- <a href="<%= logout_path %>"><i class="material-icons">input</i>Sign Out</a> --> <!-- <a href="<%= logout_path %>"><i class="material-icons">input</i>Sign Out</a> -->
</li> </li>
</ul> </ul>

7
app/views/oqs/home/index.html.erb
View File

@@ -34,7 +34,8 @@
<a class="nav-link <%= @filter.to_s.length > 0? "active" : " "%>" data-toggle="tab" href="#search" role="tab">Searching .. <span class="badge badge-pill badge-default" id="completed_count"><%= @queue_completed_item.length %></span></a> <a class="nav-link <%= @filter.to_s.length > 0? "active" : " "%>" data-toggle="tab" href="#search" role="tab">Searching .. <span class="badge badge-pill badge-default" id="completed_count"><%= @queue_completed_item.length %></span></a>
</li> --> </li> -->
<li class="nav-item nav-completed"> <li class="nav-item nav-completed">
<a class="nav-link active" data-toggle="tab" href="#completed" role="tab">Processed <span class="label-count" id="completed_count"><%= @queue_completed_item.length %></span></a> <a class="nav-link active" data-toggle="tab" href="#completed" role="tab">Processed
<span class="badge bg-blue-grey" id="completed_count"><%= @queue_completed_item.length %></span></a>
</li> </li>
<% # For Tab Disable for Station is inactive <% # For Tab Disable for Station is inactive
status="" status=""
@@ -48,11 +49,11 @@
<a class="nav-link" data-id="<%= qsi.id %>" data-toggle="tab" href="" role="tab" <%= status %>> <a class="nav-link" data-id="<%= qsi.id %>" data-toggle="tab" href="" role="tab" <%= status %>>
<%= qsi.station_name %> <%= qsi.station_name %>
<% if @filter.nil? %> <% if @filter.nil? %>
<span class="label-count badge badge-pill badge-default oqs_count<%= i%> oqs_count" data-id="<%= qsi.id %>" id="completed_count"> <span class="badge bg-blue-grey oqs_count<%= i%> oqs_count" data-id="<%= qsi.id %>" id="completed_count">
<!-- <span class="badge badge-pill badge-default oqs_count<%= i%> oqs_count" data-id="<%= qsi.id %>"> --> <%= qsi.assigned_order_items.where("delivery_status=0 AND created_at >= '#{Time.now.beginning_of_day.utc}'").count %> <!-- <span class="badge badge-pill badge-default oqs_count<%= i%> oqs_count" data-id="<%= qsi.id %>"> --> <%= qsi.assigned_order_items.where("delivery_status=0 AND created_at >= '#{Time.now.beginning_of_day.utc}'").count %>
</span> </span>
<%else%> <%else%>
<span class="label-count badge badge-pill badge-default" data-id="<%= qsi.id %>"> <span class="label-count badge bg-blue-grey" data-id="<%= qsi.id %>">
<% @count.each do |c|%> <% @count.each do |c|%>
<% if qsi.id == c.station_id %> <% if qsi.id == c.station_id %>
<%= c.total %> <%= c.total %>

153
app/views/origami/credit_payments/index.html.erb
View File

@@ -1,103 +1,104 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-5 col-md-5 col-sm-3"> <div class="col-md-6">
<div class="row"> <h2>CREDIT PAYMENT</h2>
<div class="col-md-6">
<h2>CREDIT PAYMENT</h2>
</div>
</div> </div>
<div class="card" style="margin-top:10px;padding-top:20px;">
<div class="rebate-form">
<!-- <div class="row"> -->
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-5">
<label>You can pay up to </label>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<input type="text" name="validamount" id="validamount" class="form-control" readonly="" value="<%=@can_credit %>" data-member-value="">
</div>
</div>
<hr>
<!-- </div> -->
<% if @creditcount != 0 %>
<!-- <div class="row"> -->
<div class=" row">
<div class="col-lg-5 col-md-5 col-sm-5">
<label>Recent Credit Amount </label>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<input type="text" name="" class="form-control " readonly="" value="<%=@creditcount %>" data-member-value="">
</div>
</div>
<hr>
<!-- </div> -->
<% end %>
<!-- <div class="row"> -->
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-5">
<label >Recent Credit Amount</label>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<input type="text" name="valid_amount" id="valid_amount" class="form-control" value="" data-value="<%=@sale_id %>" data-member-value="">
</div>
</div>
<hr>
<!-- </div> -->
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-5">
<label>Amount</label>
</div>
<div class="col-lg-7 col-md-7 col-sm-7">
<div id="amount" class="form-control">0.0</div>
</div>
<hr>
</div> </div>
</div> <div class="row">
</div> <div class="col-lg-5 col-md-5 col-sm-3">
</div> <div class="card" style="margin-top:10px;padding-top:20px;">
<div class="card-block">
<div class="rebate-form">
<!-- <div class="row"> -->
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-5">
<label>You can pay up to </label>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<input type="text" name="validamount" id="validamount" class="form-control" readonly="" value="<%=@can_credit %>" data-member-value="">
</div>
</div>
<hr>
<!-- </div> -->
<% if @creditcount != 0 %>
<!-- <div class="row"> -->
<div class=" row">
<div class="col-lg-5 col-md-5 col-sm-5">
<label>Recent Credit Amount </label>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<input type="text" name="" class="form-control " readonly="" value="<%=@creditcount %>" data-member-value="">
</div>
</div>
<hr>
<!-- </div> -->
<% end %>
<!-- <div class="row"> -->
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-5">
<label >Recent Credit Amount</label>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<input type="text" name="valid_amount" id="valid_amount" class="form-control" value="" data-value="<%=@sale_id %>" data-member-value="">
</div>
</div>
<hr>
<!-- </div> -->
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-5">
<label>Amount</label>
</div>
<div class="col-lg-7 col-md-7 col-sm-7">
<div id="amount" class="form-control">0.0</div>
</div>
<hr>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6" style="margin-top:75px;"> <div class="col-lg-6 col-md-6 col-sm-6" style="margin-top:;">
<div class="row"> <div class="row clearfix">
<div class="col-lg-6 col-md-1 col-sm-1"> <div class="col-lg-6 col-md-6 col-sm-6">
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="1" data-type="num">1</div> <div class="col-md-4 cashier_number border-left" data-value="1" data-type="num">1</div>
<div class=" cashier_number left" data-value="2" data-type="num">2</div> <div class="col-md-4 cashier_number border-left" data-value="2" data-type="num">2</div>
<div class=" cashier_number left" data-value="3" data-type="num">3</div> <div class="col-md-4 cashier_number border-left" data-value="3" data-type="num">3</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="4" data-type="num">4</div> <div class="col-md-4 cashier_number border-left" data-value="4" data-type="num">4</div>
<div class=" cashier_number left" data-value="5" data-type="num">5</div> <div class="col-md-4 cashier_number border-left" data-value="5" data-type="num">5</div>
<div class=" cashier_number left" data-value="6" data-type="num">6</div> <div class="col-md-4 cashier_number border-left" data-value="6" data-type="num">6</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="7" data-type="num">7</div> <div class="col-md-4 cashier_number border-left" data-value="7" data-type="num">7</div>
<div class=" cashier_number left" data-value="8" data-type="num">8</div> <div class="col-md-4 cashier_number border-left" data-value="8" data-type="num">8</div>
<div class=" cashier_number left" data-value="9" data-type="num">9</div> <div class="col-md-4 cashier_number border-left" data-value="9" data-type="num">9</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="0" data-type="num">0</div> <div class="col-md-4 cashier_number border-left" data-value="0" data-type="num">0</div>
<div class=" cashier_number left" data-value="." data-type="num">.</div> <div class="col-md-4 cashier_number border-left" data-value="." data-type="num">.</div>
<div class=" cashier_number left" data-value="00" data-type="num">00</div> <div class="col-md-4 cashier_number border-left" data-value="00" data-type="num">00</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number green" data-type="nett" >Nett</div> <div class="col-md-4 cashier_number green border-left" data-type="nett" >Nett</div>
<div class=" cashier_number red left" data-type="del">Del</div> <div class="col-md-4 cashier_number red border-left" data-type="del">Del</div>
<div class=" cashier_number orange left" data-type="clr">Clr</div> <div class="col-md-4 cashier_number orange border-left" data-type="clr">Clr</div>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-1 col-sm-1"> <div class="col-lg-6 col-md-6 col-sm-6">
<div class="row bottom"> <div class="row bottom">
<div class="cashier_number long" data-value="1000" data-type="add">1000</div> <div class="cashier_number long left" data-value="1000" data-type="add">1000</div>
<div class="cashier_number long left" data-value="3000" data-type="add">3000</div> <div class="cashier_number long left" data-value="3000" data-type="add">3000</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class="cashier_number long" data-value="5000" data-type="add">5000</div> <div class="cashier_number long left" data-value="5000" data-type="add">5000</div>
<div class="cashier_number long left" data-value="10000" data-type="add">10000</div> <div class="cashier_number long left" data-value="10000" data-type="add">10000</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class="pay purple" id="credit_pay">Pay</div> <div class="pay purple left" id="credit_pay">Pay</div>
</div> </div>
</div> </div>
</div> </div>

7
app/views/origami/home/show.html.erb
View File

@@ -494,7 +494,7 @@
// data: 'order_id='+ order_id, // data: 'order_id='+ order_id,
success: function (result) { success: function (result) {
if (!result.status) { if (!result.status) {
$.confirm({ /*$.confirm({
title: 'Infomation!', title: 'Infomation!',
content: result.error_message, content: result.error_message,
buttons: { buttons: {
@@ -506,7 +506,10 @@
} }
} }
} }
}); });*/
swal("Good job!", "You clicked the button!", "success");
} }
else { else {
location.reload(); location.reload();

80
app/views/origami/jcb/index.html.erb
View File

@@ -1,16 +1,14 @@
<div class="row"> <div class="row">
<div class="col-md-6">
<h2>JCB</h2>
</div>
</div>
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-3"> <div class="col-lg-5 col-md-5 col-sm-3">
<div class="row">
<div class="col-md-6">
<h2>JCB</h2>
</div>
</div>
<span class="hidden" id="membership_id"><%= @membership_id%></span> <span class="hidden" id="membership_id"><%= @membership_id%></span>
<span class="hidden" id="member_discount"><%= @member_discount%></span> <span class="hidden" id="member_discount"><%= @member_discount%></span>
<span class="hidden" id="sub-total"><%= @sub_total%></span> <span class="hidden" id="sub-total"><%= @sub_total%></span>
<div class="card" style="margin-top:10px;padding-top:20px;"> <div class="card" style="padding:0px 20px;">
<div class="rebate-form"> <div class="rebate-form">
<div class="row"> <div class="row">
<div class="form-group col-lg-12 col-md-12 col-sm-12"> <div class="form-group col-lg-12 col-md-12 col-sm-12">
@@ -46,47 +44,47 @@
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-6 col-sm-6" style="margin-top:75px;"> <div class="col-lg-6 col-md-6 col-sm-6">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-1 col-sm-1"> <div class="col-lg-6 col-md-6 col-sm-6">
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="1" data-type="num">1</div> <div class="col-md-4 cashier_number border-left" data-value="1" data-type="num">1</div>
<div class=" cashier_number left" data-value="2" data-type="num">2</div> <div class="col-md-4 cashier_number border-left" data-value="2" data-type="num">2</div>
<div class=" cashier_number left" data-value="3" data-type="num">3</div> <div class="col-md-4 cashier_number border-left" data-value="3" data-type="num">3</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="4" data-type="num">4</div> <div class="col-md-4 cashier_number border-left" data-value="4" data-type="num">4</div>
<div class=" cashier_number left" data-value="5" data-type="num">5</div> <div class="col-md-4 cashier_number border-left" data-value="5" data-type="num">5</div>
<div class=" cashier_number left" data-value="6" data-type="num">6</div> <div class="col-md-4 cashier_number border-left" data-value="6" data-type="num">6</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="7" data-type="num">7</div> <div class="col-md-4 cashier_number border-left" data-value="7" data-type="num">7</div>
<div class=" cashier_number left" data-value="8" data-type="num">8</div> <div class="col-md-4 cashier_number border-left" data-value="8" data-type="num">8</div>
<div class=" cashier_number left" data-value="9" data-type="num">9</div> <div class="col-md-4 cashier_number border-left" data-value="9" data-type="num">9</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="0" data-type="num">0</div> <div class="col-md-4 cashier_number border-left" data-value="0" data-type="num">0</div>
<div class=" cashier_number left" data-value="." data-type="num">.</div> <div class="col-md-4 cashier_number border-left" data-value="." data-type="num">.</div>
<div class=" cashier_number left" data-value="00" data-type="num">00</div> <div class="col-md-4 cashier_number border-left" data-value="00" data-type="num">00</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number green" data-type="nett" >Nett</div> <div class="col-md-4 cashier_number green border-left" data-type="nett" >Nett</div>
<div class=" cashier_number red left" data-type="del">Del</div> <div class="col-md-4 cashier_number red border-left" data-type="del">Del</div>
<div class=" cashier_number orange left" data-type="clr">Clr</div> <div class="col-md-4 cashier_number orange border-left" data-type="clr">Clr</div>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-1 col-sm-1"> <div class="col-lg-6 col-md-6 col-sm-6">
<div class="row bottom"> <div class="row bottom">
<div class="cashier_number long" data-value="1000" data-type="add">1000</div> <div class="cashier_number long left" data-value="1000" data-type="add">1000</div>
<div class="cashier_number long left" data-value="3000" data-type="add">3000</div> <div class="cashier_number long left" data-value="3000" data-type="add">3000</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class="cashier_number long" data-value="5000" data-type="add">5000</div> <div class="cashier_number long left" data-value="5000" data-type="add">5000</div>
<div class="cashier_number long left" data-value="10000" data-type="add">10000</div> <div class="cashier_number long left" data-value="10000" data-type="add">10000</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class="pay purple" id="jcb_pay">Pay</div> <div class="pay purple left" id="jcb_pay">Pay</div>
</div> </div>
</div> </div>
</div> </div>
@@ -175,18 +173,18 @@ $('#jcb_pay').on('click',function(){
success:function(result){ success:function(result){
if(result){ if(result){
$.confirm({ $.confirm({
title: 'Infomation!', title: 'Infomation!',
content: 'Payment Successfully', content: 'Payment Successfully',
buttons: { buttons: {
confirm: { confirm: {
text: 'Ok', text: 'Ok',
btnClass: 'btn-green', btnClass: 'btn-green',
action: function(){ action: function(){
window.location.href = '/origami/sale/'+ sale_id + "/payment"; window.location.href = '/origami/sale/'+ sale_id + "/payment";
} }
} }
} }
}); });
} }
} }
}); });

56
app/views/origami/master/index.html.erb
View File

@@ -1,16 +1,14 @@
<div class="row"> <div class="row">
<div class="col-md-6">
<h2>Master</h2>
</div>
</div>
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-3"> <div class="col-lg-5 col-md-5 col-sm-3">
<div class="row">
<div class="col-md-6">
<h2>Master</h2>
</div>
</div>
<span class="hidden" id="membership_id"><%= @membership_id%></span> <span class="hidden" id="membership_id"><%= @membership_id%></span>
<span class="hidden" id="member_discount"><%= @member_discount%></span> <span class="hidden" id="member_discount"><%= @member_discount%></span>
<span class="hidden" id="sub-total"><%= @sub_total%></span> <span class="hidden" id="sub-total"><%= @sub_total%></span>
<div class="card" style="margin-top:10px;padding-top:20px;"> <div class="card" style="padding:0px 20px;">
<div class="rebate-form"> <div class="rebate-form">
<div class="row"> <div class="row">
<div class="form-group col-lg-12 col-md-12 col-sm-12"> <div class="form-group col-lg-12 col-md-12 col-sm-12">
@@ -46,47 +44,47 @@
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-6 col-sm-6" style="margin-top:75px;"> <div class="col-lg-6 col-md-6 col-sm-6" style="margin-top:;">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-1 col-sm-1"> <div class="col-lg-6 col-md-6 col-sm-6">
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="1" data-type="num">1</div> <div class=" cashier_number border-left" data-value="1" data-type="num">1</div>
<div class=" cashier_number left" data-value="2" data-type="num">2</div> <div class=" cashier_number border-left" data-value="2" data-type="num">2</div>
<div class=" cashier_number left" data-value="3" data-type="num">3</div> <div class=" cashier_number border-left" data-value="3" data-type="num">3</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="4" data-type="num">4</div> <div class=" cashier_number border-left" data-value="4" data-type="num">4</div>
<div class=" cashier_number left" data-value="5" data-type="num">5</div> <div class=" cashier_number border-left" data-value="5" data-type="num">5</div>
<div class=" cashier_number left" data-value="6" data-type="num">6</div> <div class=" cashier_number border-left" data-value="6" data-type="num">6</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="7" data-type="num">7</div> <div class=" cashier_number border-left" data-value="7" data-type="num">7</div>
<div class=" cashier_number left" data-value="8" data-type="num">8</div> <div class=" cashier_number border-left" data-value="8" data-type="num">8</div>
<div class=" cashier_number left" data-value="9" data-type="num">9</div> <div class=" cashier_number border-left" data-value="9" data-type="num">9</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="0" data-type="num">0</div> <div class=" cashier_number border-left" data-value="0" data-type="num">0</div>
<div class=" cashier_number left" data-value="." data-type="num">.</div> <div class=" cashier_number border-left" data-value="." data-type="num">.</div>
<div class=" cashier_number left" data-value="00" data-type="num">00</div> <div class=" cashier_number border-left" data-value="00" data-type="num">00</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number green" data-type="nett" >Nett</div> <div class=" cashier_number green border-left" data-type="nett" >Nett</div>
<div class=" cashier_number red left" data-type="del">Del</div> <div class=" cashier_number red border-left" data-type="del">Del</div>
<div class=" cashier_number orange left" data-type="clr">Clr</div> <div class=" cashier_number orange border-left" data-type="clr">Clr</div>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-1 col-sm-1"> <div class="col-lg-6 col-md-6 col-sm-6">
<div class="row bottom"> <div class="row bottom">
<div class="cashier_number long" data-value="1000" data-type="add">1000</div> <div class="cashier_number long left" data-value="1000" data-type="add">1000</div>
<div class="cashier_number long left" data-value="3000" data-type="add">3000</div> <div class="cashier_number long left" data-value="3000" data-type="add">3000</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class="cashier_number long" data-value="5000" data-type="add">5000</div> <div class="cashier_number long left" data-value="5000" data-type="add">5000</div>
<div class="cashier_number long left" data-value="10000" data-type="add">10000</div> <div class="cashier_number long left" data-value="10000" data-type="add">10000</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class="pay purple" id="master_pay">Pay</div> <div class="pay purple left" id="master_pay">Pay</div>
</div> </div>
</div> </div>
</div> </div>

224
app/views/origami/mpu/index.html.erb
View File

@@ -1,103 +1,104 @@
<div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-6">
<div class="col-lg-5 col-md-5 col-sm-3"> <h2>MPU</h2>
<div class="row">
<div class="col-md-6">
<h2>MPU</h2>
</div>
</div>
<span class="hidden" id="membership_id"><%= @membership_id%></span>
<span class="hidden" id="member_discount"><%= @member_discount%></span>
<span class="hidden" id="sub-total"><%= @sub_total%></span>
<div class="card" style="margin-top:10px;padding-top:20px;">
<div class="rebate-form">
<div class="row">
<div class="form-group col-lg-12 col-md-12 col-sm-12">
<label class="col-lg-4 col-md-4 col-sm-4">You can pay up to </label>
<input type="text" name="validamount" id="validamount" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%=@can_mpu %>" data-member-value="">
</div>
<hr>
</div>
<% if @mpucount != 0 %>
<div class="row">
<div class="form-group col-lg-12 col-md-12 col-sm-12">
<label class="col-lg-4 col-md-4 col-sm-4">Recent MPU paid amount </label>
<input type="text" name="" id="" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%=@mpucount %>" data-member-value="">
</div>
<hr>
</div>
<% end %>
<div class="row">
<div class="form-group col-lg-12 col-md-12 col-sm-12">
<label class="col-lg-4 col-md-4 col-sm-4">Reference Number</label>
<input type="text" name="valid_amount" id="valid_amount" class="form-control col-lg-7 col-md-7 col-sm-7" value="" data-value="<%=@sale_id %>" data-member-value="">
</div>
<hr>
</div>
<div class="row">
<div class="form-group col-lg-12 col-md-12 col-sm-12">
<label class="col-lg-4 col-md-4 col-sm-4">Amount</label>
<div id="amount" class="form-control col-lg-7 col-md-7 col-sm-7">0.0</div>
</div>
<hr>
</div>
</div>
</div> </div>
</div> </div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6" style="margin-top:75px;"> <div class="col-lg-5 col-md-5 col-sm-3">
<span class="hidden" id="membership_id"><%= @membership_id%></span>
<div class="row"> <span class="hidden" id="member_discount"><%= @member_discount%></span>
<div class="col-lg-6 col-md-1 col-sm-1"> <span class="hidden" id="sub-total"><%= @sub_total%></span>
<div class="row bottom"> <div class="card" style="margin-top:10px;padding:20px;">
<div class=" cashier_number " data-value="1" data-type="num">1</div> <div class="card-block">
<div class=" cashier_number left" data-value="2" data-type="num">2</div> <div class="rebate-form">
<div class=" cashier_number left" data-value="3" data-type="num">3</div> <div class="row">
</div> <div class="form-group col-lg-12 col-md-12 col-sm-12">
<div class="row bottom"> <label class="col-lg-4 col-md-4 col-sm-4">You can pay up to </label>
<div class=" cashier_number " data-value="4" data-type="num">4</div> <input type="text" name="validamount" id="validamount" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%=@can_mpu %>" data-member-value="">
<div class=" cashier_number left" data-value="5" data-type="num">5</div> </div>
<div class=" cashier_number left" data-value="6" data-type="num">6</div> <hr>
</div> </div>
<div class="row bottom"> <% if @mpucount != 0 %>
<div class=" cashier_number " data-value="7" data-type="num">7</div> <div class="row">
<div class=" cashier_number left" data-value="8" data-type="num">8</div> <div class="form-group col-lg-12 col-md-12 col-sm-12">
<div class=" cashier_number left" data-value="9" data-type="num">9</div> <label class="col-lg-4 col-md-4 col-sm-4">Recent MPU paid amount </label>
</div> <input type="text" name="" id="" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%=@mpucount %>" data-member-value="">
<div class="row bottom"> </div>
<div class=" cashier_number " data-value="0" data-type="num">0</div> <hr>
<div class=" cashier_number left" data-value="." data-type="num">.</div> </div>
<div class=" cashier_number left" data-value="00" data-type="num">00</div> <% end %>
</div> <div class="row">
<div class="row bottom"> <div class="form-group col-lg-12 col-md-12 col-sm-12">
<div class=" cashier_number green" data-type="nett" >Nett</div> <label class="col-lg-4 col-md-4 col-sm-4">Reference Number</label>
<div class=" cashier_number red left" data-type="del">Del</div> <input type="text" name="valid_amount" id="valid_amount" class="form-control col-lg-7 col-md-7 col-sm-7" value="" data-value="<%=@sale_id %>" data-member-value="">
<div class=" cashier_number orange left" data-type="clr">Clr</div> </div>
</div> <hr>
</div> </div>
<div class="col-lg-6 col-md-1 col-sm-1"> <div class="row">
<div class="row bottom"> <div class="form-group col-lg-12 col-md-12 col-sm-12">
<div class="cashier_number long" data-value="1000" data-type="add">1000</div> <label class="col-lg-4 col-md-4 col-sm-4">Amount</label>
<div class="cashier_number long left" data-value="3000" data-type="add">3000</div> <div id="amount" class="form-control col-lg-7 col-md-7 col-sm-7">0.0</div>
</div> </div>
<div class="row bottom"> <hr>
<div class="cashier_number long" data-value="5000" data-type="add">5000</div> </div>
<div class="cashier_number long left" data-value="10000" data-type="add">10000</div> </div>
</div>
<div class="row bottom">
<div class="pay purple" id="mpu_pay">Pay</div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="col-lg-6 col-md-6 col-sm-6" style="margin-top:;">
<div class="col-lg-1 col-md-1 col-sm-1"> <div class="row">
<button type="button" class="btn btn-primary btn-block" onclick="window.location.href = '/origami/sale/<%= @sale_id %>/payment/others_payment';"> Back </button> <div class="col-lg-6 col-md-6 col-sm-6">
<div class="row bottom">
<div class="col-md-4 cashier_number border-left" data-value="1" data-type="num">1</div>
<div class="col-md-4 cashier_number border-left" data-value="2" data-type="num">2</div>
<div class="col-md-4 cashier_number border-left" data-value="3" data-type="num">3</div>
</div>
<div class="row bottom">
<div class="col-md-4 cashier_number border-left" data-value="4" data-type="num">4</div>
<div class="col-md-4 cashier_number border-left" data-value="5" data-type="num">5</div>
<div class="col-md-4 cashier_number border-left" data-value="6" data-type="num">6</div>
</div>
<div class="row bottom">
<div class="col-md-4 cashier_number border-left" data-value="7" data-type="num">7</div>
<div class="col-md-4 cashier_number border-left" data-value="8" data-type="num">8</div>
<div class="col-md-4 cashier_number border-left" data-value="9" data-type="num">9</div>
</div>
<div class="row bottom">
<div class="col-md-4 cashier_number border-left" data-value="0" data-type="num">0</div>
<div class="col-md-4 cashier_number border-left" data-value="." data-type="num">.</div>
<div class="col-md-4 cashier_number border-left" data-value="00" data-type="num">00</div>
</div>
<div class="row bottom">
<div class="col-md-4 cashier_number border-left green" data-type="nett" >Nett</div>
<div class="col-md-4 cashier_number red border-left" data-type="del">Del</div>
<div class="col-md-4 cashier_number orange border-left" 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 long left" data-value="1000" data-type="add">1000</div>
<div class="cashier_number long left" data-value="3000" data-type="add">3000</div>
</div>
<div class="row bottom">
<div class="cashier_number long left" data-value="5000" data-type="add">5000</div>
<div class="cashier_number long left" data-value="10000" data-type="add">10000</div>
</div>
<div class="row bottom">
<div class="pay purple left" id="mpu_pay">Pay</div>
</div>
</div>
</div>
</div>
<div class="col-lg-1 col-md-1 col-sm-1">
<button type="button" class="btn btn-primary btn-block" onclick="window.location.href = '/origami/sale/<%= @sale_id %>/payment/others_payment';"> Back </button>
</div>
</div> </div>
</div> </div>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
if(localStorage.getItem("cash") == null || localStorage.getItem("cash") == 'null'){} if(localStorage.getItem("cash") == null || localStorage.getItem("cash") == 'null'){}
@@ -172,30 +173,31 @@
data: "amount="+ amount + "&sale_id="+ sale_id, data: "amount="+ amount + "&sale_id="+ sale_id,
success:function(result){ success:function(result){
if(result){ if(result){
$.confirm({ $.confirm({
title: 'Infomation!', title: 'Infomation!',
content: 'Payment Successfully', content: 'Payment Successfully',
buttons: { buttons: {
confirm: { confirm: {
text: 'Ok', text: 'Ok',
btnClass: 'btn-green', btnClass: 'btn-green',
action: function(){ action: function(){
window.location.href = '/origami/sale/'+ sale_id + "/payment"; window.location.href = '/origami/sale/'+ sale_id + "/payment";
} }
} }
} }
}); });
} }
} }
}); });
}else{ }else{
$.alert({ $.alert({
title: 'Alert!', title: 'Alert!',
content: "Paid Amount is over!", content: "Paid Amount is over!",
type: 'red', type: 'red',
typeAnimated: true, typeAnimated: true,
btnClass: 'btn-danger', btnClass: 'btn-danger',
}); });
} }
}) })
</script> </script>

10
app/views/origami/other_charges/index.html.erb
View File

@@ -85,7 +85,7 @@
<!-- Column One --> <!-- Column One -->
<!-- Column Two --> <!-- Column Two -->
<div class="col-lg-5 col-md-5 col-sm-5"> <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5">
<!-- Discount Amount --> <!-- Discount Amount -->
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
@@ -94,7 +94,7 @@
<div class="card-block"> <div class="card-block">
<div class="card-title"> <div class="card-title">
<div class="form-horizontal"> <div class="form-horizontal">
<div class="col-md-12"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="-group"> <div class="-group">
<input type="text" id="other-charges-amount" name="other-charges-amount" class="form-control" placeholder="Amount" /> <input type="text" id="other-charges-amount" name="other-charges-amount" class="form-control" placeholder="Amount" />
</div> </div>
@@ -108,12 +108,12 @@
<hr /> <hr />
<div class="row"> <div class="row">
<div class="col-md-9"> <div class="col-xs-9 col-sm-9 col-md-9 col-lg-9">
<div class="row bottom"> <div class="row bottom">
<div class="col-md-3"> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<div class="fluid cashier_number" data-value="3000" data-type="add">3000</div> <div class="fluid cashier_number" data-value="3000" data-type="add">3000</div>
</div> </div>
<div class="col-md-9"> <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
<div class="row"> <div class="row">
<div class="col-md-3 cashier_number" data-value="1" data-type="num">1</div> <div class="col-md-3 cashier_number" data-value="1" data-type="num">1</div>
<div class="col-md-3 left cashier_number" data-value="2" data-type="num">2</div> <div class="col-md-3 left cashier_number" data-value="2" data-type="num">2</div>

34
app/views/origami/payments/show.html.erb
View File

@@ -218,34 +218,34 @@
<br> <br>
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-1 col-sm-1"> <div class="col-lg-6 col-md-6 col-sm-6">
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="1" data-type="num">1</div> <div class="col-md-4 cashier_number border-left " data-value="1" data-type="num">1</div>
<div class=" cashier_number left" data-value="2" data-type="num">2</div> <div class="col-md-4 cashier_number border-left" data-value="2" data-type="num">2</div>
<div class=" cashier_number left" data-value="3" data-type="num">3</div> <div class="col-md-4 cashier_number border-left" data-value="3" data-type="num">3</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="4" data-type="num">4</div> <div class="col-md-4 cashier_number border-left " data-value="4" data-type="num">4</div>
<div class=" cashier_number left" data-value="5" data-type="num">5</div> <div class="col-md-4 cashier_number border-left" data-value="5" data-type="num">5</div>
<div class=" cashier_number left" data-value="6" data-type="num">6</div> <div class="col-md-4 cashier_number border-left" data-value="6" data-type="num">6</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="7" data-type="num">7</div> <div class="col-md-4 cashier_number border-left " data-value="7" data-type="num">7</div>
<div class=" cashier_number left" data-value="8" data-type="num">8</div> <div class="col-md-4 cashier_number border-left" data-value="8" data-type="num">8</div>
<div class=" cashier_number left" data-value="9" data-type="num">9</div> <div class="col-md-4 cashier_number border-left" data-value="9" data-type="num">9</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="0" data-type="num">0</div> <div class="col-md-4 cashier_number border-left " data-value="0" data-type="num">0</div>
<div class=" cashier_number left" data-value="." data-type="num">.</div> <div class="col-md-4 cashier_number border-left" data-value="." data-type="num">.</div>
<div class=" cashier_number left" data-value="00" data-type="num">00</div> <div class="col-md-4 cashier_number border-left" data-value="00" data-type="num">00</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number green" data-type="nett">Nett</div> <div class="col-md-4 cashier_number border-left green" data-type="nett">Nett</div>
<div class=" cashier_number red left" data-type="del">Del</div> <div class="col-md-4 cashier_number border-left red" data-type="del">Del</div>
<div class=" cashier_number orange left" data-type="clr">Clr</div> <div class="col-md-4 cashier_number border-left orange" data-type="clr">Clr</div>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-1 col-sm-1"> <div class="col-lg-6 col-md-6 col-sm-6">
<div class="row bottom"> <div class="row bottom">
<div class="cashier_number long left" data-value="1000" data-type="add">1000</div> <div class="cashier_number long left" data-value="1000" data-type="add">1000</div>
<div class="cashier_number long left" data-value="3000" data-type="add">3000</div> <div class="cashier_number long left" data-value="3000" data-type="add">3000</div>

51
app/views/origami/redeem_payments/index.html.erb
View File

@@ -1,11 +1,10 @@
<div class="row"> <div class="row">
<div class="col-lg-5 col-md-5 col-sm-3"> <div class="col-lg-5 col-md-5 col-sm-3">
<div class="card" style="margin-top:10px;padding-top:20px;"> <div class="card" style="padding:0px 20px;">
<div class="rebate-form"> <div class="rebate-form">
<div class="row"> <div class="row">
<div class="form-group col-lg-12 col-md-12 col-sm-12"> <div class="form-group col-lg-12 col-md-12 col-sm-12">
<label class="col-lg-4 col-md-4 col-sm-4">You can redeem up to </label> <label class="">You can redeem up to </label>
<input type="text" name="" id="redeemamt" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%= @redeem_prices %>" data-value="<%=@sale_id %>" data-member-value="<%= @membership_id %>"> <input type="text" name="" id="redeemamt" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%= @redeem_prices %>" data-value="<%=@sale_id %>" data-member-value="<%= @membership_id %>">
</div> </div>
<hr> <hr>
@@ -13,7 +12,7 @@
<% if @payparcount > 0 %> <% if @payparcount > 0 %>
<div class="row"> <div class="row">
<div class="form-group col-lg-12 col-md-12 col-sm-12"> <div class="form-group col-lg-12 col-md-12 col-sm-12">
<label class="col-lg-4 col-md-4 col-sm-4">Recent Redeem Amount </label> <label class="">Recent Redeem Amount </label>
<input type="text" name="" id="" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%= @payparcount %>" data-value="<%=@sale_id %>" data-member-value="<%= @membership_id %>"> <input type="text" name="" id="" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%= @payparcount %>" data-value="<%=@sale_id %>" data-member-value="<%= @membership_id %>">
</div> </div>
<hr> <hr>
@@ -21,14 +20,14 @@
<% end %> <% end %>
<div class="row"> <div class="row">
<div class="form-group col-lg-12 col-md-12 col-sm-12"> <div class="form-group col-lg-12 col-md-12 col-sm-12">
<label class="col-lg-4 col-md-4 col-sm-4"> Rebate Balance </label> <label class=""> Rebate Balance </label>
<input type="text" name="valid_amount" id="valid_amount" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%=@membership_rebate_balance%>" data-value="<%=@sale_id %>" data-member-value="<%= @membership_id %>"> <input type="text" name="valid_amount" id="valid_amount" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%=@membership_rebate_balance%>" data-value="<%=@sale_id %>" data-member-value="<%= @membership_id %>">
</div> </div>
<hr> <hr>
</div> </div>
<div class="row"> <div class="row">
<div class="form-group col-lg-12 col-md-12 col-sm-12"> <div class="form-group col-lg-12 col-md-12 col-sm-12">
<label class="col-lg-4 col-md-4 col-sm-4">Redeem Amount</label> <label class="">Redeem Amount</label>
<div id="used_amount" class="form-control col-lg-7 col-md-7 col-sm-7">0.0</div> <div id="used_amount" class="form-control col-lg-7 col-md-7 col-sm-7">0.0</div>
</div> </div>
<hr> <hr>
@@ -41,47 +40,47 @@
<p class="">You can rebate upto <span style="color:red;" id="food_prices"><%= @redeem_prices %></span></p> --> <p class="">You can rebate upto <span style="color:red;" id="food_prices"><%= @redeem_prices %></span></p> -->
</div> </div>
<div class="col-lg-6 col-md-7 col-sm-7"> <div class="col-lg-6 col-md-6 col-sm-6">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-1 col-sm-1"> <div class="col-lg-6 col-md-1 col-sm-1">
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="1" data-type="num">1</div> <div class="col-md-4 cashier_number border-left" data-value="1" data-type="num">1</div>
<div class=" cashier_number left" data-value="2" data-type="num">2</div> <div class="col-md-4 cashier_number border-left" data-value="2" data-type="num">2</div>
<div class=" cashier_number left" data-value="3" data-type="num">3</div> <div class="col-md-4 cashier_number border-left" data-value="3" data-type="num">3</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="4" data-type="num">4</div> <div class="col-md-4 cashier_number border-left" data-value="4" data-type="num">4</div>
<div class=" cashier_number left" data-value="5" data-type="num">5</div> <div class="col-md-4 cashier_number border-left" data-value="5" data-type="num">5</div>
<div class=" cashier_number left" data-value="6" data-type="num">6</div> <div class="col-md-4 cashier_number border-left" data-value="6" data-type="num">6</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="7" data-type="num">7</div> <div class="col-md-4 cashier_number border-left" data-value="7" data-type="num">7</div>
<div class=" cashier_number left" data-value="8" data-type="num">8</div> <div class="col-md-4 cashier_number border-left" data-value="8" data-type="num">8</div>
<div class=" cashier_number left" data-value="9" data-type="num">9</div> <div class="col-md-4 cashier_number border-left" data-value="9" data-type="num">9</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="0" data-type="num">0</div> <div class="col-md-4 cashier_number border-left" data-value="0" data-type="num">0</div>
<div class=" cashier_number left" data-value="." data-type="num">.</div> <div class="col-md-4 cashier_number border-left" data-value="." data-type="num">.</div>
<div class=" cashier_number left" data-value="00" data-type="num">00</div> <div class="col-md-4 cashier_number border-left" data-value="00" data-type="num">00</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number green" data-type="nett">Nett</div> <div class="col-md-4 cashier_number green border-left" data-type="nett">Nett</div>
<div class=" cashier_number red left" data-type="del">Del</div> <div class="col-md-4 cashier_number red border-left" data-type="del">Del</div>
<div class=" cashier_number orange left" data-type="clr">Clr</div> <div class="col-md-4 cashier_number orange border-left" data-type="clr">Clr</div>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-1 col-sm-1"> <div class="col-lg-6 col-md-6 col-sm-6">
<div class="row bottom"> <div class="row bottom">
<div class="cashier_number long" data-value="1000" data-type="add">1000</div> <div class="cashier_number long border-left" data-value="1000" data-type="add">1000</div>
<div class="cashier_number long left" data-value="3000" data-type="add">3000</div> <div class="cashier_number long left" data-value="3000" data-type="add">3000</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class="cashier_number long" data-value="5000" data-type="add">5000</div> <div class="cashier_number long border-left" data-value="5000" data-type="add">5000</div>
<div class="cashier_number long left" data-value="10000" data-type="add">10000</div> <div class="cashier_number long left" data-value="10000" data-type="add">10000</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class="pay purple" id="redeem">Pay</div> <div class="pay purple left" id="redeem">Pay</div>
</div> </div>
</div> </div>

53
app/views/origami/visa/index.html.erb
View File

@@ -1,15 +1,15 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-5 col-md-5 col-sm-3">
<div class="row">
<div class="col-md-6"> <div class="col-md-6">
<h2>VISA</h2> <h2>VISA</h2>
</div> </div>
</div> </div>
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-3">
<span class="hidden" id="membership_id"><%= @membership_id%></span> <span class="hidden" id="membership_id"><%= @membership_id%></span>
<span class="hidden" id="member_discount"><%= @member_discount%></span> <span class="hidden" id="member_discount"><%= @member_discount%></span>
<span class="hidden" id="sub-total"><%= @sub_total%></span> <span class="hidden" id="sub-total"><%= @sub_total%></span>
<div class="card" style="margin-top:10px;padding-top:20px;"> <div class="card" style="padding:0px 20px;">
<div class="rebate-form"> <div class="rebate-form">
<div class="row"> <div class="row">
<div class="form-group col-lg-12 col-md-12 col-sm-12"> <div class="form-group col-lg-12 col-md-12 col-sm-12">
@@ -45,47 +45,46 @@
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-6 col-sm-6" style="margin-top:75px;"> <div class="col-lg-6 col-md-6 col-sm-6" style="">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-1 col-sm-1"> <div class="col-lg-6 col-md-6 col-sm-6">
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="1" data-type="num">1</div> <div class="col-md-4 cashier_number " data-value="1" data-type="num">1</div>
<div class=" cashier_number left" data-value="2" data-type="num">2</div> <div class="col-md-4 cashier_number border-left" data-value="2" data-type="num">2</div>
<div class=" cashier_number left" data-value="3" data-type="num">3</div> <div class="col-md-4 cashier_number border-left" data-value="3" data-type="num">3</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="4" data-type="num">4</div> <div class="col-md-4 cashier_number border-left" data-value="4" data-type="num">4</div>
<div class=" cashier_number left" data-value="5" data-type="num">5</div> <div class="col-md-4 cashier_number border-left" data-value="5" data-type="num">5</div>
<div class=" cashier_number left" data-value="6" data-type="num">6</div> <div class="col-md-4 cashier_number border-left" data-value="6" data-type="num">6</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="7" data-type="num">7</div> <div class="col-md-4 cashier_number border-left" data-value="7" data-type="num">7</div>
<div class=" cashier_number left" data-value="8" data-type="num">8</div> <div class="col-md-4 cashier_number border-left" data-value="8" data-type="num">8</div>
<div class=" cashier_number left" data-value="9" data-type="num">9</div> <div class="col-md-4 cashier_number border-left" data-value="9" data-type="num">9</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number " data-value="0" data-type="num">0</div> <div class="col-md-4 cashier_number border-left" data-value="0" data-type="num">0</div>
<div class=" cashier_number left" data-value="." data-type="num">.</div> <div class="col-md-4 cashier_number border-left" data-value="." data-type="num">.</div>
<div class=" cashier_number left" data-value="00" data-type="num">00</div> <div class="col-md-4 cashier_number border-left" data-value="00" data-type="num">00</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class=" cashier_number green" data-type="nett" >Nett</div> <div class="col-md-4 cashier_number green border-left" data-type="nett" >Nett</div>
<div class=" cashier_number red left" data-type="del">Del</div> <div class="col-md-4 cashier_number red border-left" data-type="del">Del</div>
<div class=" cashier_number orange left" data-type="clr">Clr</div> <div class="col-md-4 cashier_number orange border-left" data-type="clr">Clr</div>
</div> </div>
</div> </div>
<div class="col-lg-6 col-md-1 col-sm-1"> <div class="col-lg-6 col-md-6 col-sm-6">
<div class="row bottom"> <div class="row bottom">
<div class="cashier_number long" data-value="1000" data-type="add">1000</div> <div class="cashier_number long left" data-value="1000" data-type="add">1000</div>
<div class="cashier_number long left" data-value="3000" data-type="add">3000</div> <div class="cashier_number long left" data-value="3000" data-type="add">3000</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class="cashier_number long" data-value="5000" data-type="add">5000</div> <div class="cashier_number long left" data-value="5000" data-type="add">5000</div>
<div class="cashier_number long left" data-value="10000" data-type="add">10000</div> <div class="cashier_number long left" data-value="10000" data-type="add">10000</div>
</div> </div>
<div class="row bottom"> <div class="row bottom">
<div class="pay purple" id="visa_pay">Pay</div> <div class="pay purple left" id="visa_pay">Pay</div>
</div> </div>
</div> </div>
</div> </div>