archives/snowflake
2
0
Fork 0
mirror of https://gitlab.torproject.org/tpo/anti-censorship/pluggable-transports/snowflake.git synced 2025-10-14 05:11:19 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Updated popup icon to be purple when it's enabled

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
proxy/snowflake.coffee
View file

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

6
proxy/ui.coffee
View file

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

10
proxy/webext/popup.js
View file

@ -6,17 +6,19 @@ port.onMessage.addListener((m) => {
const active = m.active; const active = m.active;
const div = document.getElementById('active'); const div = document.getElementById('active');
const img = div.querySelector('img'); 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 ps = div.querySelectorAll('p');
const clients = active ? 1 : 0; 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'); const enabledText = document.getElementById('toggle');
if (enabled) { if (enabled) {
document.getElementById('enabled').checked = true; document.getElementById('enabled').checked = true;
enabledText.innerText = 'Turn Off'; 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 { } else {
ps[0].innerText = "Snowflake is off";
ps[1].innerText = "";
document.getElementById('enabled').checked = false; document.getElementById('enabled').checked = false;
enabledText.innerText = 'Turn On'; enabledText.innerText = 'Turn On';
} }