Publish Vulpes Preview 15 sources for desktop, Android and Tundra

Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.

gaia/tv_apps/remote-control/js/app.js

@@ -0,0 +1,99 @@
+/* global Section, SettingsSection, Settings, QRCode */
+'use strict';
+
+(function(exports) {
+  function App(id) {
+    Section.call(this, id);
+
+    this.addChild('big-qrcode', new Section('big-qrcode'));
+    this.addChild('settings-section', new SettingsSection('settings-section'));
+
+    Settings.on('changed', this._onSettingsChanged.bind(this));
+  }
+
+  App.prototype = Object.create(Section.prototype);
+
+  // Section's Interface
+  App.prototype._readyToShow = function(previousId) {
+    this.updateStatus();
+
+    var enabled = Settings['remote-control.enabled'];
+    var hasConnection = !!Settings['remote-control.server-ip'];
+
+    // If the previousId is omitted, it means that this section is shown for the
+    // first time by bootstrap.
+    if (!previousId && enabled && !hasConnection) {
+      this.focus('exit-button');
+    }
+  };
+
+  // Section's Interface
+  App.prototype._handleClick = function() {
+    var elem = this.getFocusedElement();
+    switch(elem.id) {
+      case 'qrcode':
+        this.showChildSection('big-qrcode');
+        break;
+      case 'settings-button':
+      case 'go-to-settings-button':
+        this.showChildSection('settings-section');
+        break;
+      case 'exit-button':
+        window.close();
+        break;
+    }
+  };
+
+  App.prototype._onSettingsChanged = function(name, value) {
+    if (name == 'remote-control.server-ip') {
+      this.updateIP(value);
+    }
+    this.updateStatus();
+  };
+
+  App.prototype.updateIP = function(ip) {
+    document.getElementById('ip').textContent = 'http://' + ip;
+    this.updateQRCode('qrcode-image', ip, 260, 260);
+    this.updateQRCode('big-qrcode-image', ip, 540, 540);
+  };
+
+  App.prototype.updateQRCode = function(elemId, ip, width, height) {
+    // Remove the previous one if it exists.
+    var div = document.getElementById(elemId);
+    while (div.firstChild) {
+      div.removeChild(div.firstChild);
+    }
+
+    /* jshint nonew: false */
+    new QRCode(elemId, {
+      text: 'http://' + ip + '/',
+      width: width,
+      height: height,
+      colorDark : '#000000',
+      colorLight : '#ffffff',
+      correctLevel : QRCode.CorrectLevel.L
+    });
+  };
+
+  App.prototype.updateStatus = function() {
+    var setVisible = function(elemId, visible) {
+      var elem = document.getElementById(elemId);
+      elem.classList[visible ? 'add' : 'remove']('visible');
+    };
+
+    var enabled = Settings['remote-control.enabled'];
+    var hasConnection = !!Settings['remote-control.server-ip'];
+    setVisible('main-area', enabled && hasConnection);
+    setVisible('off-line-message', enabled && !hasConnection);
+    setVisible('disabled-message', !enabled);
+    setVisible('settings-icon', enabled);
+
+    if (enabled && hasConnection) {
+      this.focus('qrcode');
+    } else {
+      this.focus();
+    }
+  };
+
+  exports.App = App;
+}(window));