You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
4.2 KiB
98 lines
4.2 KiB
<!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>
|
|
|