Add a WebExtUI the makes use of the new assests

The browser icon shows the on/off state.
This commit is contained in:
Arlo Breault 2019-05-07 15:44:01 -04:00
parent 2b1852c1a5
commit e7f3ade068
5 changed files with 18 additions and 8 deletions

View file

@ -58,6 +58,8 @@ init = () ->
ui = new BadgeUI() ui = new BadgeUI()
else if (document.getElementById('status') != null) else if (document.getElementById('status') != null)
ui = new DebugUI() ui = new DebugUI()
else if (document.getElementById('webext') != null)
ui = new WebExtUI()
else else
ui = new UI() ui = new UI()

View file

@ -5,7 +5,8 @@ WebRTC shims for multiple browsers.
if module?.exports if module?.exports
window = {} window = {}
document = document =
getElementById: () -> null, getElementById: () -> null
chrome = {}
location = '' location = ''
if not TESTING? or not TESTING if not TESTING? or not TESTING
@ -23,6 +24,7 @@ if module?.exports
else else
window = this window = this
document = window.document document = window.document
chrome = window.chrome
location = window.location.search.substr(1) location = window.location.search.substr(1)
PeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || PeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection ||

View file

@ -42,3 +42,12 @@ class DebugUI extends UI
# Scroll to latest # Scroll to latest
@$msglog.value += msg + '\n' @$msglog.value += msg + '\n'
@$msglog.scrollTop = @$msglog.scrollHeight @$msglog.scrollTop = @$msglog.scrollHeight
class WebExtUI extends UI
setActive: (connected) =>
chrome.browserAction.setIcon {
"path": {
"32": "icons/status-" + (if connected then "on" else "off") + ".png"
}
}

View file

@ -9,8 +9,8 @@
}, },
"browser_action": { "browser_action": {
"default_icon": { "default_icon": {
"16": "icons/status-off.png", "32": "icons/status-off.png"
"32": "icons/status-off@2x.png" },
} "default_title": "Snowflake"
} }
} }

View file

@ -8,9 +8,6 @@
</head> </head>
<body> <body>
<!-- FIXME: Refactor snowflake.js to eliminate the need for this --> <!-- FIXME: Refactor snowflake.js to eliminate the need for this -->
<div> <div id="webext" />
<div id="status"></div>
<textarea id="msglog" readonly></textarea>
</div>
</body> </body>
</html> </html>