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/dev_apps/mobile-wallet/js/settings/config_sub_view.js

@@ -0,0 +1,66 @@
+'use strict';
+
+/* exported ConfigSubView */
+
+(function(exports) {
+
+  var ConfigSubView = function(id, crsAid, uiccAid, pinP2, defaultPin) {
+    this._id = id;
+    this._el = document.querySelector('#'+id);
+
+    this.crsInput = this._el.querySelector('#crs-aid');
+    this.crsInput.value = crsAid;
+
+    this.uiccInput = this._el.querySelector('#uicc-aid');
+    this.uiccInput.value = uiccAid;
+
+    this.pinP2Input = this._el.querySelector('#pinP2');
+    this.pinP2Input.value = pinP2;
+
+    this.defaultPinInput = this._el.querySelector('#default-pin');
+    this.defaultPinInput.value = defaultPin;
+
+    this._el.querySelector('header button.icon-back')
+            .addEventListener('click', () => this._handleConfigFinished());
+    this._el.querySelector('#settings-configuration-done')
+            .addEventListener('click', () => this._handleConfigFinished());
+  };
+
+  ConfigSubView.prototype = {
+    _el: null,
+    _id: null,
+    _visible: false,
+
+    crsInput: null,
+    uiccInput: null,
+    pinP2Input: null,
+    defaultPinInput: null,
+
+    get visible() {
+      return this._visible;
+    },
+
+    set visible(value) {
+      if(value) {
+        this._visible = true;
+        this._el.classList.add('slide-in');
+      } else {
+        this._visible = false;
+        this._el.classList.remove('slide-in');
+      }
+    },
+
+    _handleConfigFinished: function() {
+      if(!this.crsInput.validity.valid || !this.uiccInput.validity.valid ||
+         !this.pinP2Input.validity.valid ||
+         !this.defaultPinInput.validity.valid) {
+        this.debug('Inputs not valid, not closing settings');
+        return;
+      }
+
+      this.visible = false;
+    },
+  };
+
+  exports.ConfigSubView = ConfigSubView;
+}(window));

gaia/dev_apps/mobile-wallet/js/settings/default_settings.js

@@ -0,0 +1,35 @@
+'use strict';
+
+/* globals AID */
+/* exported DEFAULTS, SIM_REFRESH, SIM_UPDATE */
+
+(function(exports) {
+
+  const DEFAULTS = {
+    PIN: false,
+    FASTPAY: true,
+    CRS_AID: AID.CRS,
+    UICC_AID: AID.UICC,
+    PIN_P2: '0E',
+    PIN_VALUE: '0000'
+  };
+
+  // settings properties which trigger sim data refresh on change
+  const SIM_REFRESH = ['crsAid'];
+  // settings properties which trigger SIMAccessManager update
+  const SIM_UPDATE = ['crsAid', 'uiccAid', 'pinP2'];
+
+  const PIN_DEFAULTS = {
+    MAX_PIN_ATTEMPTS: 3,
+    MAX_PUK_ATTEMPTS: 10,
+    PIN_LEN: 4,
+    MAX_SIM_PIN_LEN: 8,
+    PIN_PADDING: 255
+  };
+
+  exports.DEFAULTS = DEFAULTS;
+  exports.SIM_REFRESH = SIM_REFRESH;
+  exports.SIM_UPDATE = SIM_UPDATE;
+  exports.PIN_DEFAULTS = PIN_DEFAULTS;
+
+}((typeof exports === 'undefined') ? window : exports));

gaia/dev_apps/mobile-wallet/js/settings/settings_controller.js

