48 lines
3.2 KiB
HTML
48 lines
3.2 KiB
HTML
<div class="form-popup" id="new_trade_form">
|
|
<form action="/new_trade" class="form-container">
|
|
<!-- Panel 1 of 1 (8 rows, 4 columns) -->
|
|
<div id="trade_pan_1" class="form_panels" style="display: grid;grid-template-columns:repeat(4,1fr);grid-template-rows: repeat(8,1fr);">
|
|
<!-- Panel title (row 1/8)-->
|
|
<h1 style="grid-column: 1 / span 2; grid-row: 1;">Create New Trade</h1>
|
|
<!-- Target input field (row 2/8)-->
|
|
<div id = "tradeTarget_div" style="grid-column: 1 / span 2; grid-row:2;">
|
|
<label for='tradeTarget' >Trade target:</label>
|
|
<select name="tradeTarget" id="tradeTarget" style="grid-column: 2; grid-row: 2;" >
|
|
<option>test_exchange</option>
|
|
<option>binance</option>
|
|
</select>
|
|
</div>
|
|
<!-- Side Input field (row 3/8)-->
|
|
<label for="side" style="grid-column: 1; grid-row: 3;"><b>Side:</b></label>
|
|
<select name="side" id="side" style="grid-column: 2; grid-row: 3;" >
|
|
<option>buy</option>
|
|
<option>sell</option>
|
|
</select>
|
|
<!-- orderType Input field (row 4/8)-->
|
|
<label for="orderType" style="grid-column: 1; grid-row: 4;"><b>Order type:</b></label>
|
|
<select name="orderType" id="orderType" style="grid-column: 2; grid-row: 4;" >
|
|
<option>MARKET</option>
|
|
<option>LIMIT</option>
|
|
</select>
|
|
<!-- Price Input field (row 5/8)-->
|
|
<label id="price-label" for="price" style="grid-column: 1; grid-row: 5;"><b>Price:</b></label>
|
|
<input type="number" min="0" value="0.1" step="0.1" name="price" id="price" style="grid-column: 2; grid-row: 5;" >
|
|
<output name="currentPrice" id="currentPrice" style="grid-column: 2; grid-row: 5;" >
|
|
</output>
|
|
<!-- quantity Input field (row 6/8)-->
|
|
<label for="quantity" style="grid-column: 1; grid-row: 6;"><b>Quantity:</b></label>
|
|
<input type="number" min="0" value="0" step="0.01" name="quantity" id="quantity" style="grid-column: 2; grid-row: 6;" >
|
|
</input>
|
|
<!-- Value field (row 7/8)-->
|
|
<label for="tradeValue" style="grid-column: 1; grid-row: 7;"><b>Value</b></label>
|
|
<output name="tradeValue" id="tradeValue" for="quantity price" style="grid-column: 2; grid-row: 7;"></output>
|
|
<!-- buttons (row 8/8)-->
|
|
<div style="grid-column: 1 / span 4; grid-row: 8;">
|
|
<button type="button" class="btn cancel" onclick="UI.trade.close_tradeForm()">Close</button>
|
|
<button type="button" class="btn next" onclick="UI.trade.submitNewTrade()">Create Trade</button>
|
|
</div>
|
|
|
|
</div><!----End panel 1--------->
|
|
</form>
|
|
</div>
|