|
|
|
@ -288,7 +288,7 @@ class TradePortal extends LitElement {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.loading { |
|
|
|
|
margin: 45% auto; |
|
|
|
|
margin: 10px auto; |
|
|
|
|
border-width: .6em; |
|
|
|
|
border-style: solid; |
|
|
|
|
border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); |
|
|
|
@ -472,7 +472,7 @@ class TradePortal extends LitElement {
|
|
|
|
|
<div class="box"> |
|
|
|
|
<header><span>HISTORIC MARKET TRADES</span></header> |
|
|
|
|
<div class="border-wrapper"> |
|
|
|
|
<div class="loadingContainer" id="loadingHistoricTrades" style="display:${this.isLoadingHistoricTrades ? 'block' : 'none'}"><div class="loading">Loading...</div></div> |
|
|
|
|
<div class="loadingContainer" id="loadingHistoricTrades" style="display:${this.isLoadingHistoricTrades ? 'block' : 'none'}"><div class="loading"></div><span style="color: var(--black);">Loading...</span></div> |
|
|
|
|
<vaadin-grid theme="compact column-borders row-stripes wrap-cell-content" id="historicTradesGrid" aria-label="Historic Trades" .items="${this.listedCoins.get(this.selectedCoin).historicTrades}"> |
|
|
|
|
<vaadin-grid-column auto-width resizable header="Amount (QORT)" path="qortAmount"></vaadin-grid-column> |
|
|
|
|
<vaadin-grid-column |
|
|
|
@ -507,7 +507,7 @@ class TradePortal extends LitElement {
|
|
|
|
|
<div class="box"> |
|
|
|
|
<header><span>OPEN MARKET SELL ORDERS</span></header> |
|
|
|
|
<div class="border-wrapper"> |
|
|
|
|
<div class="loadingContainer" id="loadingHistoricTrades" style="display:${this.isLoadingOpenTrades ? 'block' : 'none'}"><div class="loading">Loading...</div></div> |
|
|
|
|
<div class="loadingContainer" id="loadingHistoricTrades" style="display:${this.isLoadingOpenTrades ? 'block' : 'none'}"><div class="loading"></div><span style="color: var(--black);">Loading...</span></div> |
|
|
|
|
<vaadin-grid multi-sort="true" theme="compact column-borders row-stripes wrap-cell-content" id="openOrdersGrid" aria-label="Open Orders" .items="${this.listedCoins.get(this.selectedCoin).openFilteredOrders}"> |
|
|
|
|
<vaadin-grid-column |
|
|
|
|
auto-width |
|
|
|
@ -694,7 +694,7 @@ class TradePortal extends LitElement {
|
|
|
|
|
<div class="box"> |
|
|
|
|
<header><span>MY ORDERS</span><mwc-icon-button title="Stuck Orders" icon="more_vert" @click=${() => this.showStuckOrdersDialog()}></mwc-icon-button></header> |
|
|
|
|
<div class="border-wrapper"> |
|
|
|
|
<div class="loadingContainer" id="loadingHistoricTrades" style="display:${this.isLoadingMyOpenOrders ? 'block' : 'none'}"><div class="loading">Loading...</div></div> |
|
|
|
|
<div class="loadingContainer" id="loadingHistoricTrades" style="display:${this.isLoadingMyOpenOrders ? 'block' : 'none'}"><div class="loading"></div><span style="color: var(--black);">Loading...</span></div> |
|
|
|
|
<vaadin-grid multi-sort="true" theme="compact column-borders row-stripes wrap-cell-content" id="myOrdersGrid" aria-label="My Orders" .items="${this.listedCoins.get(this.selectedCoin).myOrders}"> |
|
|
|
|
<vaadin-grid-column |
|
|
|
|
auto-width |
|
|
|
|