@@ -0,0 +1,196 @@
+'use strict';
+
+/* globals addMixin, DebugMixin, ObserverSubjectMixin, SettingsView, DEFAULTS */
+/* exported SettingsController */
+
+(function(exports) {
+
+  var SettingsController = function(id, viewId, pinCtrl) {
+    this._id = id;
+    this._pinCtrl = pinCtrl;
+
+    addMixin(this, DebugMixin);
+    addMixin(this, ObserverSubjectMixin);
+
+    this._init(viewId);
+  };
+
+  SettingsController.prototype = {
+    _id: null,
+    _view: null,
+
+    _settingsData: {
+      'pin': DEFAULTS.PIN,
+      'fastPay': DEFAULTS.FASTPAY,
+      'crsAid': DEFAULTS.CRS_AID,
+      'uiccAid': DEFAULTS.UICC_AID,
+      'pinP2': DEFAULTS.PIN_P2,
+      'defaultPin': DEFAULTS.PIN_VALUE
+    },
+
+    get pinEnabled() {
+      return this._settingsData.pin;
+    },
+
+    get fastpayEnabled() {
+      return this._settingsData.fastPay;
+    },
+
+    get crsAid() {
+      return this._settingsData.crsAid;
+    },
+
+    get uiccAid() {
+      return this._settingsData.uiccAid;
+    },
+
+    get pinP2() {
+      return this._settingsData.pinP2;
+    },
+
+    get defaultPin() {
+      return this._settingsData.defaultPin;
+    },
+
+    show: function() {
+      this._view.visible = true;
+    },
+
+    hide: function() {
+      this._view.visible = false;
+    },
+
+    _init: function(viewId) {
+      Object.keys(this._settingsData).forEach(s => {
+        this._settingsData[s] = this._readSetting(s, this._settingsData[s]);
+      });
+
+      this._view = new SettingsView(viewId, Object.create(this._settingsData));
+      this._view.addListener(this);
+      this._view.setSubViewContent('settings-pin', this._pinCtrl.view);
+    },
+
+    _readSetting: function(settingName, defValue) {
+      var settingVal = localStorage.getItem(settingName);
+      if(settingVal === 'true' || settingVal === 'false') {
+        settingVal = (settingVal === 'true');
+      }
+
+      if(settingVal === null && defValue !== undefined) {
+        localStorage.setItem(settingName, defValue);
+        settingVal = defValue;
+      }
+
+      return settingVal;
+    },
+
+    onEvent: function(id, event) {
+      this.debug('Event from: ' + id + ', ' + JSON.stringify(event));
+      switch(event.action) {
+        case 'editing-finished': this._handleInput(event.data); break;
+        case 'pin-toggle': this._handlePinToggle(event.data.checked); break;
+        case 'pin-change': this._handlePinChange(); break;
+        case 'pin-cancel': this._handlePinCancel(); break;
+      }
+    },
+
+    addPinComponent: function(pinCtrl) {
+      this._pinCtrl = pinCtrl;
+      this._view.setSubViewContent('settings-pin', this._pinCtrl.view);
+    },
+
+    _handlePinToggle: function(enable) {
+      this._view.showSubview('settings-pin');
+      if(enable) {
+        this._handlePinEnable();
+      } else {
+        this._handlePinDisable();
+      }
+    },
+
+    _handlePinEnable: function() {
+      this._pinCtrl.enablePin()
+      .then((enabled) => {
+        this._view.pinEnabled = enabled;
+        if(enabled) {
+          this._view.hideSubview('settings-pin');
+          this._pin = true;
+          localStorage.setItem('pin', this._pin);
+          this._view.showStatus('Wallet PIN enabled successfully');
+        } else {
+          this.debug('PIN enable failure');
+          this._view.showStatus('Failed to enable Wallet PIN');
+        }
+      })
+      .catch(e => {
+        if(e !== 'pin-cancelled') {
+          this._view.hideSubview('settings-pin');
+          this._notify({ error: e, msg: 'PIN enable error' });
+        }
+      });
+    },
+
+    _handlePinDisable: function() {
+      this._pinCtrl.disablePin()
+      .then((disabled) => {
+        this._view.hideSubview('settings-pin');
+        this._view.pinEnabled = !disabled;
+        if(disabled) {
+          this._pin = false;
+          localStorage.setItem('pin', this._pin);
+          this._view.showStatus('Wallet PIN disabled successfully');
+        } else {
+          this.debug('PIN disable failure');
+          this._view.showStatus('Failed to disable Wallet PIN');
+        }
+      })
+      .catch(e => {
+        if(e !== 'pin-cancelled') {
+          this._view.hideSubview('settings-pin');
+          this._notify({ error: e, msg: 'PIN disable error' });
+        }
+      });
+    },
+
+    _handlePinChange: function() {
+      this._view.showSubview('settings-pin');
+      this._pinCtrl.changePin()
+      .then((success) => {
+        this._view.hideSubview('settings-pin');
+        if(success) {
+          this._view.showStatus('Wallet PIN changed successfully');
+        } else {
+          this.debug('Change failed');
+          this._view.showStatus('Failed to change Wallet PIN');
+        }
+      })
+      .catch(e => {
+        if(e !== 'pin-cancelled') {
+          this._view.hideSubview('settings-pin');
+          this._notify({ error: e, msg: 'PIN chnage error' });
+        }
+      });
+    },
+
+    _handlePinCancel() {
+      this._pinCtrl.cancelPinAction();
+    },
+
+    _handleInput: function(data) {
+      var changes = {};
+      Object.keys(data).forEach(s => {
+        if(this._settingsData[s] !== data[s]) {
+          this._settingsData[s] = data[s];
+          changes[s] = data[s];
+          localStorage.setItem(s, data[s]);
+        }
+      });
+
+      if(Object.keys(changes).length) {
+        this._notify({ action: 'settings-updated', changes: changes });
+      }
+    },
+  };
+
+  exports.SettingsController = SettingsController;
+}((typeof exports === 'undefined') ? window : exports));

