4
1
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-02-12 02:05:51 +00:00

Added Pirate Chain to the trade portal (trading not functional yet)

This commit is contained in:
CalDescent 2022-05-08 11:07:52 +01:00
parent affb69dcde
commit 40ab7fc31d

View File

@ -40,7 +40,8 @@ class TradePortal extends LitElement {
isLoadingHistoricTrades: { type: Boolean },
isLoadingOpenTrades: { type: Boolean },
isLoadingMyOpenOrders: { type: Boolean },
theme: { type: String, reflect: true }
theme: { type: String, reflect: true },
arrrWalletAddress: { type: String },
}
}
@ -354,6 +355,10 @@ class TradePortal extends LitElement {
background-image: url('/img/qortrvn.png');
}
.arrr.coinName:before {
background-image: url('/img/qortarrr.png');
}
.coinName {
display: inline-block;
height: 26px;
@ -487,12 +492,29 @@ class TradePortal extends LitElement {
tradeFee: "~0.006"
}
let piratechain = {
name: "PIRATECHAIN",
balance: "0",
coinCode: "ARRR",
openOrders: [],
openFilteredOrders: [],
historicTrades: [],
myOrders: [],
myHistoricTrades: [],
myOfferingOrders: [],
openTradeOrders: null,
tradeOffersSocketCounter: 1,
coinAmount: this.amountString,
tradeFee: "~0.0002"
}
this.listedCoins = new Map()
this.listedCoins.set("QORTAL", qortal)
this.listedCoins.set("LITECOIN", litecoin)
this.listedCoins.set("DOGECOIN", dogecoin)
this.listedCoins.set("DIGIBYTE", digibyte)
this.listedCoins.set("RAVENCOIN", ravencoin)
this.listedCoins.set("PIRATECHAIN", piratechain)
workers.set("QORTAL", {
tradesConnectedWorker: null,
@ -519,6 +541,11 @@ class TradePortal extends LitElement {
handleStuckTradesConnectedWorker: null
})
workers.set("PIRATECHAIN", {
tradesConnectedWorker: null,
handleStuckTradesConnectedWorker: null
})
this.selectedCoin = "LITECOIN"
this.selectedAddress = {}
this.config = {}
@ -533,6 +560,7 @@ class TradePortal extends LitElement {
this.isLoadingOpenTrades = true
this.isLoadingMyOpenOrders = false
this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light'
this.arrrWalletAddress = ''
}
// TODO: Move each template to a separate components! Maybe
@ -905,6 +933,7 @@ class TradePortal extends LitElement {
<mwc-list-item value="DOGECOIN"><span class="coinName doge" style="color: var(--black);">QORT / DOGE</span></mwc-list-item>
<mwc-list-item value="DIGIBYTE"><span class="coinName dgb" style="color: var(--black);">QORT / DGB</span></mwc-list-item>
<mwc-list-item value="RAVENCOIN"><span class="coinName rvn" style="color: var(--black);">QORT / RVN</span></mwc-list-item>
<mwc-list-item value="PIRATECHAIN"><span class="coinName arrr" style="color: var(--black);">QORT / ARRR</span></mwc-list-item>
</mwc-select>
</div>
<div id="trade-portal">
@ -945,6 +974,7 @@ class TradePortal extends LitElement {
this.changeTheme()
this.changeLanguage()
this.updateWalletBalance()
this.fetchWalletAddress(this.selectedCoin)
setTimeout(() => {
this.displayTabContent('buy')
@ -1075,6 +1105,10 @@ class TradePortal extends LitElement {
_url = `/crosschain/rvn/walletbalance?apiKey=${this.getApiKey()}`
_body = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.derivedMasterPublicKey
break
case 'PIRATECHAIN':
_url = `/crosschain/arrr/walletbalance?apiKey=${this.getApiKey()}`
_body = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.seed58
break
default:
break
}
@ -1094,6 +1128,26 @@ class TradePortal extends LitElement {
})
}
async fetchWalletAddress(coin) {
console.log("fetchWalletAddress: " + coin)
switch (coin) {
case 'PIRATECHAIN':
let res = await parentEpml.request('apiCall', {
url: `/crosschain/arrr/walletaddress?apiKey=${this.getApiKey()}`,
method: 'POST',
body: `${window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.seed58}`,
})
if (res != null) {
this.arrrWalletAddress = res
}
break
default:
// Not used for other coins yet
break
}
}
setForeignCoin(coin) {
let _this = this
this.selectedCoin = coin
@ -1107,6 +1161,7 @@ class TradePortal extends LitElement {
this.clearSellForm()
this.clearBuyForm()
this.updateWalletBalance()
this.fetchWalletAddress(coin)
}
displayTabContent(tab) {
@ -1538,6 +1593,49 @@ class TradePortal extends LitElement {
})
}
/**
* PirateChainACCTv1 TRADEBOT STATES
* - BOB_WAITING_FOR_AT_CONFIRM
* - BOB_WAITING_FOR_MESSAGE
* - BOB_WAITING_FOR_AT_REDEEM
* - BOB_DONE
* - BOB_REFUNDED
* - ALICE_WAITING_FOR_AT_LOCK
* - ALICE_DONE
* - ALICE_REFUNDING_A
* - ALICE_REFUNDED
*
* @param {[{}]} states
*/
const PirateChainACCTv1 = (states) => {
// Reverse the states
states.reverse()
states.forEach((state) => {
if (state.creatorAddress === this.selectedAddress.address) {
if (state.tradeState == 'BOB_WAITING_FOR_AT_CONFIRM') {
this.changeTradeBotState(state, 'PENDING')
} else if (state.tradeState == 'BOB_WAITING_FOR_MESSAGE') {
this.changeTradeBotState(state, 'LISTED')
} else if (state.tradeState == 'BOB_WAITING_FOR_AT_REDEEM') {
this.changeTradeBotState(state, 'TRADING')
} else if (state.tradeState == 'BOB_DONE') {
this.handleCompletedState(state)
} else if (state.tradeState == 'BOB_REFUNDED') {
this.handleCompletedState(state)
} else if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') {
this.changeTradeBotState(state, 'BUYING')
} else if (state.tradeState == 'ALICE_DONE') {
this.handleCompletedState(state)
} else if (state.tradeState == 'ALICE_REFUNDING_A') {
this.changeTradeBotState(state, 'REFUNDING')
} else if (state.tradeState == 'ALICE_REFUNDED') {
this.handleCompletedState(state)
}
}
})
}
switch (this.selectedCoin) {
case 'BITCOIN':
BitcoinACCTv1(tradeStates)
@ -1554,6 +1652,9 @@ class TradePortal extends LitElement {
case 'RAVENCOIN':
RavencoinACCTv1(tradeStates)
break
case 'PIRATECHAIN':
PirateChainACCTv1(tradeStates)
break
default:
break
}
@ -1849,6 +1950,9 @@ class TradePortal extends LitElement {
case 'RAVENCOIN':
_receivingAddress = this.selectedAddress.rvnWallet.address
break
case 'PIRATECHAIN':
_receivingAddress = this.arrrWalletAddress
break
default:
break
}
@ -1915,6 +2019,9 @@ class TradePortal extends LitElement {
case 'RAVENCOIN':
_foreignKey = this.selectedAddress.rvnWallet.derivedMasterPrivateKey
break
case 'PIRATECHAIN':
_foreignKey = this.selectedAddress.arrrWallet.seed58
break
default:
break
}