Files
gocryptotrader/web/app/views/home/home.html
GloriousCode abd6ccea74 Implements front-end call for buy and sell orders
Copy-pastes sell-orders component for mass component creation
2017-03-06 19:55:18 +11:00

73 lines
2.7 KiB
HTML

<div class="col-md-12">
<div ng-show="loaded">
<div class="col-md-12">
<h2>{{exchange.exchangeName}} Exchange</h2>
<h4>{{currency.CurrencyPair}}</h4>
</div>
<div class="col-md-8">
<div class="col-md-12">
<!-- This is to get a sense of scale, I don't intend on any hardcoded heights!' -->
<div class="col-md-6" style=" height: 300px;">
<h3>Sell orders</h3>
<!--plceholder-->
<sellorders></sellorders>
</div>
<div class="col-md-6" style=" height: 300px;">
<h3>Buy orders</h3>
<buyorders></buyorders>
</div>
</div>
<div class="col-md-12" style=" height: 300px;">
<h3>Market depth chart</h3>
</div>
<div class="col-md-4">
<h4>Buy</h4>
<buy></buy>
</div>
<div class="col-md-4" style=" height: 300px;">
<h4>Sell</h4>
<sell></sell>
</div>
<div class="col-md-4" style=" height: 300px;">
<h4>Wallet quick look</h4>
See current holding of selected currency
</div>
<div class="col-md-12">
<div class="col-md-6" style=" height: 400px;">
<h3>Trade History</h3>
</div>
<div class="col-md-6" style=" height: 400px;">
<h3>My Open Orders</h3>
</div>
</div>
</div>
<div class="col-md-4">
<enabledexchanges></enabledexchanges>
</div>
</div>
<div ng-show="!loaded && !loadFailed" class="col-md-12 text-center">
<br />
<br />
<br />
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="120" height="120" fill="#40bfc0">
<path opacity=".25" d="M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"/>
<path d="M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z">
<animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="0.8s" repeatCount="indefinite" />
</path>
</svg>
<br />
<br />
<br />
</div>
<div ng-show="loadFailed">
<br />
<br />
<h1 class="text-center">D:</h1>
<br />
<h4 class="text-center">Something went wrong! Make sure Gocryptotrader is running. If things still aren't cool, open a ticket <a href="https://github.com/thrasher-/gocryptotrader/issues" target="blank">here</a></h4>
<br />
<br />
<br />
</div>
</div>