Bug 1000676 - Part 1: Add aboutDevices.* files. r=mfinkle

2024-09-13 09:24:08 -07:00 · 2014-05-05 11:27:56 -07:00 · 2014-05-05 11:27:56 -07:00 · e65733b788
commit e65733b788
parent f9291ff99c
4 changed files with 147 additions and 0 deletions
--- a/mobile/android/chrome/content/aboutDevices.js
+++ b/mobile/android/chrome/content/aboutDevices.js
@ -0,0 +1,97 @@
+// -*- Mode: js2; tab-width: 2; indent-tabs-mode: nil; js2-basic-offset: 2; js2-skip-preprocessor-directives: t; -*-
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+const { classes: Cc, interfaces: Ci, utils: Cu } = Components;
+
+Cu.import("resource://gre/modules/Services.jsm"); /*global Services */
+Cu.import("resource://gre/modules/Messaging.jsm");
+Cu.import("resource://gre/modules/SimpleServiceDiscovery.jsm"); /*global SimpleServiceDiscovery */
+
+// TODO: Export these from SimpleServiceDiscovery.
+const EVENT_SERVICE_FOUND = "ssdp-service-found";
+const EVENT_SERVICE_LOST = "ssdp-service-lost";
+
+// We want to keep this page fresh while it is open, so we decrease
+// our time between searches when it is opened, and revert to the
+// former time between searches when it is closed.
+const SEARCH_INTERVAL_IN_MILLISECONDS = 5 * 1000;
+
+function dump(s) {
+  Services.console.logStringMessage("aboutDevices :: " + s);
+}
+
+var Devices = {
+  _savedSearchInterval: -1,
+
+  init: function() {
+    dump("Initializing.");
+    Services.obs.addObserver(this, EVENT_SERVICE_FOUND, false);
+    Services.obs.addObserver(this, EVENT_SERVICE_LOST, false);
+
+    let button = document.getElementById("refresh");
+    button.addEventListener("click", () => {
+      this.updateDeviceList();
+    }, false);
+
+    // TODO: Don't break encapsulation here: have search() return the
+    // old interval.
+    this._savedSearchInterval = SimpleServiceDiscovery._searchInterval;
+    SimpleServiceDiscovery.search(SEARCH_INTERVAL_IN_MILLISECONDS);
+
+    this.updateDeviceList();
+  },
+
+  uninit: function() {
+    dump("Uninitializing.");
+    Services.obs.removeObserver(this, EVENT_SERVICE_FOUND);
+    Services.obs.removeObserver(this, EVENT_SERVICE_LOST);
+
+    if (this._savedSearchInterval > 0) {
+      SimpleServiceDiscovery.search(this._savedSearchInterval);
+    }
+  },
+
+  _createItemForDevice: function(device) {
+    let item = document.createElement("div");
+
+    let friendlyName = document.createElement("div");
+    friendlyName.classList.add("name");
+    friendlyName.textContent = device.friendlyName;
+    item.appendChild(friendlyName);
+
+    let location = document.createElement("div");
+    location.classList.add("location");
+    location.textContent = device.location;
+    item.appendChild(location);
+
+    return item;
+  },
+
+  updateDeviceList: function() {
+    let services = SimpleServiceDiscovery.services;
+    dump("Updating device list with " + services.length + " services.");
+
+    let list = document.getElementById("devices-list");
+    while (list.firstChild) {
+      list.removeChild(list.firstChild);
+    }
+
+    for (let service of services) {
+      let item = this._createItemForDevice(service);
+      list.appendChild(item);
+    }
+  },
+
+  observe: function(subject, topic, data) {
+    if (topic == EVENT_SERVICE_FOUND || topic == EVENT_SERVICE_LOST) {
+      this.updateDeviceList();
+    }
+  },
+};
+
+window.addEventListener("load", Devices.init.bind(Devices), false);
+window.addEventListener("unload", Devices.uninit.bind(Devices), false);
--- a/mobile/android/chrome/content/aboutDevices.xhtml
+++ b/mobile/android/chrome/content/aboutDevices.xhtml
@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" [
+<!ENTITY % brandDTD SYSTEM "chrome://branding/locale/brand.dtd" >
+%brandDTD;
+<!ENTITY % globalDTD SYSTEM "chrome://global/locale/global.dtd">
+%globalDTD;
+<!ENTITY % aboutDTD SYSTEM "chrome://browser/locale/aboutDevices.dtd" >
+%aboutDTD;
+]>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>&aboutDevices.title;</title>
+  <meta name="viewport" content="width=device-width; user-scalable=0" />
+  <link rel="icon" type="image/png" sizes="64x64" href="chrome://branding/content/favicon64.png" />
+  <link rel="stylesheet" href="chrome://browser/skin/aboutBase.css" type="text/css"/>
+  <link rel="stylesheet" href="chrome://browser/skin/aboutDevices.css" type="text/css"/>
+</head>
+
+<body>
+  <h1>&aboutDevices.header;</h1>
+
+  <ul id="devices-list"></ul>
+
+  <button id="refresh">&aboutDevices.refresh;</button>
+
+  <script type="text/javascript;version=1.8" src="chrome://browser/content/aboutDevices.js"></script>
+</body>
+</html>
--- a/mobile/android/locales/en-US/chrome/aboutDevices.dtd
+++ b/mobile/android/locales/en-US/chrome/aboutDevices.dtd
@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<!ENTITY aboutDevices.title              "Devices">
+<!ENTITY aboutDevices.header             "Your devices">
+<!ENTITY aboutDevices.refresh            "Refresh">
--- a/mobile/android/themes/core/aboutDevices.css
+++ b/mobile/android/themes/core/aboutDevices.css
@ -0,0 +1,8 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+html, body {
+  height: 100%;
+}