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

Identify popup elements by id.

Browse source
This commit is contained in:
David Fifield 2019-07-22 16:51:33 -06:00
parent e6f7633961
commit 8a56baa8e1
2 changed files with 9 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

6
proxy/static/embed.html
View file

@ -10,9 +10,9 @@
</head> </head>
<body> <body>
<div id="active"> <div id="active">
<img src="assets/status-off.png" /> <img id="statusimg" src="assets/status-off.png" />
<p>Snowflake is off</p> <p id="statustext">Snowflake is off</p>
<p></p> <p id="statusdesc"></p>
</div> </div>
<div class="b button"> <div class="b button">
<label id="toggle" for="enabled">Turn On</label> <label id="toggle" for="enabled">Turn On</label>

11
proxy/static/popup.js
View file

@ -3,18 +3,19 @@
class Popup { class Popup {
constructor() { constructor() {
this.div = document.getElementById('active'); this.div = document.getElementById('active');
this.ps = this.div.querySelectorAll('p'); this.statustext = document.getElementById('statustext');
this.img = this.div.querySelector('img'); this.statusdesc = document.getElementById('statusdesc');
this.img = document.getElementById('statusimg');
} }
setImgSrc(src) { setImgSrc(src) {
this.img.src = `assets/status-${src}.png`; this.img.src = `assets/status-${src}.png`;
} }
setStatusText(txt) { setStatusText(txt) {
this.ps[0].innerText = txt; this.statustext.innerText = txt;
} }
setStatusDesc(desc, color) { setStatusDesc(desc, color) {
this.ps[1].innerText = desc; this.statusdesc.innerText = desc;
this.ps[1].style.color = color || 'black'; this.statusdesc.style.color = color || 'black';
} }
hideButton() { hideButton() {
document.querySelector('.button').style.display = 'none'; document.querySelector('.button').style.display = 'none';