gaia/dev_apps/mobile-wallet/js/settings/settings_sub_view.js

@@ -0,0 +1,49 @@
+'use strict';
+
+/* exported SettingsSubView */
+
+(function(exports) {
+  var SettingsSubView = function(id, onCloseCb) {
+    this._id = id;
+    this._onCloseCallback = onCloseCb;
+    this._el = document.querySelector('#'+id);
+    this._el.querySelector('header button.icon-back')
+    .addEventListener('click', () => {
+      this.visible = false;
+      if(this._onCloseCallback) {
+        this._onCloseCallback();
+      }
+    });
+  };
+
+  SettingsSubView.prototype = {
+    _el: null,
+    _id: null,
+    _visible: false,
+
+    _onCloseCallback: null,
+
+    get visible() {
+      return this._visible;
+    },
+
+    set visible(value) {
+      if(value) {
+        this._visible = true;
+        this._el.classList.add('slide-in');
+      } else {
+        this._visible = false;
+        this._el.classList.remove('slide-in');
+      }
+    },
+
+    set content(el) {
+      var contentEl = this._el.querySelector('.subview-content');
+      this._el.replaceChild(el, contentEl);
+      el.classList.add('subview-content');
+    },
+  };
+
+  exports.SettingsSubView = SettingsSubView;
+
+}((typeof exports === 'undefined') ? window : exports));

gaia/dev_apps/mobile-wallet/js/settings/settings_view.js

