1 files changed, 89 insertions, 0 deletions
diff --git a/apps/system/js/cost_control.js b/apps/system/js/cost_control.js
new file mode 100644
index 0000000..0f07962
--- /dev/null
+++ b/apps/system/js/cost_control.js
@@ -0,0 +1,89 @@
+/* -*- Mode: js; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- /
+/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */
+
+(function() {
+
+  'use strict';
+
+  var host = document.location.host;
+  var domain = host.replace(/(^[\w\d]+\.)?([\w\d]+\.[a-z]+)/, '$2');
+  var protocol = document.location.protocol + '//';
+  var origin = protocol + 'costcontrol.' + domain;
+
+  var widgetContainer = document.getElementById('cost-control-widget');
+
+  var widgetFrame;
+  function _ensureWidget() {
+    if (!Applications.ready)
+      return;
+
+    // Check widget is there
+    widgetFrame = widgetContainer.querySelector('iframe');
+    if (widgetFrame && !widgetFrame.dataset.killed)
+      return;
+
+    // Create the widget
+    if (!widgetFrame) {
+      widgetFrame = document.createElement('iframe');
+      widgetFrame.addEventListener('mozbrowsererror',
+        function ccdriver_onError(e) {
+          e.target.dataset.killed = true;
+        }
+      );
+    }
+
+    widgetFrame.dataset.frameType = 'widget';
+    widgetFrame.dataset.frameOrigin = origin;
+    delete widgetFrame.dataset.killed;
+
+    widgetFrame.setAttribute('mozbrowser', true);
+    widgetFrame.setAttribute('remote', 'true');
+    widgetFrame.setAttribute('mozapp', origin + '/manifest.webapp');
+
+    widgetFrame.src = origin + '/widget.html';
+    widgetContainer.appendChild(widgetFrame);
+
+    _adjustWidgetPosition();
+  }
+
+  function _showWidget() {
+    _ensureWidget();
+    widgetFrame.setVisible(true);
+  }
+
+  function _hideWidget() {
+    if (widgetFrame) {
+      widgetFrame.setVisible(false);
+    }
+  }
+
+  function _adjustWidgetPosition() {
+    // TODO: Remove this when weird bug #809031 (Bugzilla) is solved
+    // See cost_control.css as well to remove the last rule
+    var offsetY = document.getElementById('notification-bar').clientHeight;
+    offsetY +=
+      document.getElementById('notifications-container').clientHeight;
+    widgetFrame.style.transform = 'translate(0, ' + offsetY + 'px)';
+  }
+
+  // Listen to utilitytray show
+  window.addEventListener('utilitytrayshow', _showWidget);
+  window.addEventListener('utilitytrayhide', _hideWidget);
+
+  window.addEventListener('applicationready', function _onReady() {
+    asyncStorage.getItem('ftu.enabled', function _onValue(enabled) {
+      if (enabled !== false) {
+        window.addEventListener('ftudone', function ftudone(e) {
+          window.removeEventListener('ftudone', ftudone);
+          _ensureWidget();
+          widgetFrame.setVisible(false);
+        });
+      } else {
+        _ensureWidget();
+        widgetFrame.setVisible(false);
+      }
+    });
+  });
+
+  window.addEventListener('resize', _adjustWidgetPosition);
+}());