Added charts

qortal-ui-core/language/de.json

@@ -333,7 +333,8 @@
       "tchange45":"AUTO KAUFEN MIT",
       "tchange46":"AUTOKAUF",
       "tchange47":"Verkaufe für diesen Preis",
-      "tchange48":"NICHT GENUG"
+      "tchange48":"NICHT GENUG",
+      "tchange49":"Preisdiagramm"
    },
    "rewardsharepage":{
       "rchange1":"Belohnungsanteile",

qortal-ui-core/language/es.json

@@ -333,7 +333,8 @@
       "tchange45":"AUTO COMPRAR CON",
       "tchange46":"COMPRA AUTOMÁTICA",
       "tchange47":"Vender por este precio",
-      "tchange48":"NO ES SUFICIENTE"
+      "tchange48":"NO ES SUFICIENTE",
+      "tchange49":"Gráfico de precios"
    },
    "rewardsharepage":{
       "rchange1":"Rewardshares",

qortal-ui-core/language/fr.json

@@ -333,7 +333,8 @@
       "tchange45":"ACHAT AUTO AVEC",
       "tchange46":"ACHAT AUTOMATIQUE",
       "tchange47":"Vendre à ce prix",
-      "tchange48":"PAS ASSEZ"
+      "tchange48":"PAS ASSEZ",
+      "tchange49":"Tableau des prix"
    },
    "rewardsharepage":{
       "rchange1":"Récompenses",

qortal-ui-core/language/hindi.json

@@ -334,7 +334,8 @@
       "tchange45":"ऑटो के साथ खरीदें",
       "tchange46":"ऑटो खरीदें",
       "tchange47":"इस कीमत पर बेचें",
-      "tchange48":"पर्याप्त नहीं"
+      "tchange48":"पर्याप्त नहीं",
+      "tchange49":"मूल्य चार्ट"
    },
    "rewardsharepage":{
       "rchange1":"रिवॉर्डशेयर",

qortal-ui-core/language/hr.json

@@ -333,7 +333,8 @@
       "tchange45":"AUTO KUPITE SA",
       "tchange46":"AUTO OTKUP",
       "tchange47":"Prodaj za ovu cijenu",
-      "tchange48":"NEDOVOLJNO"
+      "tchange48":"NEDOVOLJNO",
+      "tchange49":"Grafikon cijena"
    },
    "rewardsharepage":{
       "rchange1":"Nagradni udio (Rewardshares)",

qortal-ui-core/language/hu.json

@@ -333,7 +333,8 @@
       "tchange45":"AUTOMATIKUS VÁSÁRLÁS",
       "tchange46":"AUTOMATIKUS VÁSÁRLÁS",
       "tchange47":"Eladni ezen az áron",
-      "tchange48":"NEM ELÉG"
+      "tchange48":"NEM ELÉG",
+      "tchange49":"Árdiagram"
    },
    "rewardsharepage":{
       "rchange1":"Jutalommegosztások",

qortal-ui-core/language/it.json

@@ -333,7 +333,8 @@
       "tchange45":"ACQUISTA AUTO CON",
       "tchange46":"ACQUISTO AUTO",
       "tchange47":"Vendi a questo prezzo",
-      "tchange48":"NON ABBASTANZA"
+      "tchange48":"NON ABBASTANZA",
+      "tchange49":"Tabella dei prezzi"
    },
    "rewardsharepage":{
       "rchange1":"Quote di ricompensa",

qortal-ui-core/language/ko.json

@@ -333,7 +333,8 @@
       "tchange45":"자동 구매",
       "tchange46":"자동 구매",
       "tchange47":"이 가격에 팔아요",
-      "tchange48":"부족한"
+      "tchange48":"부족한",
+      "tchange49":"가격 차트"
    },
    "rewardsharepage":{
       "rchange1":"보상 공유",

qortal-ui-core/language/no.json

@@ -333,7 +333,8 @@
       "tchange45":"AUTOKJØP MED",
       "tchange46":"AUTOKJØP",
       "tchange47":"Selges for denne prisen",
-      "tchange48":"IKKE NOK"
+      "tchange48":"IKKE NOK",
+      "tchange49":"Prisdiagram"
    },
    "rewardsharepage":{
       "rchange1":"Belønningsdel",

qortal-ui-core/language/pl.json

@@ -333,7 +333,8 @@
       "tchange45":"AUTO KUP Z",
       "tchange46":"AUTO KUP",
       "tchange47":"Sprzedaj za tę cenę",
-      "tchange48":"NIEWYSTARCZAJĄCO"
+      "tchange48":"NIEWYSTARCZAJĄCO",
+      "tchange49":"Tabela cen"
    },
    "rewardsharepage":{
       "rchange1":"Podział nagród",

qortal-ui-core/language/pt.json

@@ -333,7 +333,8 @@
       "tchange45":"COMPRA AUTOMÁTICA COM",
       "tchange46":"COMPRA AUTOMÁTICA",
       "tchange47":"Vendo por este preço",
-      "tchange48":"INSUFICIENTE"
+      "tchange48":"INSUFICIENTE",
+      "tchange49":"Tabela de preços"
    },
    "rewardsharepage":{
       "rchange1":"Ações de recompensa",

qortal-ui-core/language/ro.json

@@ -333,7 +333,8 @@
       "tchange45":"CUMPARA AUTOMATA CU",
       "tchange46":"CUMPARARE AUTOMATA",
       "tchange47":"Vinde la acest pret",
-      "tchange48":"INSUFICIENT"
+      "tchange48":"INSUFICIENT",
+      "tchange49":"Diagrama prețurilor"
    },
    "rewardsharepage":{
       "rchange1":"Cote de recompensa",

qortal-ui-core/language/rs.json

@@ -333,7 +333,8 @@
       "tchange45":"AUTO KUPI SA",
       "tchange46":"AUTO BUI",
       "tchange47":"Prodaj za ovu cenu",
-      "tchange48":"NEDOVOLJNO"
+      "tchange48":"NEDOVOLJNO",
+      "tchange49":"Grafik cena"
    },
    "rewardsharepage":{
       "rchange1":"Udeo nagrade",

qortal-ui-core/language/ru.json

@@ -333,7 +333,8 @@
       "tchange45":"АВТО КУПИТЬ С",
       "tchange46":"АВТО КУПИТЬ",
       "tchange47":"Продать по этой цене",
-      "tchange48":"НЕДОСТАТОЧНО"
+      "tchange48":"НЕДОСТАТОЧНО",
+      "tchange49":"График цен"
    },
    "rewardsharepage":{
       "rchange1":"Вознаграждения",

qortal-ui-core/language/us.json

@@ -333,7 +333,8 @@
       "tchange45":"AUTO BUY WITH",
       "tchange46":"AUTO BUY",
       "tchange47":"Sell for this price",
-      "tchange48":"NOT ENOUGH"
+      "tchange48":"NOT ENOUGH",
+      "tchange49":"Price Chart"
    },
    "rewardsharepage":{
       "rchange1":"Rewardshares",

qortal-ui-core/language/zhc.json

@@ -333,7 +333,8 @@
       "tchange45":"自动购买",
       "tchange46":"自动购买",
       "tchange47":"以这个价格出售",
-      "tchange48":"不够"
+      "tchange48":"不够",
+      "tchange49":"价格图表"
    },
    "rewardsharepage":{
       "rchange1":"铸币密钥",

qortal-ui-core/language/zht.json

@@ -333,7 +333,8 @@
       "tchange45":"自動購買",
       "tchange46":"自動購買",
       "tchange47":"以這個價格出售",
-      "tchange48":"不夠"
+      "tchange48":"不夠",
+      "tchange49":"價格圖表"
    },
    "rewardsharepage":{
       "rchange1":"鑄幣密鑰",

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

@@ -21,6 +21,12 @@ import '@polymer/paper-icon-button/paper-icon-button.js'
 import '@polymer/paper-spinner/paper-spinner-lite.js'
 import '@vaadin/grid'
 import '@vaadin/grid/vaadin-grid-sorter'
+import chartsbtc from './charts/btc-charts.js'
+import chartsltc from './charts/ltc-charts.js'
+import chartsdoge from './charts/doge-charts.js'
+import chartsdgb from './charts/dgb-charts.js'
+import chartsrvn from './charts/rvn-charts.js'
+import chartsarrr from './charts/arrr-charts.js'
 
 const parentEpml = new Epml({ type: 'WINDOW', source: window.parent })
 
@@ -74,7 +80,7 @@ class TradePortal extends LitElement {
             displayTradeAddress: { type: String },
             displayTradeLevel: { type: String },
             displayTradeBalance: { type: String },
-            qortRatio: {type: Number}
+		qortRatio: {type: Number}
         }
     }
 
