Updated popup icon to be purple when it's enabled

This commit is contained in:
Cecylia Bocovich 2019-06-27 10:41:15 -04:00
parent 651dca464f
commit f890739a38
3 changed files with 10 additions and 8 deletions

View file

@ -73,7 +73,7 @@ class Snowflake
msg += '[retries: ' + @retries + ']' if @retries > 0
@ui.setStatus msg
recv = @broker.getClientOffer pair.id
recv.then (desc) ->
recv.then (desc) =>
@receiveOffer pair, desc
, (err) ->
pair.active = false

View file

@ -86,6 +86,9 @@ class WebExtUI extends UI
onMessage: (m) =>
@enabled = m.enabled
update()
chrome.browserAction.setIcon
path:
32: "icons/status-" + (if @enabled then "on" else "off") + ".png"
@postActive()
onDisconnect: (port) =>
@ -95,6 +98,3 @@ class WebExtUI extends UI
super connected
if connected then @stats[0] += 1
@postActive()
chrome.browserAction.setIcon
path:
32: "icons/status-" + (if connected then "on" else "off") + ".png"

View file

@ -6,17 +6,19 @@ port.onMessage.addListener((m) => {
const active = m.active;
const div = document.getElementById('active');
const img = div.querySelector('img');
img.src = `icons/status-${active ? "on" : "off"}.png`;
const enabled = m.enabled
img.src = `icons/status-${enabled ? "on" : "off"}.png`;
const ps = div.querySelectorAll('p');
const clients = active ? 1 : 0;
ps[0].innerText = `${clients} client${(clients !== 1) ? 's' : ''} connected.`;
ps[1].innerText = `Your snowflake has helped ${m.total} user${(m.total !== 1) ? 's' : ''} circumvent censorship in the last 24 hours.`;
const enabled = m.enabled
const enabledText = document.getElementById('toggle');
if (enabled) {
document.getElementById('enabled').checked = true;
enabledText.innerText = 'Turn Off';
ps[0].innerText = `${clients} client${(clients !== 1) ? 's' : ''} connected.`;
ps[1].innerText = `Your snowflake has helped ${m.total} user${(m.total !== 1) ? 's' : ''} circumvent censorship in the last 24 hours.`;
} else {
ps[0].innerText = "Snowflake is off";
ps[1].innerText = "";
document.getElementById('enabled').checked = false;
enabledText.innerText = 'Turn On';
}