1 " + a + " = " + res + " " + currency + "
"); + } else { + getPriceCC(key, currency).then((res) => { + let dom = $('div#conversion_results'); + let dom_id = "convert" + random_id(); + dom.append('1 " + a + " = " + res + " " + currency + "
"); + }).catch(function(error) { + logit(get_text("Error: " + key)); + }); + } }).catch(function(error) { - logit(get_text("request_failed", "Request failed") + ': ' + api + ": " + error); + getPriceCC(key, currency).then((res) => { + let dom = $('div#conversion_results'); + let dom_id = "convert" + random_id(); + dom.append('1 " + a + " = " + res + " " + currency + "
"); + }).catch(function(error) { + logit(get_text("request_failed", "Request failed") + ': ' + api + ": " + error); + }); }); } else if (isCoin(a)) { let api = 'https://api.coinmarketcap.com/v1/ticker/' + a.toLowerCase() + '/'; @@ -473,6 +669,14 @@ const processConversion = (s, local_currency = '') => { fetch(api, {mode: 'cors'}).then(validateResponse).then(readResponseAsJSON).then(function(result) { result = result[0]; $('textarea#convert_result').append(getCoinReport(result, currency)); + let change_7d = result['percent_change_7d']; + let change_24h = result['percent_change_24h']; + let change_1h = result['percent_change_1h']; + let dom = $('div#conversion_results'); + let change24h = up_or_down_img(change_24h, 'span', get_text("change_24hr", "24 hrs")); + let change1h = up_or_down_img(change_1h, 'span', get_text("change_1hr", "1 hr")); + let change7d = up_or_down_img(change_7d, 'span', get_text("change_7days", "7 days")); + dom.append("" + b + " " + change1h + " " + change24h + " " + change7d + "
"); }).catch(function(error) { logit(get_text("request_failed", "Request failed") + ': ' + api + ": " + error); }); @@ -508,7 +712,7 @@ const processConversion = (s, local_currency = '') => { } // get history -const getHistory = (a, b, dom) => { +const getHistory = (a, b, dom, dom2) => { a = a.toUpperCase().trim(); b = b.toUpperCase().trim(); // if not valid pairs are given, then quit @@ -521,6 +725,12 @@ const getHistory = (a, b, dom) => { } limit = parseInt(limit); let api; + if (a == 'SBD') { + a = 'SBD*'; + } + if (b == 'SBD') { + b = 'SBD*'; + } if (limit <= 3) { api = "https://min-api.cryptocompare.com/data/histominute?fsym=" + a + "&tsym=" + b + "&limit=" + (limit * 24 * 60) + "&e=CCCAGG"; } else if (limit <= 7) { @@ -552,7 +762,7 @@ const getHistory = (a, b, dom) => { } let date = new Date(); let chart_id = "chart_" + date.toISOString().replace('-', '').replace(':', '').replace('.', ''); - let chartdiv = $('div#chartContainerDiv').prepend(''); + let chartdiv = dom2.prepend(''); let chart = new CanvasJS.Chart(chart_id, { title:{ text: a + " => " + b @@ -581,8 +791,8 @@ const getHistory = (a, b, dom) => { }, data: [{ type: "line", - name: "Open", - color: "#369EAD", + name: get_text("open", "Open"), + color: "orange", showInLegend: true, visible: false, axisYIndex: 0, @@ -590,8 +800,8 @@ const getHistory = (a, b, dom) => { }, { type: "line", - name: "Close", - color: "#C24642", + name: get_text("close", "Close"), + color: "black", axisYIndex: 0, visible: false, showInLegend: true, @@ -599,44 +809,99 @@ const getHistory = (a, b, dom) => { }, { type: "line", - name: "Low", + name: get_text("low", "Low"), color: "blue", - visible: false, + visible: true, axisYIndex: 0, showInLegend: true, dataPoints: data_low }, { type: "line", - name: "High", - color: "#7F6084", + name: get_text("high", "High"), + color: "red", axisYIndex: 0, - visible: false, + visible: true, showInLegend: true, dataPoints: data_high }, { type: "line", - name: "Average", - color: "black", + name: get_text("average", "Average"), + color: "green", axisYIndex: 0, showInLegend: true, dataPoints: data_mid }] }); chart.render(); - } else { - dom.html(""); } }, error: function(request, status, error) { logit(get_text('response', 'Response') + ': ' + request.responseText); logit(get_text('error', 'Error') + ': ' + error ); - logit(get_text('status', 'Status') + ': ' + status); + logit(get_text('status', 'Status') + ': ' + status); + }, + complete: function(data) { + logit(get_text("api_finished", "API Finished") + ": " + api); dom.html(""); + } + }); +} + +// get top pairs +const getPairs = (a, dom, dom2) => { + a = a.toUpperCase().trim(); + // if not valid pairs are given, then quit + if (!isCoin(a)) { + return; + } + if (a == 'SBD') { + a = 'SBD*'; + } + let api = "https://min-api.cryptocompare.com/data/top/pairs?fsym=" + a + "&limit=100"; + logit(get_text("calling", "calling") + " " + api); + dom.html('
');
+ $.ajax({
+ type: "GET",
+ url: api,
+ success: function(data) {
+ if (data && data.Data && data.Response == 'Success') {
+ let s = '';
+ let date = new Date();
+ let div_id = "pairs_div_" + date.toISOString().replace('-', '').replace(':', '').replace('.', '');
+ s += '| ' + get_text('exchange_center', 'Exchange') + ' | '; + s += '' + get_text('cryptocurrency', 'Cryptocurrency') + ' | '; + s += '' + get_text('volume24h', 'Volume 24 Hrs') + ' | '; + s += '' + get_text('symbol', 'Symbol') + ' | '; + s += '' + get_text('volume24h', 'Volume 24 Hrs') + ' | '; + s += '
|---|---|---|---|---|
| ' + result[i]['exchange'] + ' | '; + s += '' + result[i]['fromSymbol'] + ' | '; + s += '' + result[i]['volume24h'].toFixed(3) + ' | '; + s += '' + result[i]['toSymbol'] + ' | '; + s += '' + result[i]['volume24hTo'].toFixed(3) + ' | '; + s += '
'; + dom2.prepend(s); + sorttable.makeSortable(document.getElementById(div_id)); + } + }, + error: function(request, status, error) { + logit(get_text('response', 'Response') + ': ' + request.responseText); + logit(get_text('error', 'Error') + ': ' + error ); + logit(get_text('status', 'Status') + ': ' + status); }, complete: function(data) { logit(get_text("api_finished", "API Finished") + ": " + api); + dom.html(""); } }); } @@ -677,6 +942,7 @@ document.addEventListener('DOMContentLoaded', function() { let currency = settings['currency']; let lang = settings['lang']; let conversion = settings['conversion']; + let ranking_limit = settings['ranking_limit'] || default_ranking_limit; $("select#currency").val(currency); $("select#lang").val(lang); $("textarea#conversion").val(conversion); @@ -685,30 +951,43 @@ document.addEventListener('DOMContentLoaded', function() { $("input#convert_to").val(settings['convert_to']); $("input#convert_from_history").val(settings['convert_from_history']); $("input#convert_to_history").val(settings['convert_to_history']); + $("input#pairs_id").val(settings['pairs_id']); + $("input#ranking_search_id").val(settings['ranking_search']); + $('input#ranking_limit').val(ranking_limit); if (settings['history_limit']) { $("input#history_limit").val(settings['history_limit']); } else { $("input#history_limit").val("30"); } processConversion(conversion, currency); - //general - api https://api.coinmarketcap.com/v1/global/ getGeneralData(currency, $('div#general_div')); // ranking tables - api https://api.coinmarketcap.com/v1/ticker/?convert=EUR&limit=2000 - getRankingTable(currency, $('div#rank_div')); + if (settings['ranking_search']) { + getRankingTable("", $('div#rank_div'), $("input#ranking_search_id").val(), ranking_limit); + } else { + getRankingTable(currency, $('div#rank_div'), "", ranking_limit); + } } else { // first time set default parameters - // general - api https://api.coinmarketcap.com/v1/global/ getGeneralData("", $('div#general_div')); - // ranking tables - api https://api.coinmarketcap.com/v1/ticker/?convert=EUR&limit=2000 - getRankingTable("", $('div#rank_div')); + getRankingTable("", $('div#rank_div'), "", $("input#ranking_limit").val()); // default conversion processConversion($('textarea#conversion').val()); + // ranking_limit + $('input#ranking_limit').val(default_ranking_limit); } // about let manifest = chrome.runtime.getManifest(); let app_name = manifest.name + " v" + manifest.version; + let about = ''; // version number - $('textarea#about').val(get_text('application', 'Application') + ': ' + app_name + '\n' + get_text('chrome_version', 'Chrome Version') + ': ' + getChromeVersion()); + about += get_text('application', 'Application') + ': ' + app_name + '\n' + get_text('chrome_version', 'Chrome Version') + ': ' + getChromeVersion(); + // credits + about += "\n" + "API Credit: https://min-api.cryptocompare.com/"; + about += "\n" + "API Credit: https://www.coinbase.com/join/59f21412b8770300d98bd9a5"; + about += "\n" + "API Credit: https://api.coingecko.com/api/v3/\n"; + // render + $('textarea#about').val(about); // translate ui_translate(); }); @@ -763,7 +1042,7 @@ document.addEventListener('DOMContentLoaded', function() { let a = $('input#convert_from_history').val(); let b = $('input#convert_to_history').val(); if ((a != '') && (b != '')) { - getHistory(a, b, $('div#chartContainer')); + getHistory(a, b, $('div#chartContainer'), $('div#chartContainerDiv')); } }); // calling history of last settings @@ -771,9 +1050,38 @@ document.addEventListener('DOMContentLoaded', function() { let a = $('input#convert_from_history').val(); let b = $('input#convert_to_history').val(); if ((a != '') && (b != '')) { - getHistory(a, b, $('div#chartContainer')); + getHistory(a, b, $('div#chartContainer'), $('div#chartContainerDiv')); } }, 100); + // top pairs + $('button#btn_pairs_history').click(function() { + saveSettings(false); + let a = $('input#pairs_id').val(); + if (isCoin(a)) { + getPairs(a, $('div#pairs_gif'), $('div#pairs_div')); + } + }); + // clear top pairs + $('button#btn_pairs_clear2').click(function() { + $('div#pairs_div').html(''); + }); + // calling top pairs of last settings + setTimeout(function () { + let a = $('input#pairs_id').val(); + if (isCoin(a)) { + getPairs(a, $('div#pairs_gif'), $('div#pairs_div')); + } + }, 100); // get news and articles getFeed($('div#news_div')); + // search while you type + $('input#ranking_search_id').on("keyup", function() { + saveSettings(false); + getRankingTable("", $('div#rank_div'), this.value, $('input#ranking_limit').val()); + }); + // save ranking_limit + $('input#ranking_limit').change(function() { + saveSettings(false); + getRankingTable("", $('div#rank_div'), $("input#ranking_search_id").val(), $('input#ranking_limit').val()); + }) }, false); \ No newline at end of file diff --git a/js/constants.js b/js/constants.js index 7d0252f..558ff33 100644 --- a/js/constants.js +++ b/js/constants.js @@ -1,11 +1,14 @@ 'use strict'; let currency_array = [ - "AUD", "BRL", "CAD", "CHF", "CLP", "CNY", "CZK", "DKK", "EUR", "GBP", "HKD", "HUF", "IDR", "ILS", "INR", "JPY", "KRW", "MXN", "MYR", "NOK", "NZD", "PHP", "PKR", "PLN", "RUB", "SEK", "SGD", "THB", "TRY", "TWD", "ZAR", "USD" + "AUD", "BRL", "CAD", "CHF", "CLP", "CNY", "CZK", "DKK", "EUR", "GBP", "HKD", "HUF", "IDR", "ILS", "INR", "JPY", "KRW", "MXN", "MYR", "NOK", "NZD", "PHP", "PKR", "PLN", "RUB", "SEK", "SGD", "THB", "TRY", "TWD", "ZAR", "USD", "NGN" ]; // check if x is fiat const isFiat = (x, arr) => { arr = arr || currency_array; return arr.includes(x.toUpperCase()); -} \ No newline at end of file +} + +// default ranking limit +const default_ranking_limit = 300; \ No newline at end of file diff --git a/js/content.js b/js/content.js index a726efc..2c8be9e 100644 --- a/js/content.js +++ b/js/content.js @@ -1 +1,84 @@ -'use strict'; \ No newline at end of file +'use strict'; + +(function($) { + // read as text + const readResponseAsText = (response) => { + return response.text(); + } + + // read as json + const readResponseAsJSON = (response) => { + return response.json(); + } + + // check if valid response + const validateResponse = (response) => { + if (!response.ok) { + throw Error(response.statusText); + } + return response; + } + + const __isNumeric = (n) => { + return !isNaN(parseFloat(n)) && isFinite(n); + } + + // getting conversion from cryptocompare + const CoinToools_GetPriceCC = (a, b) => { + a = a.toUpperCase(); + if (a == 'SBD') { + a = 'SBD*'; + } + b = b.toUpperCase(); + if (b == 'SBD') { + b = 'SBD*'; + } + let api = "https://min-api.cryptocompare.com/data/price?fsym=" + a + "&tsyms=" + b; + return new Promise((resolve, reject) => { + fetch(api, {mode: 'cors'}) + .then(validateResponse) + .then(readResponseAsJSON) + .then(function(result) { + if (result[b]) { + resolve(result[b]); + } else { + reject("Error: " + a + ", " + b); + } + }).catch(function(error) { + reject(error); + }); + }); + } + + // Alt + Q + $(document).keydown(function(e) { + if (e && (e.key) && (e.key.toLowerCase() == "q") && e.altKey) { + let s = prompt("(Cryptocompare) e.g. BTC STEEM, 10 BTC SBD, BTC 10 SBD", ""); + if (s != null) { + s = s.trim(); + let arr = s.split(' '); + if (arr.length == 2) { // BTC SBD + CoinToools_GetPriceCC(arr[0], arr[1]).then((x) => { + alert("1 " + arr[0].toUpperCase() + " = " + x + " " + arr[1].toUpperCase()); + }).catch((error) => { + alert(error); + }); + } else if (arr.length == 3) { // 2 BTC STEEM + if (__isNumeric(arr[0])) { + CoinToools_GetPriceCC(arr[1], arr[2]).then((x) => { + alert(arr[0] + " " + arr[1].toUpperCase() + " = " + (x * arr[0]) + " " + arr[2].toUpperCase()); + }).catch((error) => { + alert(error); + }); + } else if (__isNumeric(arr[1])) { // SBD 3 STEEM + CoinToools_GetPriceCC(arr[2], arr[0]).then((x) => { + alert((arr[1] * x) + " " + arr[0].toUpperCase() + " = " + arr[1] + " " + arr[2].toUpperCase()); + }).catch((error) => { + alert(error); + }); + } + } + } + } + }); +})(jQuery); \ No newline at end of file diff --git a/js/context.js b/js/context.js new file mode 100644 index 0000000..f0e81a4 --- /dev/null +++ b/js/context.js @@ -0,0 +1,34 @@ +'use strict'; + +chrome.contextMenus.removeAll(); + +const handy_crypto_urls = { + "LocalBitcoins": "https://localbitcoins.com/?ch=rndf", + "Coinmarketcap": "https://coinmarketcap.com", + "Coingecko": "https://coingecko.com", + "Cryptocompare": "https://www.cryptocompare.com", + "Bittrex": "https://bittrex.com", + "Blocktrades": "https://blocktrades.us", + "Coinbase": "https://www.coinbase.com/join/59f21412b8770300d98bd9a5", + "Gdax": "https://www.gdax.com" +}; + +// create parent context menu item +const parent = chrome.contextMenus.create({ + title: "CoinTools (Alt + Q)", + contexts: ["page", "frame"] +}); + +// switch to click and sub menus +const keys = Object.keys(handy_crypto_urls); +const sz = keys.length; +for (let i = 0; i < sz; ++ i) { + let cur_domain = handy_crypto_urls[keys[i]]; + chrome.contextMenus.create({ + title: keys[i], + parentId: parent, + onclick: (info, tab) => { + chrome.tabs.update(info.tab, {"url": cur_domain}); + } + }); +} diff --git a/js/functions.js b/js/functions.js index af7e239..39a4395 100644 --- a/js/functions.js +++ b/js/functions.js @@ -76,4 +76,19 @@ const random_id = () => { return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1); }; return "_" + (S4() + S4() + S4() + S4() + S4() + S4() + S4() + S4()); +} + +const up_or_down_img = (x, elem = 'div', text = '') => { + if (x > 0.5) { + //return "📈" + x; + return "<" + elem + " class='upupup'>+" + x + "%" + text + ""; + } else if (x < -0.5) { + //return "📉" + x; + return "<" + elem + " class='downdowndown'>" + x + "%" + text + ""; + } else { + if (x >= 0) { + return "<" + elem + " class='normal'>+" + x + "%" + text + ""; + } + return "<" + elem + " class='normal'>" + x + "%" + text + ""; + } } \ No newline at end of file diff --git a/js/jquery-3.2.1.min.js b/js/jquery-3.2.1.min.js deleted file mode 100644 index 644d35e..0000000 --- a/js/jquery-3.2.1.min.js +++ /dev/null @@ -1,4 +0,0 @@ -/*! jQuery v3.2.1 | (c) JS Foundation and other contributors | jquery.org/license */ -!function(a,b){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){"use strict";var c=[],d=a.document,e=Object.getPrototypeOf,f=c.slice,g=c.concat,h=c.push,i=c.indexOf,j={},k=j.toString,l=j.hasOwnProperty,m=l.toString,n=m.call(Object),o={};function p(a,b){b=b||d;var c=b.createElement("script");c.text=a,b.head.appendChild(c).parentNode.removeChild(c)}var q="3.2.1",r=function(a,b){return new r.fn.init(a,b)},s=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,t=/^-ms-/,u=/-([a-z])/g,v=function(a,b){return b.toUpperCase()};r.fn=r.prototype={jquery:q,constructor:r,length:0,toArray:function(){return f.call(this)},get:function(a){return null==a?f.call(this):a<0?this[a+this.length]:this[a]},pushStack:function(a){var b=r.merge(this.constructor(),a);return b.prevObject=this,b},each:function(a){return r.each(this,a)},map:function(a){return this.pushStack(r.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(f.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(a<0?b:0);return this.pushStack(c>=0&&c
Cryptocurrency Ranking Table
+
@@ -71,6 +84,10 @@
+
+
Total Market Cap (USD)
24 Hour Total Market Cap (USD)
Total Supply
+Circulating Supply
+Cryptocurrency Converter Calculator
@@ -87,7 +104,7 @@Cryptocurrency Converter Calculator
- +History Data
@@ -115,8 +132,20 @@History Data
+
+
+
+
+
Pairs
+ ++
