Support for responding to multiple crosschain sell offers.

core/src/plugins/routes.js

@@ -24,6 +24,7 @@ const signArbitraryTransaction = api.signArbitraryTransaction
 const signArbitraryWithFeeTransaction = api.signArbitraryWithFeeTransaction
 const tradeBotCreateRequest = api.tradeBotCreateRequest
 const tradeBotRespondRequest = api.tradeBotRespondRequest
+const tradeBotRespondMultipleRequest = api.tradeBotRespondMultipleRequest
 const signTradeBotTxn = api.signTradeBotTxn
 const deleteTradeOffer = api.deleteTradeOffer
 const cancelAllOffers = api.cancelAllOffers
@@ -396,6 +397,21 @@ export const routes = {
 		return response
 	},
 
+	tradeBotRespondMultipleRequest: async (req) => {
+		let response
+
+		try {
+			response = await tradeBotRespondMultipleRequest(req.data)
+		} catch (e) {
+			console.error(e)
+			console.error(e.message)
+
+			response = e.message
+		}
+
+		return response
+	},
+
 	deleteTradeOffer: async (req) => {
 		let response
 

core/src/tradebot/trade-bot-routes.js

@@ -6,6 +6,7 @@ const createTransaction = api.createTransaction
 const processTransaction = api.processTransaction
 const tradeBotCreateRequest = api.tradeBotCreateRequest
 const tradeBotRespondRequest = api.tradeBotRespondRequest
+const tradeBotRespondMultipleRequest = api.tradeBotRespondMultipleRequest
 const signTradeBotTxn = api.signTradeBotTxn
 const deleteTradeOffer = api.deleteTradeOffer
 const cancelAllOffers = api.cancelAllOffers
@@ -163,6 +164,21 @@ export const routes = {
 		return response
 	},
 
+	tradeBotRespondMultipleRequest: async (req) => {
+		let response
+
+		try {
+			response = await tradeBotRespondMultipleRequest(req.data)
+		} catch (e) {
+			console.error(e)
+			console.error(e.message)
+
+			response = e.message
+		}
+
+		return response
+	},
+
 	deleteTradeOffer: async (req) => {
 		let response
 

crypto/api/api.js

@@ -1,5 +1,5 @@
 export { request } from './fetch-request'
 export { transactionTypes as transactions } from './transactions/transactions'
 export { processTransaction, processTransactionVersion2, createTransaction, computeChatNonce, signChatTransaction, signArbitraryTransaction, signArbitraryWithFeeTransaction } from './createTransaction'
-export { tradeBotCreateRequest, tradeBotRespondRequest, signTradeBotTxn, deleteTradeOffer, sendBtc, sendLtc, sendDoge, sendDgb, sendRvn, sendArrr } from './tradeRequest'
+export { tradeBotCreateRequest, tradeBotRespondRequest, tradeBotRespondMultipleRequest, signTradeBotTxn, deleteTradeOffer, sendBtc, sendLtc, sendDoge, sendDgb, sendRvn, sendArrr } from './tradeRequest'
 export { cancelAllOffers } from './transactions/trade-portal/tradeoffer/cancelAllOffers'

crypto/api/tradeRequest.js

@@ -4,6 +4,7 @@ import TradeBotRespondRequest from './transactions/trade-portal/tradebot/TradeBo
 import signTradeBotTransaction from './transactions/trade-portal/tradebot/signTradeBotTransaction'
 import DeleteTradeOffer from './transactions/trade-portal/tradeoffer/DeleteTradeOffer'
 import { request } from './fetch-request'
+import TradeBotRespondMultipleRequest from "./transactions/trade-portal/tradebot/TradeBotRespondMultipleRequest";
 
 // TradeBotCreateRequest
 export const tradeBotCreateRequest = (requestObject) => {
@@ -35,6 +36,21 @@ export const tradeBotRespondRequest = (requestObject) => {
 	})
 }
 
+// TradeBotRespondRequest
+export const tradeBotRespondMultipleRequest = (requestObject) => {
+	const txn = new TradeBotRespondMultipleRequest().createTransaction(requestObject)
+	const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]
+
+	return request(`/crosschain/tradebot/respondmultiple?apiKey=${myNode.apiKey}`, {
+		method: 'POST',
+		headers: {
+			'Accept': 'application/json',
+			'Content-Type': 'application/json'
+		},
+		body: JSON.stringify(txn)
+	})
+}
+
 // Sign Trade Transactions
 export const signTradeBotTxn = (unsignedTxn, keyPair) => {
 	return signTradeBotTransaction(unsignedTxn, keyPair)

crypto/api/transactions/trade-portal/tradebot/TradeBotRespondMultipleRequest.js

@@ -0,0 +1,39 @@
+/**
+ * CrossChain - TradeBot Respond Multiple Request (Buy Action)
+ *
+ * These are special types of transactions (JSON ENCODED)
+ */
+
+export default class TradeBotRespondMultipleRequest {
+	constructor() {
+		// ...
+	}
+
+	createTransaction(txnReq) {
+		this.addresses(txnReq.addresses)
+		this.foreignKey(txnReq.foreignKey)
+		this.receivingAddress(txnReq.receivingAddress)
+
+		return this.txnRequest()
+	}
+
+	addresses(addresses) {
+		this._addresses = addresses
+	}
+
+	foreignKey(foreignKey) {
+		this._foreignKey = foreignKey
+	}
+
+	receivingAddress(receivingAddress) {
+		this._receivingAddress = receivingAddress
+	}
+
+	txnRequest() {
+		return {
+			addresses: this._addresses,
+			foreignKey: this._foreignKey,
+			receivingAddress: this._receivingAddress
+		}
+	}
+}

plugins/plugins/core/trade-portal/trade-portal.src.js

@@ -30,6 +30,7 @@ import '@polymer/paper-spinner/paper-spinner-lite.js'
 import '@vaadin/grid'
 import '@vaadin/grid/vaadin-grid-sorter'
 import '@vaadin/password-field'
+import '@vaadin/grid/vaadin-grid-selection-column.js'
 
 // Multi language support
 import { get, registerTranslateConfig, translate, use } from '../../../../core/translate'
@@ -498,6 +499,10 @@ class TradePortal extends LitElement {
 
 		this._openOrdersGrid = this.shadowRoot.getElementById('openOrdersGrid')
 
+		this._openOrdersGrid.addEventListener("selected-items-changed", function(event){
+			_this.fillBuyForm(event.detail.value);
+		});
+
 		this._openOrdersGrid.querySelector('#priceColumn').headerRenderer = function (root) {
 			const priceString = get("tradepage.tchange9")
 			root.innerHTML = '<vaadin-grid-sorter path="price" direction="asc">' + priceString + ' (' + _this.listedCoins.get(_this.selectedCoin).coinCode + ')</vaadin-grid-sorter>'
@@ -751,13 +756,14 @@ class TradePortal extends LitElement {
 							aria-label="Open Orders"
 							.items="${this.listedCoins.get(this.selectedCoin).openFilteredOrders}"
 						>
+							<vaadin-grid-selection-column></vaadin-grid-selection-column>
 							<vaadin-grid-column
 								auto-width
 								resizable
 								header="${translate("tradepage.tchange8")} (QORT)"
 								id="qortAmountColumn"
 								.renderer=${(root, column, data) => {
-									render(html`<span style="cursor: pointer;" @click="${() => this.fillBuyForm(data)}">${this.round(data.item.qortAmount)}</span>`, root)
+									render(html`<span style="cursor: pointer;" >${this.round(data.item.qortAmount)}</span>`, root)
 								}}
 							>
 							</vaadin-grid-column>
@@ -767,7 +773,7 @@ class TradePortal extends LitElement {
 								header="${translate("tradepage.tchange9")} (${this.listedCoins.get(this.selectedCoin).coinCode})"
 								id="priceColumn"
 								.renderer=${(root, column, data) => {
-									render(html`<span style="cursor: pointer;" @click="${() => this.fillBuyForm(data)}">${this.round(data.item.price)}</span>`, root)
+									render(html`<span style="cursor: pointer;" >${this.round(data.item.price)}</span>`, root)
 								}}
 							>
 							</vaadin-grid-column>
@@ -777,7 +783,7 @@ class TradePortal extends LitElement {
 								header="${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})"
 								id="foreignAmountColumn"
 								.renderer=${(root, column, data) => {
-									render(html`<span style="cursor: pointer;" @click="${() => this.fillBuyForm(data)}">${data.item.foreignAmount}</span>`, root)
+									render(html`<span style="cursor: pointer;" >${data.item.foreignAmount}</span>`, root)
 								}}
 							>
 							</vaadin-grid-column>
@@ -1552,13 +1558,25 @@ class TradePortal extends LitElement {
 		this.isLoadingMyOpenOrders = false
 	}
 
-	fillBuyForm(sellerRequest) {
-		this.shadowRoot.getElementById('buyAmountInput').value = parseFloat(sellerRequest.item.qortAmount)
-		this.shadowRoot.getElementById('buyPriceInput').value = this.round(parseFloat(sellerRequest.item.foreignAmount) / parseFloat(sellerRequest.item.qortAmount))
-		this.shadowRoot.getElementById('buyTotalInput').value = parseFloat(sellerRequest.item.foreignAmount)
-		this.shadowRoot.getElementById('qortalAtAddress').value = sellerRequest.item.qortalAtAddress
-		const buyFunds = this.round(parseFloat(sellerRequest.item.foreignAmount))
+	fillBuyForm(sellerRequests) {
+		let qortalATAddresses = [];
+		let qortAmount = 0;
+		let foreignAmount = 0;
+
+		sellerRequests.forEach((item, index) => {
+			qortalATAddresses.push(item.qortalAtAddress);
+			qortAmount += parseFloat(item.qortAmount);
+			foreignAmount += parseFloat(item.foreignAmount);
+		})
+
+		this.shadowRoot.getElementById('buyAmountInput').value = qortAmount
+		this.shadowRoot.getElementById('buyPriceInput').value = qortAmount > 0 ? this.round(foreignAmount / qortAmount) : 0
+		this.shadowRoot.getElementById('buyTotalInput').value = foreignAmount
+		this.shadowRoot.getElementById('qortalAtAddress').value = qortalATAddresses
+
+		const buyFunds = this.round(foreignAmount)
 		const haveFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance))
+
 		if (Number(haveFunds) > Number(buyFunds)) {
 			this.buyBtnDisable = false
 			this.autoBuyWarning = false
@@ -1568,7 +1586,6 @@ class TradePortal extends LitElement {
 			this.autoBuyWarning = true
 			this.displayTabContent('buy')
 		}
-
 	}
 
 	processOfferingTrade(offer) {
@@ -2330,8 +2347,8 @@ class TradePortal extends LitElement {
 		}
 
 		const makeRequest = async () => {
-			return await parentEpml.request('tradeBotRespondRequest', {
-				atAddress: qortalAtAddress,
+			return await parentEpml.request('tradeBotRespondMultipleRequest', {
+				addresses: qortalAtAddress.split(','),
 				foreignKey: _foreignKey,
 				receivingAddress: this.selectedAddress.address
 			})
@@ -2836,4 +2853,4 @@ class TradePortal extends LitElement {
 	}
 }
 
-window.customElements.define('trade-portal', TradePortal)
+window.customElements.define('trade-portal', TradePortal)