<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> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>New Flex Order</legend> <!-- Buy/Sell Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="radios">Buy/Sell*</label> <div class="col-md-4"> <div class="radio"> <label for="radios-0"> <input type="radio" name="radios" id="radios-0" value="buy" checked="checked"> Buy </label> </div> <div class="radio"> <label for="radios-1"> <input type="radio" name="radios" id="radios-1" value="sell"> Sell </label> </div> </div> </div> <!-- Currency Pair Selection --> <div class="form-group"> <label class="col-md-4 control-label" for="currency_pair">Currency Pair*</label> <div class="col-md-4"> <select id="currency_pair" name="currency_pair" class="form-control"> <option value="">USD/JPY</option> <option value="">USD/EUR</option> <option value="">JPY/EUR</option> <option value="">JPY/USD</option> <option value="">EUR/JPY</option> <option value="">EUR/USD</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="volume">Volume</label> <div class="col-md-4"> <input id="volume" name="volume" type="text" placeholder="0" class="form-control input-md" required=""> <span class="help-block">help</span> </div> </div> <!-- Prepended checkbox --> <div class="form-group"> <label class="col-md-4 control-label" for="price_constraint">Price Constraint</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon"> <input type="checkbox"> </span> <input id="price_constraint" name="price_constraint" class="form-control" type="text" placeholder="e.g. 0.0USD"> </div> </div> </div> <!-- Prepended checkbox --> <div class="form-group"> <label class="col-md-4 control-label" for="counterparty_constraint">Counterparty Constraint</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon"> <input type="checkbox"> </span> <input id="counterparty_constraint" name="counterparty_constraint" class="form-control" type="text" placeholder="e.g. counterpartyA, counterpartyB"> </div> </div> </div> <!-- Prepended checkbox --> <div class="form-group"> <label class="col-md-4 control-label" for="expiration_constraint">Expiration Constraint</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon"> <input type="checkbox"> </span> <input id="expiration_constraint" name="expiration_constraint" class="form-control" type="text" placeholder="e.g. 1970-01-01T00:00:000000"> </div> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="behaviors">Behaviors</label> <div class="col-md-4"> <div class="checkbox"> <label for="behaviors-0"> <input type="checkbox" name="behaviors" id="behaviors-0" value="fill_or_kill"> Fill or Kill </label> </div> <div class="checkbox"> <label for="behaviors-1"> <input type="checkbox" name="behaviors" id="behaviors-1" value="display"> Display </label> </div> <div class="checkbox"> <label for="behaviors-2"> <input type="checkbox" name="behaviors" id="behaviors-2" value="allow_partial"> Allow Partial </label> </div> </div> </div> <!-- Add Order to Bucket --> <div class="form-group"> <label class="col-md-4 control-label" for="bucket"></label> <div class="col-md-4"> <button id="add_order" name="add_order" class="btn btn-primary">Add to Bucket</button> </div> </div> <!-- Order Bucket - Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="order_bucket_list">Order Bucket</label> <div class="col-md-4"> <select id="order_bucket_list" name="order_bucket_list" class="form-control" multiple="multiple"> <option value="1">Order 1: sell $500 USD/EUR</option> <option value="2">Order 2: sell $500 USD/JPY</option> </select> </div> </div> <!-- Order Grouping - Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="grouping">Grouping</label> <div class="col-md-4"> <select id="grouping" name="grouping" class="form-control"> <option value="1">All Of (Atomic)</option> <option value="2">Any One Of</option> </select> </div> </div> </fieldset> </form>

var flexorder = { side: "", volume: 0.0, currency_pair: {}, behaviors: default_order_behaviors, constraints: default_order_constraints }; var default_order_behaviors = { fill_or_kill: false, all_or_none: false, display_all: false }; var default_order_constraints = { price: null, counterparty: "", TTL: 0 }; var orderbucket = { orders: [], groups: {} };