- this.shadowRoot.querySelector('#registerNameDialog').show()}>add ${translate("registernamepage.nchange2")}
@@ -268,6 +264,9 @@ class NameRegistration extends LitElement {
${translate("registernamepage.nchange1")}
+${translate("sidemenu.sm2")}
-
-
-
-
- {
- if (data.item.owner === this.selectedAddress.address) {
- render(html`${this.renderCancelSellNameButton(data.item)}`, root)
- } else {
- render(html`${this.renderBuyNameButton(data.item)}`, root)
- }
- }}>
-
-
- ${this.isEmptyArray(this.marketSellNames) ? html`
- ${translate("registernamepage.nchange24")}
- `: ''}
-
${translate("registernamepage.nchange22")}
--
${translate("registernamepage.nchange9")}
- -
-
+
+
+ ${translate("registernamepage.nchange9")}
++
+
+
-
${translate("registernamepage.nchange11")}
${translate("registernamepage.nchange13")} ${this.fee} QORT.
-
+
+
+ ${translate("publishpage.pchange2")} ${translate("login.name")}
++
+
+
+
+
+ ${this.message}
+
+ + ${translate("walletpage.wchange21")} ${this.updateFee} QORT. + +
+ + + ${translate("walletpage.wchange21")} ${this.updateFee} QORT. + +
@@ -461,74 +502,6 @@ class NameRegistration extends LitElement {
-
-
- ${translate("general.close")}
-
-
-
warning
@@ -567,9 +540,9 @@ class NameRegistration extends LitElement {
this.changeTheme()
this.changeLanguage()
this.unitFee()
+ this.unitUpdateFee()
this.unitSellFee()
this.unitCancelSellFee()
- this.unitBuyFee()
const fetchNames = () => {
parentEpml.request('apiCall', {
@@ -586,7 +559,6 @@ class NameRegistration extends LitElement {
}).then(res => {
this.marketSellNames = res
})
- this.updatePageSize()
setTimeout(fetchMarketSellNames, 180000)
}
@@ -666,103 +638,6 @@ class NameRegistration extends LitElement {
}
}
- async updatePageSize() {
- this.filteredItems = []
- this.marketSellNames.sort((a, b) => parseFloat(a.salePrice) - parseFloat(b.salePrice))
- this.filteredItems = this.marketSellNames
- await this.setPages()
- await this.updateItemsFromPage(1, true)
- }
-
- async setPages() {
- this.namesGrid = this.shadowRoot.querySelector(`#marketSellNames`)
- this.pagesControl = this.shadowRoot.querySelector('#pages')
- this.pages = undefined
- }
-
- async updatePageSizeSearch() {
- this.filteredItems = []
- this.searchSellNames.sort((a, b) => parseFloat(a.salePrice) - parseFloat(b.salePrice))
- this.filteredItems = this.searchSellNames
- await this.setPagesSearch()
- await this.updateItemsFromPage(1, true)
- }
-
- async setPagesSearch() {
- this.namesGrid = this.shadowRoot.querySelector(`#marketSellNames`)
- this.pagesControl = this.shadowRoot.querySelector('#pages')
- this.pages = undefined
- }
-
- async updateItemsFromPage(page, changeNames = false) {
- if (page === undefined) {
- return
- }
-
- changeNames === true ? (this.pagesControl.innerHTML = '') : null
-
- if (!this.pages) {
- this.pages = Array.apply(null, { length: Math.ceil(this.filteredItems.length / this.namesGrid.pageSize) }).map((item, index) => {
- return index + 1
- })
-
- const prevBtn = document.createElement('button')
- prevBtn.textContent = '<'
- prevBtn.addEventListener('click', () => {
- const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent)
- this.updateItemsFromPage(selectedPage - 1)
- })
- this.pagesControl.appendChild(prevBtn)
-
- this.pages.forEach((pageNumber) => {
- const pageBtn = document.createElement('button')
- pageBtn.textContent = pageNumber
- pageBtn.addEventListener('click', (e) => {
- this.updateItemsFromPage(parseInt(e.target.textContent))
- })
- if (pageNumber === page) {
- pageBtn.setAttribute('selected', true)
- }
- this.pagesControl.appendChild(pageBtn)
- })
-
- const nextBtn = window.document.createElement('button')
- nextBtn.textContent = '>'
- nextBtn.addEventListener('click', () => {
- const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent)
- this.updateItemsFromPage(selectedPage + 1)
- })
- this.pagesControl.appendChild(nextBtn)
- }
-
- const buttons = Array.from(this.pagesControl.children)
- buttons.forEach((btn, index) => {
- if (parseInt(btn.textContent) === page) {
- btn.setAttribute('selected', true)
- } else {
- btn.removeAttribute('selected')
- }
- if (index === 0) {
- if (page === 1) {
- btn.setAttribute('disabled', '')
- } else {
- btn.removeAttribute('disabled')
- }
- }
- if (index === buttons.length - 1) {
- if (page === this.pages.length) {
- btn.setAttribute('disabled', '')
- } else {
- btn.removeAttribute('disabled')
- }
- }
- })
- let start = (page - 1) * this.namesGrid.pageSize
- let end = page * this.namesGrid.pageSize
-
- this.namesGrid.items = this.filteredItems.slice(start, end)
- }
-
async updateQortWalletBalance() {
let qortAddress = window.parent.reduxStore.getState().app.selectedAddress.address
@@ -815,6 +690,10 @@ class NameRegistration extends LitElement {
return html`${translate("registernamepage.nchange18")}`
}
+ renderSuccessUpdateText() {
+ return html`${translate("registernamepage.nchange47")}`
+ }
+
renderSellSuccessText() {
return html`${translate("registernamepage.nchange32")}`
}
@@ -870,6 +749,27 @@ class NameRegistration extends LitElement {
this.shadowRoot.getElementById("toSellPrice").value = ''
}
+ renderUpdateNameButton(nameObj) {
+ return html` this.openUpdateNameDialog(nameObj)}>update ${translate("publishpage.pchange2")} ${translate("login.name")} `
+ }
+
+ openUpdateNameDialog(nameObj) {
+ this.toUpdateName = ''
+ this.shadowRoot.getElementById("oldNameInput").value = ''
+ this.shadowRoot.getElementById("newNameInput").value = ''
+ this.shadowRoot.getElementById("newDescInput").value = ''
+ this.toUpdateName = nameObj.name
+ this.shadowRoot.querySelector('#updateNameDialog').show()
+ }
+
+ closeUpdateNameDialog() {
+ this.shadowRoot.querySelector('#updateNameDialog').close()
+ this.toUpdateName = ''
+ this.shadowRoot.getElementById("oldNameInput").value = ''
+ this.shadowRoot.getElementById("newNameInput").value = ''
+ this.shadowRoot.getElementById("newDescInput").value = ''
+ }
+
renderCancelSellNameButton(nameObj) {
return html` this.openCancelSellNameDialog(nameObj)}>cancel ${translate("registernamepage.nchange20")} `
}
@@ -887,44 +787,6 @@ class NameRegistration extends LitElement {
this.shadowRoot.getElementById("toCancelSellName").value = ''
}
- renderBuyNameButton(nameObj) {
- return html` this.openCheck(nameObj)}>shop ${translate("registernamepage.nchange21")} `
- }
-
- openCheck(nameObj) {
- const _name = nameObj.name
- const _seller = nameObj.owner
- const _price = nameObj.salePrice
- if (this.isEmptyArray(this.names) === true) {
- this.openBuyNameDialog(_name, _seller, _price)
- } else {
- this.shadowRoot.querySelector('#buyErrorNameDialog').show()
- }
- }
-
- openBuyNameDialog(_name, _seller, _price) {
- this.toBuyName = ''
- this.toBuyPrice = ''
- this.toBuySeller = ''
- this.shadowRoot.getElementById("toBuyName").value = ''
- this.shadowRoot.getElementById("toBuyPrice").value = ''
- this.shadowRoot.getElementById("toBuySeller").value = ''
- this.toBuyName = _name
- this.toBuyPrice = _price
- this.toBuySeller = _seller
- this.shadowRoot.querySelector('#buyNameDialog').show()
- }
-
- closeBuyNameDialog() {
- this.toBuyName = ''
- this.toBuyPrice = ''
- this.toBuySeller = ''
- this.shadowRoot.getElementById("toBuyName").value = ''
- this.shadowRoot.getElementById("toBuyPrice").value = ''
- this.shadowRoot.getElementById("toBuySeller").value = ''
- this.shadowRoot.querySelector('#buyNameDialog').close()
- }
-
async openCheckFunds() {
await this.updateQortWalletBalance()
@@ -960,6 +822,20 @@ class NameRegistration extends LitElement {
})
}
+ async unitUpdateFee() {
+ const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]
+ const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port
+ const url = `${nodeUrl}/transactions/unitfee?txType=UPDATE_NAME`
+ await fetch(url).then((response) => {
+ if (response.ok) {
+ return response.json()
+ }
+ return Promise.reject(response)
+ }).then((json) => {
+ this.updateFee = (Number(json) / 1e8).toFixed(8)
+ })
+ }
+
async unitSellFee() {
const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]
const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port
@@ -988,20 +864,6 @@ class NameRegistration extends LitElement {
})
}
- async unitBuyFee() {
- const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]
- const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port
- const url = `${nodeUrl}/transactions/unitfee?txType=BUY_NAME`
- await fetch(url).then((response) => {
- if (response.ok) {
- return response.json()
- }
- return Promise.reject(response)
- }).then((json) => {
- this.buyFee = (Number(json) / 1e8).toFixed(8)
- })
- }
-
getApiKey() {
const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]
let apiKey = myNode.apiKey
@@ -1042,8 +904,8 @@ class NameRegistration extends LitElement {
};
const validateReceiver = async () => {
- let nameInfo = await validateName();
- let lastRef = await getLastRef();
+ let nameInfo = await validateName()
+ let lastRef = await getLastRef()
if (nameInfo.error === 401) {
this.error = false
@@ -1095,6 +957,92 @@ class NameRegistration extends LitElement {
this.registerNameLoading = false
}
+ async updateName() {
+ this.error = false
+ this.message = ''
+ const updateFeeInput = this.updateFee
+ const oldNameInput = this.shadowRoot.getElementById("oldNameInput").value
+ const newNameInput = this.shadowRoot.getElementById("newNameInput").value
+ const newDescInput = this.shadowRoot.getElementById("newDescInput").value
+
+ // Get Last Ref
+ const getLastRef = async () => {
+ let myRef = await parentEpml.request('apiCall', {
+ type: 'api',
+ url: `/addresses/lastreference/${this.selectedAddress.address}`
+ })
+ return myRef
+ }
+
+ // Get Account Details
+ const validateName = async () => {
+ let isValid = await parentEpml.request('apiCall', {
+ type: 'api',
+ url: `/names/${newNameInput}`
+ })
+ return isValid
+ }
+
+ const validateReceiver = async () => {
+ let nameInfo = await validateName()
+ let lastRef = await getLastRef()
+
+ if (nameInfo.error === 401) {
+ this.error = false
+ this.message = ''
+ let myTransaction = await makeTransactionRequest(lastRef)
+ getTxnRequestResponse(myTransaction)
+ } else {
+ this.error = true
+ this.message = this.renderFailText()
+ }
+ }
+
+ // Make Transaction Request
+ const makeTransactionRequest = async (lastRef) => {
+ const myOldName = oldNameInput
+ const myNewName = newNameInput
+ const myNewDesc = newDescInput
+ const myLastRef = lastRef
+ const myFee = updateFeeInput
+ let dialogUpdateName1 = get("registernamepage.nchange43")
+ let dialogUpdateName2 = get("registernamepage.nchange44")
+ let dialogUpdateName3 = get("registernamepage.nchange45")
+ let myTxnrequest = await parentEpml.request('transaction', {
+ type: 4,
+ nonce: this.selectedAddress.nonce,
+ params: {
+ fee: myFee,
+ name: myOldName,
+ newName: myNewName,
+ newData: myNewDesc,
+ lastReference: myLastRef,
+ dialogUpdateName1: dialogUpdateName1,
+ dialogUpdateName2: dialogUpdateName2,
+ dialogUpdateName3: dialogUpdateName3
+ }
+ })
+ return myTxnrequest
+ }
+
+ const getTxnRequestResponse = (txnResponse) => {
+ if (txnResponse.success === false && txnResponse.message) {
+ this.error = true
+ this.message = txnResponse.message
+ throw new Error(txnResponse)
+ } else if (txnResponse.success === true && !txnResponse.data.error) {
+ this.message = this.renderSuccessUpdateText()
+ this.error = false
+ } else {
+ this.error = true
+ this.message = txnResponse.data.message
+ throw new Error(txnResponse)
+ }
+ }
+
+ validateReceiver()
+ }
+
async createSellName() {
const name = this.shadowRoot.getElementById("toSellName").value
const price = this.shadowRoot.getElementById("toSellPrice").value
@@ -1230,82 +1178,6 @@ class NameRegistration extends LitElement {
validateReceiver()
}
- createBuyName() {
- const name = this.shadowRoot.getElementById("toBuyName").value
- const price = this.shadowRoot.getElementById("toBuyPrice").value
- const seller = this.shadowRoot.getElementById("toBuySeller").value
- const buyFeeInput = this.buyFee
- this.isLoading = true
- this.btnDisable = true
-
- const getLastRef = async () => {
- let myRef = await parentEpml.request('apiCall', {
- type: 'api',
- url: `/addresses/lastreference/${this.selectedAddress.address}`
- })
- return myRef
- }
-
- const validateReceiver = async () => {
- let lastRef = await getLastRef()
- let myTransaction = await makeTransactionRequest(lastRef)
- getTxnRequestResponse(myTransaction)
- }
-
- const makeTransactionRequest = async (lastRef) => {
- const myName = name
- const myPrice = price
- const mySeller = seller
- const myLastRef = lastRef
- const myFee = buyFeeInput
- const myBuyNameDialog1 = get("registernamepage.nchange39")
- const myBuyNameDialog2 = get("registernamepage.nchange27")
- const myBuyNameDialog3 = get("registernamepage.nchange40")
-
- let myTxnrequest = await parentEpml.request('transaction', {
- type: 7,
- nonce: this.selectedAddress.nonce,
- params: {
- fee: myFee,
- name: myName,
- sellPrice: myPrice,
- recipient: mySeller,
- lastReference: myLastRef,
- buyNameDialog1: myBuyNameDialog1,
- buyNameDialog2: myBuyNameDialog2,
- buyNameDialog3: myBuyNameDialog3
- }
- })
- return myTxnrequest
- }
-
- const getTxnRequestResponse = (txnResponse) => {
- if (txnResponse.success === false && txnResponse.message) {
- this.errorMessage = txnResponse.message
- this.isLoading = false
- this.btnDisable = false
- throw new Error(txnResponse)
- } else if (txnResponse.success === true && !txnResponse.data.error) {
- this.shadowRoot.getElementById("toBuyName").value = ''
- this.shadowRoot.getElementById("toBuyPrice").value = ''
- this.shadowRoot.getElementById("toBuySeller").value = ''
- this.toBuyName = ''
- this.toBuyPrice = ''
- this.toBuySeller = ''
- this.errorMessage = ''
- this.successMessage = this.renderBuySuccessText()
- this.isLoading = false
- this.btnDisable = false
- } else {
- this.errorMessage = txnResponse.data.message
- this.isLoading = false
- this.btnDisable = false
- throw new Error(txnResponse)
- }
- }
- validateReceiver()
- }
-
_textMenu(event) {
const getSelectedText = () => {
diff --git a/qortal-ui-plugins/plugins/core/names-market/index.html b/qortal-ui-plugins/plugins/core/names-market/index.html
new file mode 100644
index 00000000..a248d03a
--- /dev/null
+++ b/qortal-ui-plugins/plugins/core/names-market/index.html
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
+
+ 
`
+ }
+
+ renderCancelSellNameButton(nameObj) {
+ return html` this.openCancelSellNameDialog(nameObj)}>cancel ${translate("registernamepage.nchange20")} `
+ }
+
+ openCancelSellNameDialog(nameObj) {
+ this.toCancelSellName = ''
+ this.shadowRoot.getElementById("toCancelSellName").value = ''
+ this.toCancelSellName = nameObj.name
+ this.shadowRoot.querySelector('#cancelSellNameDialog').show()
+ }
+
+ closeCancelSellNameDialog() {
+ this.shadowRoot.querySelector('#cancelSellNameDialog').close()
+ this.toCancelSellName = ''
+ this.shadowRoot.getElementById("toCancelSellName").value = ''
+ }
+
+ renderBuyNameButton(nameObj) {
+ return html` this.openCheck(nameObj)}>shop ${translate("registernamepage.nchange21")} `
+ }
+
+ openCheck(nameObj) {
+ const _name = nameObj.name
+ const _seller = nameObj.owner
+ const _price = nameObj.salePrice
+ if (this.isEmptyArray(this.names) === true) {
+ this.openBuyNameDialog(_name, _seller, _price)
+ } else {
+ this.shadowRoot.querySelector('#buyErrorNameDialog').show()
+ }
+ }
+
+ openBuyNameDialog(_name, _seller, _price) {
+ this.toBuyName = ''
+ this.toBuyPrice = ''
+ this.toBuySeller = ''
+ this.shadowRoot.getElementById("toBuyName").value = ''
+ this.shadowRoot.getElementById("toBuyPrice").value = ''
+ this.shadowRoot.getElementById("toBuySeller").value = ''
+ this.toBuyName = _name
+ this.toBuyPrice = _price
+ this.toBuySeller = _seller
+ this.shadowRoot.querySelector('#buyNameDialog').show()
+ }
+
+ closeBuyNameDialog() {
+ this.toBuyName = ''
+ this.toBuyPrice = ''
+ this.toBuySeller = ''
+ this.shadowRoot.getElementById("toBuyName").value = ''
+ this.shadowRoot.getElementById("toBuyPrice").value = ''
+ this.shadowRoot.getElementById("toBuySeller").value = ''
+ this.shadowRoot.querySelector('#buyNameDialog').close()
+ }
+
+ async openCheckFunds() {
+ await this.updateQortWalletBalance()
+
+ const myFunds = this.round(parseFloat(this.qortWalletBalance))
+ const myBuyPrice = this.round(parseFloat(this.toBuyPrice))
+
+ if (Number(myFunds) < Number(myBuyPrice)) {
+ this.shadowRoot.querySelector('#buyErrorPriceDialog').show()
+ } else {
+ this.createBuyName()
+ }
+ }
+
+ openSellerInfo(address) {
+ let sendInfoAddress = address
+ const infoDialog = this.shadowRoot.querySelector('qortal-info-view')
+ infoDialog.openUserInfo(sendInfoAddress)
+ }
+
+ closeBuyErrorNameDialog() {
+ this.shadowRoot.querySelector('#buyErrorNameDialog').close()
+ }
+
+ closeBuyErrorPriceDialog() {
+ this.shadowRoot.querySelector('#buyErrorPriceDialog').close()
+ }
+
+ async unitCancelSellFee() {
+ const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]
+ const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port
+ const url = `${nodeUrl}/transactions/unitfee?txType=CANCEL_SELL_NAME`
+ await fetch(url).then((response) => {
+ if (response.ok) {
+ return response.json()
+ }
+ return Promise.reject(response)
+ }).then((json) => {
+ this.cancelSellFee = (Number(json) / 1e8).toFixed(8)
+ })
+ }
+
+ async unitBuyFee() {
+ const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]
+ const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port
+ const url = `${nodeUrl}/transactions/unitfee?txType=BUY_NAME`
+ await fetch(url).then((response) => {
+ if (response.ok) {
+ return response.json()
+ }
+ return Promise.reject(response)
+ }).then((json) => {
+ this.buyFee = (Number(json) / 1e8).toFixed(8)
+ })
+ }
+
+ getApiKey() {
+ const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]
+ let apiKey = myNode.apiKey
+ return apiKey
+ }
+
+ clearSelection() {
+ window.getSelection().removeAllRanges()
+ window.parent.getSelection().removeAllRanges()
+ }
+
+ async createCancelSellName() {
+ const name = this.shadowRoot.getElementById("toCancelSellName").value
+ const cancelSellFeeInput = this.cancelSellFee
+ this.isLoading = true
+ this.btnDisable = true
+
+ const getLastRef = async () => {
+ let myRef = await parentEpml.request('apiCall', {
+ type: 'api',
+ url: `/addresses/lastreference/${this.selectedAddress.address}`
+ })
+ return myRef
+ }
+
+ const validateReceiver = async () => {
+ let lastRef = await getLastRef()
+ let myTransaction = await makeTransactionRequest(lastRef)
+ getTxnRequestResponse(myTransaction)
+ }
+
+ const makeTransactionRequest = async (lastRef) => {
+ const myName = name
+ const myLastRef = lastRef
+ const myFee = cancelSellFeeInput
+ const myCancelSellNameDialog1 = get("registernamepage.nchange30")
+ const myCancelSellNameDialog2 = get("registernamepage.nchange31")
+
+ let myTxnrequest = await parentEpml.request('transaction', {
+ type: 6,
+ nonce: this.selectedAddress.nonce,
+ params: {
+ fee: myFee,
+ name: myName,
+ lastReference: myLastRef,
+ cancelSellNameDialog1: myCancelSellNameDialog1,
+ cancelSellNameDialog2: myCancelSellNameDialog2
+ }
+ })
+ return myTxnrequest
+ }
+
+ const getTxnRequestResponse = (txnResponse) => {
+ if (txnResponse.success === false && txnResponse.message) {
+ this.errorMessage = txnResponse.message
+ this.isLoading = false
+ this.btnDisable = false
+ throw new Error(txnResponse)
+ } else if (txnResponse.success === true && !txnResponse.data.error) {
+ this.shadowRoot.getElementById("toCancelSellName").value = ''
+ this.toCancelSellName = ''
+ this.errorMessage = ''
+ this.successMessage = this.renderCancelSuccessText()
+ this.isLoading = false
+ this.btnDisable = false
+ } else {
+ this.errorMessage = txnResponse.data.message
+ this.isLoading = false
+ this.btnDisable = false
+ throw new Error(txnResponse)
+ }
+ }
+ validateReceiver()
+ }
+
+ createBuyName() {
+ const name = this.shadowRoot.getElementById("toBuyName").value
+ const price = this.shadowRoot.getElementById("toBuyPrice").value
+ const seller = this.shadowRoot.getElementById("toBuySeller").value
+ const buyFeeInput = this.buyFee
+ this.isLoading = true
+ this.btnDisable = true
+
+ const getLastRef = async () => {
+ let myRef = await parentEpml.request('apiCall', {
+ type: 'api',
+ url: `/addresses/lastreference/${this.selectedAddress.address}`
+ })
+ return myRef
+ }
+
+ const validateReceiver = async () => {
+ let lastRef = await getLastRef()
+ let myTransaction = await makeTransactionRequest(lastRef)
+ getTxnRequestResponse(myTransaction)
+ }
+
+ const makeTransactionRequest = async (lastRef) => {
+ const myName = name
+ const myPrice = price
+ const mySeller = seller
+ const myLastRef = lastRef
+ const myFee = buyFeeInput
+ const myBuyNameDialog1 = get("registernamepage.nchange39")
+ const myBuyNameDialog2 = get("registernamepage.nchange27")
+ const myBuyNameDialog3 = get("registernamepage.nchange40")
+
+ let myTxnrequest = await parentEpml.request('transaction', {
+ type: 7,
+ nonce: this.selectedAddress.nonce,
+ params: {
+ fee: myFee,
+ name: myName,
+ sellPrice: myPrice,
+ recipient: mySeller,
+ lastReference: myLastRef,
+ buyNameDialog1: myBuyNameDialog1,
+ buyNameDialog2: myBuyNameDialog2,
+ buyNameDialog3: myBuyNameDialog3
+ }
+ })
+ return myTxnrequest
+ }
+
+ const getTxnRequestResponse = (txnResponse) => {
+ if (txnResponse.success === false && txnResponse.message) {
+ this.errorMessage = txnResponse.message
+ this.isLoading = false
+ this.btnDisable = false
+ throw new Error(txnResponse)
+ } else if (txnResponse.success === true && !txnResponse.data.error) {
+ this.shadowRoot.getElementById("toBuyName").value = ''
+ this.shadowRoot.getElementById("toBuyPrice").value = ''
+ this.shadowRoot.getElementById("toBuySeller").value = ''
+ this.toBuyName = ''
+ this.toBuyPrice = ''
+ this.toBuySeller = ''
+ this.errorMessage = ''
+ this.successMessage = this.renderBuySuccessText()
+ this.isLoading = false
+ this.btnDisable = false
+ } else {
+ this.errorMessage = txnResponse.data.message
+ this.isLoading = false
+ this.btnDisable = false
+ throw new Error(txnResponse)
+ }
+ }
+ validateReceiver()
+ }
+
+ _textMenu(event) {
+
+ const getSelectedText = () => {
+ var text = ""
+ if (typeof window.getSelection != "undefined") {
+ text = window.getSelection().toString()
+ } else if (typeof this.shadowRoot.selection != "undefined" && this.shadowRoot.selection.type == "Text") {
+ text = this.shadowRoot.selection.createRange().text
+ }
+ return text
+ }
+
+ const checkSelectedTextAndShowMenu = () => {
+ let selectedText = getSelectedText();
+ if (selectedText && typeof selectedText === 'string') {
+
+ let _eve = { pageX: event.pageX, pageY: event.pageY, clientX: event.clientX, clientY: event.clientY }
+
+ let textMenuObject = { selectedText: selectedText, eventObject: _eve, isFrame: true }
+
+ parentEpml.request('openCopyTextMenu', textMenuObject)
+ }
+ }
+ checkSelectedTextAndShowMenu()
+ }
+
+ round(number) {
+ let result = (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8)
+ return result
+ }
+
+ isEmptyArray(arr) {
+ if (!arr) { return true }
+ return arr.length === 0
+ }
+}
+
+window.customElements.define('names-market', NamesMarket)
\ No newline at end of file
-
-
-
-
-
- ${translate("registernamepage.nchange21")}
--
-
-
-
-
-
-
- ${this.renderClearSuccess()}
- ${this.renderClearError()}
- ${this.isLoading ? html`${translate("walletpage.wchange21")} ${this.buyFee} QORT
--
+
+
+
+
+
+ ${translate("general.close")}
+
+
+
+
+
+ ${translate("general.close")}
+
+
+
+
+ this.closeBuyErrorNameDialog()}
+ class="red"
+ >
+ ${translate("general.close")}
+
+
+
+
+ this.closeBuyErrorPriceDialog()}
+ class="red"
+ >
+ ${translate("general.close")}
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ render(html` this.openSellerInfo(data.item.owner)}>${data.item.owner}`, root)
+ }}>
+ {
+ if (data.item.owner === this.selectedAddress.address) {
+ render(html`${this.renderCancelSellNameButton(data.item)}`, root)
+ } else {
+ render(html`${this.renderBuyNameButton(data.item)}`, root)
+ }
+ }}>
+
+
+ ${this.isEmptyArray(this.marketSellNames) ? html`
+ ${translate("registernamepage.nchange24")}
+ `: ''}
+
+ +
+
+
+
+ {
+ render(html` this.openSellerInfo(data.item.seller)}>${data.item.seller}`, root)
+ }}>
+ {
+ render(html` this.openSellerInfo(data.item.creatorAddress)}>${data.item.creatorAddress}`, root)
+ }}>
+ {
+ render(html`sell ${translate("tradepage.tchange31")}`, root)
+ }}>
+
+
+ ${this.isEmptyArray(this.marketSoldNames) ? html`
+ ${translate("registernamepage.nchange24")}
+ `: ''}
+
+
+
+
+
+
+
+ ${translate("registernamepage.nchange20")} ${translate("registernamepage.nchange5")}
++
+
+
+
+
+ ${this.renderClearSuccess()}
+ ${this.renderClearError()}
+ ${this.isLoading ? html`${translate("walletpage.wchange21")} ${this.cancelSellFee} QORT
++
+
+
+
+
+
+ ${translate("registernamepage.nchange21")}
++
+
+
+
+
+
+
+ ${this.renderClearSuccess()}
+ ${this.renderClearError()}
+ ${this.isLoading ? html`${translate("walletpage.wchange21")} ${this.buyFee} QORT
++
+ warning
+
+ ${translate("registernamepage.nchange35")}
+${translate("registernamepage.nchange36")}
+
+ warning
+
+ ${translate("registernamepage.nchange37")}
+${translate("registernamepage.nchange38")}
+
+ ${this.successMessage}
+
+
+
+ `
+ }
+ }
+
+ renderClearError() {
+ let strErrorValue = this.errorMessage
+ if (strErrorValue === "") {
+ return html``
+ } else {
+ return html`
+ ${translate("walletpage.wchange43")}
+
+ ${this.errorMessage}
+
+
+
+ `
+ }
+ }
+
+ renderCoreText() {
+ return html`${translate("registernamepage.nchange16")}`
+ }
+
+ renderSuccessText() {
+ return html`${translate("registernamepage.nchange18")}`
+ }
+
+ renderSuccessUpdateText() {
+ return html`${translate("registernamepage.nchange47")}`
+ }
+
+ renderSellSuccessText() {
+ return html`${translate("registernamepage.nchange32")}`
+ }
+
+ renderCancelSuccessText() {
+ return html`${translate("registernamepage.nchange33")}`
+ }
+
+ renderBuySuccessText() {
+ return html`${translate("registernamepage.nchange34")}`
+ }
+
+ renderFailText() {
+ return html`${translate("registernamepage.nchange17")}`
+ }
+
+ renderAvatar(nameObj) {
+ let name = nameObj.name
+ const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]
+ const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port
+ const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}`
+ return html`${translate("walletpage.wchange44")}
+