From 3f08d93fb0615cb872bb6b269645503f6fa33472 Mon Sep 17 00:00:00 2001 From: Nathan Parikh Date: Fri, 1 Sep 2017 00:19:32 -0500 Subject: [PATCH] polishing updates for the first big release --- images/icon.png | Bin 0 -> 10305 bytes index.html | 173 +++++++++++++++++++++++++++++++++++++++++++----- main.js | 7 +- 3 files changed, 160 insertions(+), 20 deletions(-) create mode 100644 images/icon.png diff --git a/images/icon.png b/images/icon.png new file mode 100644 index 0000000000000000000000000000000000000000..9028dba224642c0b9ed1b15a8a6106c6807ce7d1 GIT binary patch literal 10305 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 /*@import url('https://rsms.me/interface/interface.css');*/ body { - background: #000; - /*font-family: 'Heebo', sans-serif;*/ + background: rgba(0, 0, 0, 0.95); font-family: 'Inconsolata', monospace; color: #fff; } + ul { + margin: 0; + padding: 0; + } .titlebar { -webkit-user-select: none; -webkit-app-region: drag; @@ -75,9 +78,94 @@ #prices li:last-child { border-bottom: none; } - #prices li span { - - } + #prices li span { + + } + #prices li span.draggable { + width: 100%; + } + #prices li .sym { + border: 1px solid #252525; + border-left-width: 2px; + padding: 0px 5px 0px; + font-family: 'Heebo', sans-serif; + font-size: 12px; + } + #prices li .sym:hover { + cursor: -webkit-grab; + } + /*Symbol Colors*/ + #prices li#coin-BTC .sym { + border-left-color: #F9A847; + } + #prices li#coin-XRP .sym { + border-left-color: #0997D2; + } + #prices li#coin-LTC .sym { + border-left-color: #F1F1F1; + } + #prices li#coin-NEO .sym, + #prices li#coin-GAS .sym { + border-left-color: #9CD115; + } + #prices li#coin-OMG .sym { + border-left-color: #1A53F0; + } + #prices li#coin-BCH .sym { + border-left-color: #F7931A; + } + #prices li#coin-DASH .sym { + border-left-color: #0475B6; + } + #prices li#coin-XMR .sym { + border-left-color: #FF6600; + } + #prices li#coin-ETC .sym { + border-left-color: #689274; + } + #prices li#coin-ZEC .sym { + border-left-color: #EFB948; + } + #prices li#coin-GNT .sym { + border-left-color: #00AFBF; + } + #prices li#coin-BAT .sym { + border-left-color: #662F92; + } + #prices li#coin-FCT .sym { + border-left-color: #E3A77D; + } + #prices li#coin-ARK .sym { + border-left-color: #CB0101; + } + #prices li#coin-DOGE .sym { + border-left-color: #BBA034; + } + #prices li#coin-CVC .sym { + border-left-color: #41BB2E; + } + #prices li#coin-MCO .sym { + border-left-color: #82344C; + } + #prices li#coin-UBQ .sym { + border-left-color: #00EA90; + } + #prices li#coin-DNT .sym { + border-left-color: #7CF7FA; + } + #prices li .change { + padding: 2px 3px 2px; + font-size: 12px; + float: right; + margin: 10px 0px 0px; + background: #000; + } + #prices li .change.positive { + color: #b2ff93; + } + #prices li .change.negative { + color: #ff6765; + } .active { display: block; @@ -92,7 +180,7 @@ border: none; padding: 0px 0px 10px; font-size: 14px; - background: #000; + background: rgba(0, 0, 0, 0); color: #fff; outline: none; border-bottom: 1px solid #252525; @@ -111,13 +199,31 @@ margin: 15px 0px 0px 0px; padding: 0; max-height: 240px; - overflow: scroll; + overflow-y: scroll; } + #tips { + font-size: 14px; + } + #tips li { + + } + + .creds { + font-size: 8px; + color: #252525; + margin: 15px 0px 0px 0px; + } + .creds a { + text-decoration: none; + color: #252525; + } /*Scrollbar*/ - ::-webkit-scrollbar, ::-webkit-scrollbar-corner { - background-color: black; + background-color: rgba(0, 0, 0, 0); + } + ::-webkit-scrollbar { + background-color: rgba(0, 0, 0, 100); } ::-webkit-scrollbar { width: .5em; @@ -211,6 +317,17 @@ + +

Tip Jar

+
    +
  • BTC: 17iENfaJkEpxGXW7mgdFh9hGMZV65R2zVL
    • +
  • ETH: 0x68b99868700b33A248de4A62a038a9e3b03DCA21
    • +
  • LTC:
    • +
+ +
+
Icons made by Madebyoliver from www.flaticon.com is licensed by CC 3.0 BY
+
@@ -248,7 +365,7 @@ //alert(settings.get('user.coins')); //console.log(actual_JSON.Data); - //loop through data, get coin info, generate checkbox fore each coin + //loop through data, get coin info, generate checkbox for each coin Object.keys(actual_JSON.Data).forEach(function(key) { //console.log(actual_JSON.Data[key].Name); //console.log(actual_JSON.Data[key].CoinName); @@ -319,7 +436,7 @@ document.getElementById('saveCoins').onclick = function(){ var coinForm = document.getElementById('coinlist'); var selchb = getSelectedChbox(coinForm); // gets the array returned by getSelectedChbox() - alert(selchb); + //alert(selchb); settings.set('user', { coins: selchb @@ -327,6 +444,9 @@ var selectedCoins = settings.get('user.coins'); //document.getElementById('firstname').innerHTML = selectedCoins; + + // just reloading the entire app because I have yet to figure out how to add/remove a coin from the primary list without a page reload + location.reload(); } const ul = document.getElementById('prices'); // Get the list where we will place coins @@ -350,15 +470,15 @@ for (let key of Object.keys(prices)) { let coin = prices[key]; //console.log(coin); - let li = createNode('li'), - span = createNode('span'); + let li = createNode('li'), + span = createNode('span'); + sym = createNode('span'); li.setAttribute("class", "price"); li.setAttribute("id", "coin-"+[key]); //alert("coin-"+[key]) //console.log(settings.get('coin.'+[key]+'.order')); li.setAttribute("sortorder", settings.get(li.id+'.order')); //alert(settings.get(li.id+'.order')); - span.innerHTML = coin.USD.FROMSYMBOL + ' ' + coin.USD.PRICE + settings.get('coin.'+i+'.order'); append(li, span); append(ul, li); i++; @@ -432,17 +552,36 @@ let pricesRAW = data.RAW; // raw to get BTC instead of bitcoin symbol for (let key of Object.keys(pricesRAW)) { let coinDISPLAY = pricesDISPLAY[key]; + let coinDISPLAYchange = coinDISPLAY[base].CHANGEPCT24HOUR; let coinRAW = pricesRAW[key]; - console.log(coinDISPLAY); + //console.log(coinDISPLAY); let li = document.getElementById("coin-"+[key]), span = document.querySelector("#coin-"+[key]+" span"); + span.setAttribute("class", "draggable"); + + //console.log(span); - span.innerHTML = coinRAW[base].FROMSYMBOL + ' ' + coinDISPLAY[base].PRICE.replace(/ /g,''); //.replace(/ /g,'') removes space after $ + span.innerHTML = '' + coinRAW[base].FROMSYMBOL + ' ' + coinDISPLAY[base].PRICE.replace(/ /g,'') + '' + coinDISPLAYchange + '%'; //.replace(/ /g,'') removes space after $ + + // % Change + let change = document.querySelector("#coin-"+[key]+" .change"); + if(coinDISPLAYchange > 0) { + change.className += " positive"; + change.classList.remove("negative"); + } + else if(coinDISPLAYchange < 0) { + change.className += " negative"; + change.classList.remove("postive"); + } + else { + change.classList.remove("postive"); + change.classList.remove("negative"); + } } }); } ) - setTimeout(function(){updateData()}, 1000); // run this once every second + setTimeout(function(){updateData()}, 500000); // run this once every 5 seconds } // Let's do this thing! diff --git a/main.js b/main.js index 047d642..c2f59d4 100644 --- a/main.js +++ b/main.js @@ -31,14 +31,15 @@ function createWindow () { width: mainWindowState.width, height: mainWindowState.height, maxWidth: 360, - minWidth: 160, - minHeight: 150, + minWidth: 240, + minHeight: 100, maximizable: false, fullscreenable: false, frame: false, titleBarStyle: 'hidden-inset', autoHideMenuBar: true, - backgroundColor: '#000000', + transparent: true, + icon: 'images/icon.png' }); // Let us register listeners on the window, so we can update the state