@@ -494,7 +500,7 @@ class TradePortal extends LitElement {
 		.rvn.coinName:before  {
 			background-image: url('/img/qortrvn.png');
 		}
-		.arrr.coinName:before  {
+            .arrr.coinName:before  {
 			background-image: url('/img/qortarrr.png');
 		}
 		.coinName {
@@ -655,7 +661,7 @@ class TradePortal extends LitElement {
             tradeFee: "~0.0005"
         }
 
-        let ravencoin = {
+	  let ravencoin = {
             name: "RAVENCOIN",
             balance: "0",
             coinCode: "RVN",
@@ -721,7 +727,7 @@ class TradePortal extends LitElement {
             handleStuckTradesConnectedWorker: null
         })
 
-        workers.set("RAVENCOIN", {
+	  workers.set("RAVENCOIN", {
             tradesConnectedWorker: null,
             handleStuckTradesConnectedWorker: null
         })
@@ -1162,6 +1168,9 @@ class TradePortal extends LitElement {
 					<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 style="padding-left: 25px; padding-top: 15px;">
+                              ${this.chartShowCoin()}
+			      </div>
 			</div>
 			<div id="trade-portal">
 				<div id="first-trade-section">
@@ -1412,6 +1421,31 @@ class TradePortal extends LitElement {
         return html`<span class="warning-text">NOT ENOUGH ${this.listedCoins.get(this.selectedCoin).coinCode}</span>`
     }
 
+    chartShowCoin() {
+        switch(this.listedCoins.get(this.selectedCoin).coinCode) {
+            case "BTC":
+                return html`<mwc-button dense unelevated label="BTC ${translate("tradepage.tchange49")}" @click=${() => chartsbtc.open()}></mwc-button>`
+                break
+            case "LTC":
+                return html`<mwc-button dense unelevated label="LTC ${translate("tradepage.tchange49")}" @click=${() => chartsltc.open()}></mwc-button>`
+                break
+            case "DOGE":
+                return html`<mwc-button dense unelevated label="DOGE ${translate("tradepage.tchange49")}" @click=${() => chartsdoge.open()}></mwc-button>`
+                break
+            case "DGB":
+                return html`<mwc-button dense unelevated label="DGB ${translate("tradepage.tchange49")}" @click=${() => chartsdgb.open()}></mwc-button>`
+                break
+            case "RVN":
+                return html`<mwc-button dense unelevated label="RVN ${translate("tradepage.tchange49")}" @click=${() => chartsrvn.open()}></mwc-button>`
+                break
+            case "ARRR":
+                return html`<mwc-button dense unelevated label="ARRR ${translate("tradepage.tchange49")}" @click=${() => chartsarrr.open()}></mwc-button>`
+                break
+            default:
+                break
+        }
+    }
+
     exchangeRateQort() {
         switch(this.listedCoins.get(this.selectedCoin).coinCode) {
             case "BTC":
@@ -1504,8 +1538,8 @@ class TradePortal extends LitElement {
             case 'DIGIBYTE':
                 _url = `/crosschain/dgb/walletbalance?apiKey=${this.getApiKey()}`
                 _body = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet.derivedMasterPublicKey
-                break
+		    break
-            case 'RAVENCOIN':
+		case 'RAVENCOIN':
                 _url = `/crosschain/rvn/walletbalance?apiKey=${this.getApiKey()}`
                 _body = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.derivedMasterPublicKey
                 break
@@ -2945,4 +2979,4 @@ class TradePortal extends LitElement {
     }
 }
 
-window.customElements.define('trade-portal', TradePortal)
+window.customElements.define('trade-portal', TradePortal)