/****************** Output JSON format -{ "success" : true, "message" : , "result" : -{ "buy" : +[ ... ], "sell" : -[ -{ "Quantity" : 3.78589731, "Rate" : 0.07380001 }, +{ ... }, +{ ... }, +{ ... }, ********************/ window.onload = main; var loader, url; var resultBuy; var resultSell; var buySort="Quantity"; // default buy sorted by Quantity var buyflag=1; // default 1 = buy sorted in descending order, -1=ascending order var sellSort="Quantity"; // default sell sorted by Quantity var sellflag=1; // default 1 = buy soreted in descending order, -1=ascending order function main() { loader = document.getElementById("loader"); getContents(); } function getContents() { var sourceUrl ='https://bittrex.com/api/v1.1/public/getorderbook?market=BTC-ETH&type=both'; var corsUrl = 'https://cors-anywhere.herokuapp.com/'; var apiUrlContest = corsUrl + sourceUrl; // var apiUrlContest = sourceUrl; getApi(apiUrlContest, dataRender, 'JSON'); } /* Fetch whole webpage to data */ // type=text for getting text/html. default is to get json function getApi(url, update, type='text') { // var myHeaders = new Headers(); // var myInit = { method: 'GET', // headers: myHeaders, // mode: 'cors', // cache: 'default' }; fetch(url).then(function(response) { if(response.ok) { return type==='JSON'? response.json() : response.text(); } throw new Error('Network response was not ok.'); }).then(function(data) { update.call(null,data); // if(final) offLoader(); // turn off spinner loader aftrer loaded all api }).catch(function(error) { console.log('There has been a problem with your fetch operation: ' + error.message); }); } // Coded by Calvin @2017-0927 /* process fatched data */ function dataRender(data) { // console.log(data); loader.style.display = "none"; resultBuy = data.result.buy; resultSell = data.result.sell; updateTable("Quantity", 1, "Quantity", 1); } function updateTable(bSort, bflag, sSort, sflag) { resultBuy.sort(function (a, b) { return (b[bSort] - a[bSort])*bflag; }); resultSell.sort(function (a, b) { return (b[sSort] - a[sSort])*sflag; }); var ctable = document.querySelector('#table'); ctable.innerHTML = ""; var rowHtml = ` ETH Size/Quantity Amount `; ctable.insertAdjacentHTML('beforeend', rowHtml); rowHtml = ` Rank Asks Bids `; ctable.insertAdjacentHTML('beforeend', rowHtml); rowHtml = ` Price/Rate Size(ETH)/Volume Price/Rate Size(ETH)/Volume `; ctable.insertAdjacentHTML('beforeend', rowHtml); for(var i=0;i<15;i++) { rowHtml = ` ${i+1} ${resultSell[i].Rate.toFixed(8)} ${resultSell[i].Quantity.toFixed(8)} ${resultBuy[i].Rate.toFixed(8)} ${resultBuy[i].Quantity.toFixed(8)} `; ctable.insertAdjacentHTML('beforeend', rowHtml); } } function onSellRate() { sellSort = "Rate"; sellflag *= -1; updateTable(buySort, buyflag, sellSort, sellflag); } function onSellQuantity() { sellSort = "Quantity"; sellflag *= -1; updateTable(buySort, buyflag, sellSort, sellflag); } function onBuyRate() { buySort = "Rate"; buyflag *= -1; updateTable(buySort, buyflag, sellSort, sellflag); } function onBuyQuantity() { buySort = "Quantity"; buyflag *= -1; updateTable(buySort, buyflag, sellSort, sellflag); }

ETH buy/sell table (sortable)