payment keypad

app/assets/javascripts/origami.js

@@ -18,17 +18,17 @@
 
 $(document).ready(function(){
 	$(".orders").on('click', function(){
-		var zone_name=$(this).find(".orders-table").text();		
+		var zone_name=$(this).find(".orders-table").text();
 		var receipt_no=$(this).find(".orders-receipt-no").text();
 		var unique_id=$(this).find(".orders-id").text();
-		var order_status=$(this).find(".orders-order-status").text().trim();		
+		var order_status=$(this).find(".orders-order-status").text().trim();
 
 		// Enable/Disable Button
 		control_button(order_status);
 
 		//for customer button
 		if(unique_id.charAt(0) == 'S'){
-           $("#customer").removeAttr('disabled');
+        $("#customer").removeAttr('disabled');
 		}else{
 		   $("#customer").attr('disabled','disabled');
 		}
@@ -49,7 +49,7 @@ $(document).ready(function(){
 			type: "GET",
 		    url: "origami/" + unique_id,
 		    data: { 'id' : unique_id },
-		    success:function(result){		    	
+		    success:function(result){
 		    	for (i = 0; i < result.length; i++) {
 		    		var data = JSON.stringify(result[i]);
         			var parse_data = JSON.parse(data);
@@ -78,7 +78,7 @@ $(document).ready(function(){
 			        $("#order-grand-total").text(grand_total_amount);
 
 			        // Ordered Items
-			        var order_items_rows = "<tr>" + 
+			        var order_items_rows = "<tr>" +
 				        						"<td class='item-name'>" + parse_data.item_name + "</td>" +
 				        						"<td class='item-attr'>" + parse_data.qty + "</td>" +
 				        						"<td class='item-attr'>" + parse_data.qty*parse_data.price + "</td>" +
@@ -94,9 +94,9 @@ $(document).ready(function(){
 	    $(this).addClass('selected-item');
 	});
 
-	// Bill Request 
+	// Bill Request
 	$('#request_bills').click(function() {
-		var order_id=$(".selected-item").find(".orders-id").text();	
+		var order_id=$(".selected-item").find(".orders-id").text();
 		if(order_id!=""){
 			window.location.href = '/origami/request_bills/'+ order_id
 		}
@@ -106,16 +106,16 @@ $(document).ready(function(){
 		return false;
 	});
 
-	// Discount for Payment 
+	// Discount for Payment
 	$('#discount').click(function() {
-		var order_id=$(".selected-item").find(".orders-id").text();	
+		var order_id=$(".selected-item").find(".orders-id").text();
 		if(order_id!=""){
 			window.location.href = '/origami/discount/'+ order_id
 		}
 		else {
 			alert("Please select an order!");
-		}		
-		
+		}
+
 		return false;
 	});
 
@@ -125,11 +125,11 @@ $(document).ready(function(){
 		var sub_total = $('#order-sub-total').text();
 		var grand_total = $('#order-grand-total').text();
 		var discount_type = $('#discount-type').val();
-		var discount_value = $('#discount-amount').val(); 
+		var discount_value = $('#discount-amount').val();
 		var discount_amount = discount_value;
 
 		// For Percentage Discount
-		if(discount_type == 1){			
+		if(discount_type == 1){
 			discount_amount=(sub_total*discount_value)/100;
 		}
 
@@ -150,8 +150,8 @@ $(document).ready(function(){
 		}
 		else {
 			alert("Please select an order!");
-		}	
-		
+		}
+
 		return false;
 	});
 
@@ -168,7 +168,7 @@ $(document).ready(function(){
 	        original_value = $('#discount-amount').val();
 
 	        var input_type = $(this).attr("data-type");
-	        
+
 	        switch (input_type) {
 	          case 'num':
 					var input_value = $(this).attr("data-value");
@@ -179,7 +179,7 @@ $(document).ready(function(){
 					else{
 						$('#discount-amount').val(original_value + '' + input_value);
 						update_balance();
-					}				
+					}
 					break;
 
 	          case 'add':
@@ -210,16 +210,16 @@ $(document).ready(function(){
 });
 
 /* Button Control by Status */
-function control_button(order_status){		
+function control_button(order_status){
 	if(order_status=="billed"){
 		$("#request_bills").prop('disabled', true);
 		$("#discount").prop('disabled', false);
-		$("#pay").prop('disabled', false);
+		$("#pay-bill").prop('disabled', false);
 	}
 	else if(order_status=="new") {
 		$("#request_bills").prop('disabled', false);
 		$("#discount").prop('disabled', true);
-		$("#pay").prop('disabled', true);
+		$("#pay-bill").prop('disabled', true);
 	}
 }
 
@@ -236,9 +236,6 @@ function update_balance(){
 	}
 
 	var total = (parseFloat(sub_total) + parseFloat(tax)) - discount_amount;
-	$('#order-discount').text(discount_amount); 
+	$('#order-discount').text(discount_amount);
 	$('#order-grand-total').text(total);
 }
-
-
-

app/assets/stylesheets/origami.scss

@@ -7,17 +7,36 @@
 //   min-height: 75rem;
 //   padding-top: 4.5rem;
 // }
+.others-payment{
+	line-height:100px;
+	text-align:center;
+	color:white;
+	width:300px;
+	height:100px;
+	font-size:18px;
+}
 
 .cashier_number{
-	height:76px;
-	line-height:80px;
+	width: 30%;
+	height:71px;
+	line-height:71px;
+
 	text-align:center;
 	background:#54A5AF;
-	float:left;
-	margin:2px;
+	// float:left;
+	// margin:2px;
+	font-size:20px;
+	color:white;
+	// cursor:pointer;
+}
+
+.pay{
+	width: 98%;
+  height:210px;
+	line-height:210px;
+	text-align:center;
 	font-size:20px;
 	color:white;
-	cursor:pointer;
 }
 
 .cashier_number:hover{
@@ -25,7 +44,7 @@
 }
 
 .long{
-	width:100%
+	width:49%
 }
 
 .sold {
@@ -42,17 +61,17 @@
 }
 
 .charges-name {
-	width: 80%; 
+	width: 80%;
 	text-align: left;
 }
 
 .item-name {
-	width: 60%; 
+	width: 60%;
 	text-align: left;
 }
 
 .item-attr {
-	width: 20%; 
+	width: 20%;
 	text-align: right;
 }
 
@@ -70,7 +89,13 @@
 	background-color: #009900
 }
 
+.left{
+	margin-left:1px;
+}
 
+.bottom{
+	margin-bottom: 1px;
+}
 /*----- Reset -----*/
 
 select.form-control {