CopyBot/crypto-price-widget
1
0
Fork 0
mirror of https://github.com/nathanp/crypto-price-widget.git synced 2025-11-06 03:08:55 -05:00
Code Issues Packages Projects Releases Wiki Activity

Added currency selection - currently does not save setting

Browse Source
This commit is contained in:
Nathan Parikh 2017-09-06 12:34:12 -05:00
parent 33221b0721
commit add16c6ecf
2 changed files with 42 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
index.html
View File

@ -11,6 +11,7 @@
background: rgba(0, 0, 0, 0.95); background: rgba(0, 0, 0, 0.95);
font-family: 'Inconsolata', monospace; font-family: 'Inconsolata', monospace;
color: #fff; color: #fff;
margin-top: 5px;
} }
ul { ul {
margin: 0; margin: 0;
@ -37,13 +38,14 @@
#close-btn, #close-btn,
#min-btn { #min-btn {
border: none; height: 12px;
font-size: 0; width: 12px;
height: 16px;
width: 16px;
border-radius: 100%;
background: none; background: none;
border: 2px solid #000; border: 2px solid #000;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
padding: 0;
} }
#close-btn { #close-btn {
border-color: #ff2626; border-color: #ff2626;
@ -347,8 +349,8 @@
<body> <body>
<header style="-webkit-app-region: drag" class="titlebar"> <header style="-webkit-app-region: drag" class="titlebar">
<div class="controls"> <div class="controls">
<button id="min-btn">-</button> <button id="min-btn"></button>
<button id="close-btn">x</button> <button id="close-btn"></button>
</div> </div>
<button id="settings-btn" onclick="toggleSettings()"><img src="images/icons8-Settings.png"></button> <button id="settings-btn" onclick="toggleSettings()"><img src="images/icons8-Settings.png"></button>
</header> </header>
@ -372,13 +374,29 @@
<h3>Choose Your Base Currency</h3> <h3>Choose Your Base Currency</h3>
<label class="custom-select"> <label class="custom-select">
<select id="base" onchange="setBase()"> <select id="base" onchange="setBase()">
<option value="BTC">BTC</option>
<option value="USD">USD</option> <option value="USD">USD</option>
<!-- 20 most traded currencies - https://en.wikipedia.org/wiki/Template:Most_traded_currencies -->
<option value="AUD">AUD</option> <!-- $ -->
<option value="BRL">BRL</option>
<option value="CAD">CAD</option> <!-- $ -->
<option value="CNY">CNY</option>
<option value="EUR">EUR</option> <option value="EUR">EUR</option>
<option value="GBP">GBP</option> <option value="GBP">GBP</option>
<option value="BTC">BTC</option> <option value="HKD">HKD</option> <!-- $ -->
<option value="INR">INR</option>
<option value="JPY">JPY</option>
<option value="KRW">KRW</option>
<option value="MXN">MXN</option> <!-- $ -->
<option value="NOK">NOK</option> <!-- $ -->
<option value="NZD">NZD</option> <!-- $ -->
<option value="RUB">RUB</option>
<option value="SEK">SEK</option> <!-- $ -->
<option value="SGD">SGD</option> <!-- $ -->
<option value="TRY">TRY</option> <!-- $ -->
<option value="ZAR">ZAR</option> <!-- $ -->
</select> </select>
</label> </label>
<h3>Tip Jar</h3> <h3>Tip Jar</h3>
<ul id="tips"> <ul id="tips">
@ -633,9 +651,23 @@
span = document.querySelector("#coin-"+[key]+" span"); span = document.querySelector("#coin-"+[key]+" span");
span.setAttribute("class", "draggable"); span.setAttribute("class", "draggable");
let coinSymbol = coinRAW[base].FROMSYMBOL;
let coinRate = coinDISPLAY[base].PRICE.replace(/ /g,''); //.replace(/ /g,'') removes space after $
//replace currencies that have no symbols with easier to read formats
if(coinRate.includes("AUD")) { coinRate = coinRate.replace("AUD", "A$"); }
if(coinRate.includes("CAD")) { coinRate = coinRate.replace("CAD", "C$"); }
if(coinRate.includes("HKD")) { coinRate = coinRate.replace("HKD", "HK$"); }
if(coinRate.includes("MXN")) { coinRate = coinRate.replace("MXN", "$"); }
if(coinRate.includes("NOK")) { coinRate = coinRate.replace("NOK", "kr"); }
if(coinRate.includes("NZD")) { coinRate = coinRate.replace("NZD", "NZ$"); }
if(coinRate.includes("SEK")) { coinRate = coinRate.replace("SEK", "kr"); }
if(coinRate.includes("SGD")) { coinRate = coinRate.replace("SGD", "S$"); }
if(coinRate.includes("TRY")) { coinRate = coinRate.replace("TRY", "₺"); }
if(coinRate.includes("ZAR")) { coinRate = coinRate.replace("ZAR", "R"); }
//console.log(span); //console.log(span);
span.innerHTML = '<span class="sym">' + coinRAW[base].FROMSYMBOL + '</span> ' + coinDISPLAY[base].PRICE.replace(/ /g,'') + '<span class="change">' + coinDISPLAYchange + '%</span>'; //.replace(/ /g,'') removes space after $ span.innerHTML = '<span class="sym">' + coinSymbol + '</span> ' + coinRate + '<span class="change">' + coinDISPLAYchange + '%</span>';
// % Change // % Change
let change = document.querySelector("#coin-"+[key]+" .change"); let change = document.querySelector("#coin-"+[key]+" .change");

BIN
release-builds/Crypto Price Widget-mac.zip
View File

Binary file not shown.