parent
54833c1c9d
commit
9b0f67b5ef
@ -0,0 +1,27 @@
|
|||||||
|
import json
|
||||||
|
import requests
|
||||||
|
from flask import Flask
|
||||||
|
from flask import render_template, request, Response
|
||||||
|
import xmlrpc.client
|
||||||
|
|
||||||
|
s = xmlrpc.client.ServerProxy('http://localhost:8000')
|
||||||
|
app = Flask(__name__)
|
||||||
|
|
||||||
|
|
||||||
|
@app.route('/', strict_slashes=False)
|
||||||
|
def index():
|
||||||
|
return render_template('index.html')
|
||||||
|
|
||||||
|
@app.route('/order', methods=['POST'])
|
||||||
|
def order():
|
||||||
|
candy1 = int(request.form['candy1'])
|
||||||
|
candy2 = int(request.form['candy2'])
|
||||||
|
candy3 = int(request.form['candy3'])
|
||||||
|
candy4 = int(request.form['candy4'])
|
||||||
|
print ("test {} {} {} {} ".format(candy1, candy2, candy3, candy4))
|
||||||
|
return '{"status":"ok"}'
|
||||||
|
#s.new_order(params)
|
||||||
|
|
||||||
|
|
||||||
|
if __name__ == '__main__':
|
||||||
|
app.run('0.0.0.0')
|
||||||
@ -0,0 +1,58 @@
|
|||||||
|
$(document).ready(function(){
|
||||||
|
|
||||||
|
var quantitiy=0;
|
||||||
|
$('.quantity-right-plus').click(function(e){
|
||||||
|
|
||||||
|
// Stop acting like a button
|
||||||
|
e.preventDefault();
|
||||||
|
// Get the field name
|
||||||
|
var quantity = parseInt($('#quantity').val());
|
||||||
|
|
||||||
|
// If is not undefined
|
||||||
|
|
||||||
|
$('#quantity').val(quantity + 1);
|
||||||
|
|
||||||
|
|
||||||
|
// Increment
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
$('.quantity-left-minus').click(function(e){
|
||||||
|
// Stop acting like a button
|
||||||
|
e.preventDefault();
|
||||||
|
// Get the field name
|
||||||
|
var quantity = parseInt($('#quantity').val());
|
||||||
|
|
||||||
|
// If is not undefined
|
||||||
|
|
||||||
|
// Increment
|
||||||
|
if(quantity>0){
|
||||||
|
$('#quantity').val(quantity - 1);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
function submitOrder(){
|
||||||
|
|
||||||
|
var data = new FormData();
|
||||||
|
data.append('candy1', $('#candy1').val());
|
||||||
|
data.append('candy2', $('#candy2').val());
|
||||||
|
data.append('candy3', $('#candy3').val());
|
||||||
|
data.append('candy4', $('#candy4').val());
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: 'order',
|
||||||
|
type: 'POST',
|
||||||
|
cache: false,
|
||||||
|
data: data,
|
||||||
|
contentType: false,
|
||||||
|
processData: false,
|
||||||
|
success: function() {
|
||||||
|
alert("ok")
|
||||||
|
},
|
||||||
|
fail: function() {
|
||||||
|
alert("not ok")
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
@ -0,0 +1,97 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Alepa Twitch Grabs Candy</title>
|
||||||
|
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||||
|
<script type="text/javascript" src="{{url_for('static', filename='picker.js')}}"></script>
|
||||||
|
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||||
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<h2>Simple Quantity increment buttons with Javascript </h2>
|
||||||
|
<div class="col-lg-2">
|
||||||
|
Tasty treats
|
||||||
|
<div class="input-group">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
|
||||||
|
<button type="button" class="quantity-left-minus btn btn-danger btn-number" data-type="minus" data-field="">
|
||||||
|
<span class="glyphicon glyphicon-minus"></span>
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
<input type="text" id="candy1" name="quantity" class="form-control input-number" value="0" min="1" max="20">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button type="button" class="quantity-right-plus btn btn-success btn-number" data-type="plus" data-field="">
|
||||||
|
<span class="glyphicon glyphicon-plus"></span>
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-2">
|
||||||
|
Sweet snacks
|
||||||
|
<div class="input-group">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
|
||||||
|
<button type="button" class="quantity-left-minus btn btn-danger btn-number" data-type="minus" data-field="">
|
||||||
|
<span class="glyphicon glyphicon-minus"></span>
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
<input type="text" id="candy2" name="quantity" class="form-control input-number" value="0" min="1" max="20">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button type="button" class="quantity-right-plus btn btn-success btn-number" data-type="plus" data-field="">
|
||||||
|
<span class="glyphicon glyphicon-plus"></span>
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-2">
|
||||||
|
Chocolaty candy
|
||||||
|
<div class="input-group">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
|
||||||
|
<button type="button" class="quantity-left-minus btn btn-danger btn-number" data-type="minus" data-field="">
|
||||||
|
<span class="glyphicon glyphicon-minus"></span>
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
<input type="text" id="candy3" name="quantity" class="form-control input-number" value="0" min="0" max="20">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button type="button" class="quantity-right-plus btn btn-success btn-number" data-type="plus" data-field="">
|
||||||
|
<span class="glyphicon glyphicon-plus"></span>
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-2">
|
||||||
|
Good something
|
||||||
|
<div class="input-group">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button type="button" class="quantity-left-minus btn btn-danger btn-number" data-type="minus" data-field="">
|
||||||
|
<span class="glyphicon glyphicon-minus"></span>
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
<input type="text" id="candy4" name="quantity" class="form-control input-number" value="0" min="0" max="20">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button type="button" class="quantity-right-plus btn btn-success btn-number" data-type="plus" data-field="">
|
||||||
|
<span class="glyphicon glyphicon-plus"></span>
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-2">
|
||||||
|
<div class="input-group">
|
||||||
|
<button class="btn btn-magick" onClick="submitOrder()">Place sweet order!</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
Loading…
Reference in new issue