Add show all payments

This commit is contained in:
AlphaX-Projects 2023-06-04 14:29:13 +02:00
parent adda927bee
commit 7ded0034f5
19 changed files with 177 additions and 81 deletions

View File

@ -898,9 +898,7 @@
"nchange29": "Prägekonto erfolgreich entfernt!",
"nchange30": "Fehler beim Entfernen des Prägekontos!",
"nchange31": "Knoten stoppen",
"nchange32": "Stoppanforderung erfolgreich gesendet!",
"nchange33": "Knoten neu starten",
"nchange34": "Neustartanforderung erfolgreich gesendet!"
"nchange32": "Stoppanforderung erfolgreich gesendet!"
},
"transpage": {
"tchange1": "Transaktionsanfrage",
@ -981,7 +979,9 @@
"exp18": "Zahlungen",
"exp19": "Gesendet",
"exp20": "Empfangen",
"exp21": "Trades"
"exp21": "Trades",
"exp22": "LETZTE 5 ZAHLUNGEN",
"exp23": "Alle Zahlungen anzeigen"
},
"managegroup": {
"mg1": "Gruppenmitglieder",

View File

@ -898,9 +898,7 @@
"nchange29": "Eliminación exitosa de la cuenta de acuñación!",
"nchange30": "Fallo en la eliminación de la cuenta de acuñación!",
"nchange31": "Detener Nodo",
"nchange32": "Solicitud de detención enviada con éxito!",
"nchange33": "Reiniciar Nodo",
"nchange34": "Solicitud de reinicio enviada con éxito!"
"nchange32": "Solicitud de detención enviada con éxito!"
},
"transpage": {
"tchange1": "Solicitud de transacción",
@ -981,7 +979,9 @@
"exp18": "Pagos",
"exp19": "Enviado",
"exp20": "Recibido",
"exp21": "Oficios"
"exp21": "Oficios",
"exp22": "ULTIMOS 5 PAGOS",
"exp23": "Mostrar todos los pagos"
},
"managegroup": {
"mg1": "Miembros del grupo",

View File

@ -897,10 +897,8 @@
"nchange28": "Échec de lajout dun noeud de frappe!",
"nchange29": "Suppression réussie du compte de frappe!",
"nchange30": "Echec de la suppression du compte de frappe!",
"nchange31": "Arrêter le noeud",
"nchange32": "Demande darrêt envoyée avec succès!",
"nchange33": "Redémarrer le noeud",
"nchange34": "Demande de redémarrage envoyée avec succès!"
"nchange31": "Arreter le noeud",
"nchange32": "Demande darrêt envoyée avec succès!"
},
"transpage": {
"tchange1": "Demande de transaction",
@ -981,7 +979,9 @@
"exp18": "Paiements",
"exp19": "Envoyé",
"exp20": "Reçu",
"exp21": "Métiers"
"exp21": "Métiers",
"exp22": "5 DERNIERS PAIEMENTS",
"exp23": "Afficher tous les paiements"
},
"managegroup": {
"mg1": "Membres du groupe",

View File

@ -899,9 +899,7 @@
"nchange29": "मिंटिंग अकाउंट को सफलतापूर्वक हटाया गया!",
"nchange30": "खनन खाता हटाने में विफल!",
"nchange31": "स्टॉप नोड",
"nchange32": "स्टॉप अनुरोध सफलतापूर्वक भेजा गया!",
"nchange33": "नोड फिर से चालू करें",
"nchange34": "रीस्टार्ट अनुरोध सफलतापूर्वक भेजा गया!"
"nchange32": "स्टॉप अनुरोध सफलतापूर्वक भेजा गया!"
},
"transpage": {
"tchange1": "लेनदेन अनुरोध",
@ -982,7 +980,9 @@
"exp18": "भुगतान",
"exp19": "भेजा गया",
"exp20": "प्राप्त",
"exp21": "ट्रेडों"
"exp21": "ट्रेडों",
"exp22": "पिछले 5 भुगतान",
"exp23": "सभी भुगतान दिखाएं"
},
"managegroup": {
"mg1": "समूह के सदस्य",

View File

@ -898,9 +898,7 @@
"nchange29": "Uspješno uklonjen minter račun!",
"nchange30": "Neuspješno uklanjanje minter računa!",
"nchange31": "Zaustavi čvor",
"nchange32": "Uspješno poslan zahtjev za zaustavljenje!",
"nchange33": "Ponovo pokreni čvor",
"nchange34": "Uspješno poslan zahtjev za ponovnim pokretanjem!"
"nchange32": "Uspješno poslan zahtjev za zaustavljenje!"
},
"transpage": {
"tchange1": "Zahtjev za transakciju",
@ -981,7 +979,9 @@
"exp18": "Plaćanja",
"exp19": "Poslano",
"exp20": "Primljeno",
"exp21": "Obrta"
"exp21": "Obrta",
"exp22": "ZADNJIH 5 UPLATA",
"exp23": "Prikaži sva plaćanja"
},
"managegroup": {
"mg1": "Članovi grupe",

View File

@ -898,9 +898,7 @@
"nchange29": "Sikerült eltávolítani a verési fiókot!",
"nchange30": "Nem sikerült eltávolítani a verési fiókot!",
"nchange31": "Csomópont Leállítás",
"nchange32": "Sikeresen Elküldött Stop Kérés!",
"nchange33": "Csomópont Újraindítása",
"nchange34": "Sikeresen Elküldött Újraindítási Kérés!"
"nchange32": "Sikeresen Elküldött Stop Kérés!"
},
"transpage": {
"tchange1": "Tranzakciós Kérelem",
@ -981,7 +979,9 @@
"exp18": "Kifizetések",
"exp19": "Elküldve",
"exp20": "Fogadott",
"exp21": "Passzátszelek"
"exp21": "Passzátszelek",
"exp22": "UTOLSÓ 5 FIZETÉS",
"exp23": "Minden kifizetés megjelenítése"
},
"managegroup": {
"mg1": "Csoporttagok",

View File

@ -898,9 +898,7 @@
"nchange29": "Conto di minting rimosso con successo!",
"nchange30": "Impossibile rimuovere l'account di minting!",
"nchange31": "Arresta nodo",
"nchange32": "Richiesta di arresto inviata con successo!",
"nchange33": "Riavvia nodo",
"nchange34": "Richiesta di riavvio inviata con successo!"
"nchange32": "Richiesta di arresto inviata con successo!"
},
"transpage": {
"tchange1": "Richiesta di transazione",
@ -981,7 +979,9 @@
"exp18": "Pagamenti",
"exp19": "Inviato",
"exp20": "Ricevuto",
"exp21": "Mestieri"
"exp21": "Mestieri",
"exp22": "ULTIMI 5 PAGAMENTI",
"exp23": "Mostra tutti i pagamenti"
},
"managegroup": {
"mg1": "Membri del gruppo",

View File

@ -40,7 +40,9 @@
"groups": "グループ",
"sm1": "名前",
"sm2": "名前の管理",
"sm3": "名前マーケット"
"sm3": "名前マーケット",
"exp22": "最後の 5 回の支払い",
"exp23": "すべての支払いを表示"
},
"login": {
"login": "ログイン",
@ -1064,7 +1066,7 @@
"inf14": "を右記の通貨で",
"inf15": "アクティブな自動購入注文",
"inf16": "自動購入",
"inf17": "ライトモードに切り替える",
"inf18": "ダークモードに切り替える"
"inf17": "ライトテーマに切り替える",
"inf18": "ダークテーマに切り替える"
}
}