@@ -0,0 +1,152 @@
+'use strict';
+
+/* globals addMixin, ObserverSubjectMixin, DebugMixin, SettingsSubView,
+           ConfigSubView */
+/* exported SettingsView */
+
+(function(exports) {
+  const STATUS_TIMEOUT = 4000; // ms
+
+  var SettingsView = function(id, options) {
+    this._id = id;
+    this._el = document.querySelector('#' + id);
+
+    this._initMainView(options.pin, options.fastPay);
+    this._initSubViews(options);
+
+    addMixin(this, ObserverSubjectMixin);
+    addMixin(this, DebugMixin);
+  };
+
+  SettingsView.prototype = {
+    _el: null,
+    _id: null,
+    _visible: false,
+    _subviews: [],
+
+    _pinCheckbox: null,
+    _fastPayCheckbox: null,
+
+    _pinChangeBtn: null,
+    _pinEnabled: false,
+
+    get visible() {
+      return this._visible;
+    },
+
+    set visible(value) {
+      if(value) {
+        this._visible = true;
+        this._el.classList.remove('hide');
+        this._el.classList.add('edit');
+      } else {
+        this._subviews.forEach((v) => { v.visible = false; });
+        this._visible = false;
+        this._el.classList.remove('edit');
+      }
+    },
+
+    set pinEnabled(value) {
+      this._pinCheckbox.checked = value;
+      if(value) {
+        this._pinChangeBtn.classList.remove('settings-disabled');
+      } else {
+        this._pinChangeBtn.classList.add('settings-disabled');
+      }
+    },
+
+    _initMainView: function(pin, fastPay) {
+      this._pinCheckbox = this._el.querySelector('#pin-checkbox');
+      this._pinCheckbox.addEventListener('change', () => {
+        this._notify({
+          action: 'pin-toggle',
+          data: { checked: this._pinCheckbox.checked }
+        });
+        this.pinEnabled = !this._pinCheckbox.checked;
+      });
+
+      this._pinChangeBtn = this._el.querySelector('#pin-change-btn');
+      this._pinChangeBtn.addEventListener('click', () => {
+        this._notify({ action: 'pin-change' });
+      });
+
+      this.pinEnabled = pin;
+
+      this._fastPayCheckbox = this._el.querySelector('#fast-pay');
+      this._fastPayCheckbox.checked = fastPay;
+
+      this._el.querySelector('#settings-done').addEventListener('click',
+        () => this._handleEditingFinished());
+    },
+
+    _initSubViews: function(cfg){
+      var config = new ConfigSubView('settings-configuration', cfg.crsAid,
+                                     cfg.uiccAid, cfg.pinP2, cfg.defaultPin);
+      this._el.querySelector('#adv-settings-btn')
+              .addEventListener('click', () => { config.visible = true; });
+
+      var about = new SettingsSubView('settings-about');
+      this._el.querySelector('#about-btn')
+              .addEventListener('click', () => { about.visible = true; });
+
+      var pinCloseHandler = () => this._handlePinViewClosed();
+      var pin = new SettingsSubView('settings-pin', pinCloseHandler);
+
+      this._subviews.push(config);
+      this._subviews.push(about);
+      this._subviews.push(pin);
+    },
+
+    _getSubView: function(id) {
+      return this._subviews.find(v => v._id === id);
+    },
+
+    setSubViewContent: function(id, content) {
+      var subView = this._getSubView(id);
+      if(subView) {
+        subView.content = content;
+      }
+    },
+
+    showSubview: function(id, hide) {
+      var subView = this._getSubView(id);
+      if(subView) {
+        subView.visible = !hide;
+      }
+    },
+
+    hideSubview: function(id) {
+      this.showSubview(id, true);
+    },
+
+    showStatus: function(statusMsg) {
+      this._el.querySelector('#settings-status p').textContent = statusMsg;
+      var status = this._el.querySelector('#settings-status');
+      status.classList.add('visible');
+      setTimeout(() => status.classList.remove('visible'), STATUS_TIMEOUT);
+    },
+
+    _handleEditingFinished: function _handleEditingFinished() {
+      var conf = this._getSubView('settings-configuration');
+
+      this._notify({
+        action: 'editing-finished',
+        data: {
+          pin: this._pinCheckbox.checked,
+          fastPay: this._fastPayCheckbox.checked,
+          crsAid: conf.crsInput.value,
+          uiccAid: conf.uiccInput.value,
+          pinP2: conf.pinP2Input.value,
+          defaultPin: conf.defaultPinInput.value
+        }
+      });
+      this.visible = false;
+    },
+
+    _handlePinViewClosed: function _handlePinViewClosed() {
+      this._notify({ action: 'pin-cancel' });
+    }
+  };
+
+  exports.SettingsView = SettingsView;
+}((typeof exports === 'undefined') ? window : exports));