15821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)// Copyright (c) 2012 The Chromium Authors. All rights reserved.
25821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)// Use of this source code is governed by a BSD-style license that can be
35821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)// found in the LICENSE file.
45821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)
55821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)var contacts = chrome.extension.getBackgroundPage().contacts;
65821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)var output = document.getElementById('output');
75821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)for (var i = 0, contact; contact = contacts[i]; i++) {
85821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  var div = document.createElement('div');
95821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  var pName = document.createElement('p');
105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  var ulEmails = document.createElement('ul');
115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)
125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  pName.innerText = contact['name'];
135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  div.appendChild(pName);
145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)
155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  for (var j = 0, email; email = contact['emails'][j]; j++) {
165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)    var liEmail = document.createElement('li');
175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)    liEmail.innerText = email;
185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)    ulEmails.appendChild(liEmail);
195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  }
205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)
215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  div.appendChild(ulEmails);
225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  output.appendChild(div);
235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)}
245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)
255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)function logout() {
265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  chrome.extension.getBackgroundPage().logout();
275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  window.close();
285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)}
295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)
305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)document.addEventListener('DOMContentLoaded', function () {
315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)  document.querySelector('#clear').addEventListener('click', logout);
325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)});
33