View File

@ -898,9 +898,7 @@
"nchange29": "민팅 계정이 제거되었습니다!",
"nchange30": "민팅 계정을 제거하지 못했습니다!",
"nchange31": "노드 중지",
"nchange32": "중지 요청을 성공적으로 전송했습니다!",
"nchange33": "노드 재시작",
"nchange34": "다시 시작 요청을 성공적으로 보냈습니다!"
"nchange32": "중지 요청을 성공적으로 전송했습니다.!"
},
"transpage": {
"tchange1": "거래요청",
@ -981,7 +979,9 @@
"exp18": "결제",
"exp19": "보냈습니다",
"exp20": "수신됨",
"exp21": "거래"
"exp21": "거래",
"exp22": "마지막 5회 결제",
"exp23": "모든 결제 보기"
},
"managegroup": {
"mg1": "그룹 구성원",

View File

@ -898,9 +898,7 @@
"nchange29": "Mintekontoen ble fjernet!",
"nchange30": "Kunne ikke fjerne mintekontoen!",
"nchange31": "Stopp noden",
"nchange32": "Stoppforespørsel sendt!",
"nchange33": "Omstart noden",
"nchange34": "Omstartsforespørsel sendt!"
"nchange32": "Stoppforespørsel sendt!"
},
"transpage": {
"tchange1": "Transaksjonsforespørsel",
@ -981,7 +979,9 @@
"exp18": "Betalinger",
"exp19": "Sendt",
"exp20": "Motta",
"exp21": "Handler"
"exp21": "Handler",
"exp22": "SISTE 5 BETALINGER",
"exp23": "Vis alle betalinger"
},
"managegroup": {
"mg1": "Gruppemedlemmer",

View File

@ -898,9 +898,7 @@
"nchange29": "Pomyślnie usunięto konto mintowania!",
"nchange30": "Nie udało się usunąć konta mintowania!",
"nchange31": "Zatrzymaj węzeł",
"nchange32": "Pomyślnie wysłane żądanie zatrzymania!",
"nchange33": "Uruchom ponownie węzeł",
"nchange34": "Pomyślnie wysłane żądanie ponownego uruchomienia!"
"nchange32": "Pomyślnie wysłane żądanie zatrzymania!"
},
"transpage": {
"tchange1": "Żądanie transakcji",
@ -981,7 +979,9 @@
"exp18": "Płatności",
"exp19": "Wysłane",
"exp20": "Otrzymano",
"exp21": "Transakcji"
"exp21": "Transakcji",
"exp22": "OSTATNIE 5 PŁATNOŚCI",
"exp23": "Pokaż wszystkie płatności"
},
"managegroup": {
"mg1": "Członkowie grupy",

View File

@ -898,9 +898,7 @@
"nchange29": "Conta de Mineração removida com sucesso!",
"nchange30": "Falha em remover a conta de mineração",
"nchange31": "Parar Nódulo",
"nchange32": "Pedido de parada enviado com sucesso!",
"nchange33": "Reiniciar Nódulo",
"nchange34": "Pedido de reinicialização enviado com sucesso!"
"nchange32": "Pedido de parada enviado com sucesso!"
},
"transpage": {
"tchange1": "Pedido de transação",
@ -981,7 +979,9 @@
"exp18": "Pagamentos",
"exp19": "Enviado",
"exp20": "Recebido",
"exp21": "Comércios"
"exp21": "Comércios",
"exp22": "ÚLTIMOS 5 PAGAMENTOS",
"exp23": "Mostrar todos os pagamentos"
},
"managegroup": {
"mg1": "Membros do grupo",

View File

@ -898,9 +898,7 @@
"nchange29": "S-a eliminat cu succes contul de producator de moneda (minting)!",
"nchange30": "Nu a reusit eliminare contulului de recompensare (minting)!",
"nchange31": "Opreste Nodul",
"nchange32": "Cerere de Oprire Trimisă cu Succes!",
"nchange33": "Reporniți Nodul",
"nchange34": "Cerere de Repornire a Fost Trimisă cu Succes!"
"nchange32": "Cerere de Oprire Trimisa cu Succes!"
},
"transpage": {
"tchange1": "Cerere de tranzactionare",
@ -981,7 +979,9 @@
"exp18": "Plăti",
"exp19": "Trimis",
"exp20": "Primit",
"exp21": "Meserii"
"exp21": "Meserii",
"exp22": "ULTIMELE 5 PĂȚI",
"exp23": "Afișați toate plățile"
},
"managegroup": {
"mg1": "Membrii grupului",

View File

@ -898,9 +898,7 @@
"nchange29": "Minting nalog uspešno uklonjen!",
"nchange30": "Minting nalog neuspešno uklonjen!",
"nchange31": "Zaustavite čvor",
"nchange32": "Zahtev za zaustavljanje uspešno poslat!",
"nchange33": "Ponovo pokreni čvor",
"nchange34": "Zahtev za ponovno pokretanje uspešno poslat!"
"nchange32": "Zahtev za zaustavljanje uspešno poslat!"
},
"transpage": {
"tchange1": "Zahtev za transakcijom",
@ -981,7 +979,9 @@
"exp18": "Plaćanja",
"exp19": "Poslato",
"exp20": "Primljeno",
"exp21": "Trgovine"
"exp21": "Trgovine",
"exp22": "POSLEDNJIH 5 PLAĆANJA",
"exp23": "Prikaži sva plaćanja"
},
"managegroup": {
"mg1": "Članovi grupe",

View File

@ -898,9 +898,7 @@
"nchange29": "Учетная запись Minting успешно удалена!",
"nchange30": "Не удалось удалить учетную запись Minting!",
"nchange31": "Остановить узел",
"nchange32": "Запрос на остановку успешно отправлен!",
"nchange33": "Перезапустить узел",
"nchange34": "Запрос на перезапуск успешно отправлен!"
"nchange32": "Запрос на остановку успешно отправлен!"
},
"transpage": {
"tchange1": "Запрос транзакции",
@ -981,7 +979,9 @@
"exp18": "Платежи",
"exp19": "Отправлено",
"exp20": "Получено",
"exp21": "Сделок"
"exp21": "Сделок",
"exp22": "ПОСЛЕДНИЕ 5 ПЛАТЕЖЕЙ",
"exp23": "Показать все платежи"
},
"managegroup": {
"mg1": "Члены группы",

View File

@ -899,9 +899,7 @@
"nchange29": "Successfully Removed Minting Account!",
"nchange30": "Failed to Remove Minting Account!",
"nchange31": "Stop Node",
"nchange32": "Successfully Sent Stop Request!",
"nchange33": "Restart Node",
"nchange34": "Successfully Sent Restart Request!"
"nchange32": "Successfully Sent Stop Request!"
},
"transpage": {
"tchange1": "Transaction request",
@ -982,7 +980,9 @@
"exp18": "Payments",
"exp19": "Sent",
"exp20": "Received",
"exp21": "Trades"
"exp21": "Trades",
"exp22": "LAST 5 PAYMENTS",
"exp23": "Show All Payments"
},
"managegroup": {
"mg1": "Group Members",

View File

@ -898,9 +898,7 @@
"nchange29": "成功从此节点中移除铸币账号!",
"nchange30": "未能从此节点中移除铸币账号!",
"nchange31": "关闭节点",
"nchange32": "成功发送关闭节点请求!",
"nchange33": "重启节点",
"nchange34": "成功发送重启节点请求!"
"nchange32": "成功发送关闭节点请求!"
},
"transpage": {
"tchange1": "请求交易",
@ -981,7 +979,9 @@
"exp18": "付款",
"exp19": "已发送",
"exp20": "已收到",
"exp21": "交易"
"exp21": "交易",
"exp22": "最近 5 笔付款",
"exp23": "显示所有付款"
},
"managegroup": {
"mg1": "群组成员",

View File

@ -898,9 +898,7 @@
"nchange29": "成功從此節點中移除鑄幣賬號!",
"nchange30": "未能從此節點中移除鑄幣賬號!",
"nchange31": "關閉節點",
"nchange32": "成功發送關閉節點請求!",
"nchange33": "重啟節點",
"nchange34": "成功發送重啟節點請求!"
"nchange32": "成功發送關閉節點請求!"
},
"transpage": {
"tchange1": "請求交易",
@ -981,7 +979,9 @@
"exp18": "付款",
"exp19": "已發送",
"exp20": "已收到",
"exp21": "交易"
"exp21": "交易",
"exp22": "最近 5 筆付款",
"exp23": "顯示所有付款"
},
"managegroup": {
"mg1": "群組成員",

View File

@ -2,7 +2,6 @@ import { LitElement, html, css } from 'lit'
import { render } from 'lit/html.js'
import { connect } from 'pwa-helpers'
import { store } from '../../store.js'
import { doLogout } from '../../redux/app/app-actions.js'
import { get, translate, translateUnsafeHTML } from 'lit-translate'
import '@polymer/paper-dialog/paper-dialog.js'
@ -48,6 +47,7 @@ class UserInfoView extends connect(store)(LitElement) {
explorerSoldRVNTrades: { type: Array },
explorerSoldARRRTrades: { type: Array },
allPayments: { type: Array },
slicedArray: { type: Array },
allReceivedPayments: { type: Array },
allSendPayments: { type: Array },
actualBlockheight: { type: Number },
@ -267,8 +267,24 @@ class UserInfoView extends connect(store)(LitElement) {
--mdc-theme-primary: var(--mdc-theme-error)
}
.warning {
--mdc-theme-primary: #f0ad4e;
}
.green {
--mdc-theme-primary: #198754;
}
.buttons {
text-align:right;
display: inline;
float: right;
margin-bottom: 5px;
}
.paybutton {
display: inline;
float: left;
margin-bottom: 5px;
}
.loadingContainer {
@ -315,6 +331,15 @@ class UserInfoView extends connect(store)(LitElement) {
height: 250px;
}
.box-info-full {
margin: 0;
padding: 0;
display: flex;
flex-flow: column;
height: 450px;
width: 450px;
}
header {
display: flex;
flex: 0 1 auto;
@ -322,7 +347,7 @@ class UserInfoView extends connect(store)(LitElement) {
justify-content: center;
padding: 0px 10px;
font-size: 16px;
color: var(--white);
color: var(--black);
background-color: var(--tradehead);
border-left: 1px solid var(--tradeborder);
border-top: 1px solid var(--tradeborder);
@ -479,6 +504,7 @@ class UserInfoView extends connect(store)(LitElement) {
this.explorerSoldRVNTrades = []
this.explorerSoldARRRTrades = []
this.allPayments = []
this.slicedArray = []
this.allReceivedPayments = []
this.allSendPayments = []
this.actualBlockheight = 0
@ -1107,10 +1133,66 @@ class UserInfoView extends connect(store)(LitElement) {
</div>
<div class="explorer-trades">
<div class="box-info">
<header>${translate("explorerpage.exp22")}</header>
<div class="border-wrapper">
<div class="loadingContainer" id="loadingExplorerTrades" style="display:${this.isLoadingCompleteInfo ? 'block' : 'none'}"><div class="loading"></div><span style="color: var(--black);">${translate("login.loading")}</span></div>
<vaadin-grid theme="compact" id="lastQortPaymentsGrid" ?hidden="${this.isEmptyArray(this.slicedArray)}" .items="${this.slicedArray}">
<vaadin-grid-column
auto-width
header="${translate("walletpage.wchange35")}"
.renderer=${(root, column, data) => {
render(html`${translate("walletpage.wchange40")} ${data.item.creatorAddress === this.displayAddress ? html`<span class="color-out">${translate("walletpage.wchange7")}</span>` : html`<span class="color-in">${translate("walletpage.wchange8")}</span>`} `, root)
}}
>
</vaadin-grid-column>
<vaadin-grid-column auto-width header="${translate("walletpage.wchange11")}" path="amount"></vaadin-grid-column>
<vaadin-grid-column
auto-width
header="${translate("walletpage.wchange14")}"
.renderer=${(root, column, data) => {
const dateString = new Date(data.item.timestamp).toLocaleDateString()
render(html`${dateString}`, root)
}}
>
</vaadin-grid-column>
<vaadin-grid-column
auto-width
resizable
header="${translate("explorerpage.exp7")}"
.renderer=${(root, column, data) => {
render(html`<span @click="${() => this.showPaymentDetails(data)}"><mwc-icon class="btn-info">info</mwc-icon></span>`, root)
}}
>
</vaadin-grid-column>
</vaadin-grid>
${this.isEmptyArray(this.slicedArray) ? html`
<span style="color: var(--black); font-size: 16px; text-align: center;">${translate("walletpage.wchange38")}</span>
`: ''}
</div>
</div>
</div>
<div>
<span class="paybutton">
<mwc-button class='green' @click=${() => this.showAllPayments()}>${translate("explorerpage.exp23")}</mwc-button>
</span>
<span class="buttons">
<mwc-button @click=${() => this.openTrades()}>${translate("explorerpage.exp21")}</mwc-button>
<mwc-button class='decline' @click=${() => this.closeCompleteInfoDialog()} dialog-dismiss>${translate("general.close")}</mwc-button>
</span>
</div>
</paper-dialog>
<paper-dialog style="background: var(--white); border: 1px solid var(--black); border-radius: 5px;" id="showAllPaymentsDialog" modal>
<div style="text-align: center; color: var(--black);">
<h1>${translate("explorerpage.exp17")}</h1>
<hr />
</div>
<div class="explorer-trades">
<div class="box-info-full">
<header>${translate("explorerpage.exp17")}</header>
<div class="border-wrapper">
<div class="loadingContainer" id="loadingExplorerTrades" style="display:${this.isLoadingCompleteInfo ? 'block' : 'none'}"><div class="loading"></div><span style="color: var(--black);">${translate("login.loading")}</span></div>
<vaadin-grid theme="compact" id="allQortPaymentsGrid" style="height: 250px;" ?hidden="${this.isEmptyArray(this.allPayments)}" .items="${this.allPayments}">
<vaadin-grid theme="compact" id="allQortPaymentsGrid" ?hidden="${this.isEmptyArray(this.allPayments)}" .items="${this.allPayments}">
<vaadin-grid-column
auto-width
header="${translate("walletpage.wchange35")}"
@ -1145,9 +1227,10 @@ class UserInfoView extends connect(store)(LitElement) {
</div>
</div>
</div>
<div class="buttons">
<mwc-button @click=${() => this.openTrades()}>${translate("explorerpage.exp21")}</mwc-button>
<mwc-button class='decline' @click=${() => this.closeCompleteInfoDialog()} dialog-dismiss>${translate("general.close")}</mwc-button>
<div>
<span class="buttons">
<mwc-button class='decline' @click=${() => this.closeShowAllPaymentsDialog()} dialog-dismiss>${translate("general.close")}</mwc-button>
</span>
</div>
</paper-dialog>
@ -1420,14 +1503,15 @@ class UserInfoView extends connect(store)(LitElement) {
founderStatus() {
if (this.addressResult.flags === 1) {
return html`${translate("general.yes")}`
return html`<span style="color: green;">${translate("general.yes")}</span>`
} else {
return html`${translate("general.no")}`
return html`<span style="color: red;">${translate("general.no")}</span>`
}
}
async getPaymentsGridItems() {
this.allPayments = []
this.slicedArray = []
this.allReceivedPayments = []
this.allSendPayments = []
this.totalSent = 0
@ -1455,6 +1539,8 @@ class UserInfoView extends connect(store)(LitElement) {
}
}).filter(item => !!item)
this.slicedArray = this.allPayments.slice(0, 5)
this.allSendPayments = this.allPayments.map(item => {
const searchSendAddress = item.creatorAddress
if (searchSendAddress == paymentsAddress) {
@ -1506,6 +1592,10 @@ class UserInfoView extends connect(store)(LitElement) {
this.shadowRoot.getElementById('showTxDetailsDialog').open()
}
showAllPayments() {
this.shadowRoot.getElementById('showAllPaymentsDialog').open()
}
async getBoughtBTCGridItems() {
const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node]
const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port
@ -1851,6 +1941,10 @@ class UserInfoView extends connect(store)(LitElement) {
this.shadowRoot.getElementById('userSoldDialog').close()
}
closeShowAllPaymentsDialog() {
this.shadowRoot.getElementById('showAllPaymentsDialog').close()
}
getApiKey() {
const apiNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node];
let apiKey = apiNode.apiKey;