rowan/multi-account-containers
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use ContextualIdentityService to populate popup

Browse source
This commit is contained in:
groovecoder 2016-12-16 10:42:57 -06:00
parent 5b753dc146
commit 059b4bcaf9
4 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored
View file

@ -1,2 +1,3 @@
node_modules
README.html README.html
*.xpi *.xpi

5
index.js
View file

@ -1,10 +1,11 @@
const webExtension = require('sdk/webextension'); const webExtension = require('sdk/webextension');
const {ContextualIdentityService} = require('resource://gre/modules/ContextualIdentityService.jsm');
function handleWebExtensionMessage(message, sender, sendReply) { function handleWebExtensionMessage(message, sender, sendReply) {
console.log(message); console.log(message);
if (message === 'message-from-webextension') { if (message === 'get-identities') {
sendReply({ sendReply({
content: 'reply-from-sdk' content: {identities: ContextualIdentityService.getIdentities()}
}); });
} }
} }

5
webextension/js/popup.js
View file

@ -1,5 +1,8 @@
browser.runtime.sendMessage('message-from-webextension').then(reply=> { browser.runtime.sendMessage('get-identities').then(reply=> {
if (reply) { if (reply) {
reply.content.identities.forEach(identity=> {
document.querySelector('.identities-list').innerHTML += `<li><a href="#">${identity.icon}</a></li>`;
});
console.log('response from sdk addon: ', reply.content); console.log('response from sdk addon: ', reply.content);
} }
}); });

6
webextension/popup.html
View file

@ -5,11 +5,7 @@
</head> </head>
<body> <body>
<h1>Containers!</h1> <h1>Containers!</h1>
<ul> <ul class="identities-list">
<li><a href="#">Personal</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Banking</a></li>
<li><a href="#">Shopping</a></li>
</ul> </ul>
<h3><a href="#">Edit Containers</a></h3> <h3><a href="#">Edit Containers</a></h3>
<script src="js/popup.js"></script> <script src="js/popup.js"></script>