Source: js/system_simcard_dialog.js

  1. /* global SimPinDialog */
  2. 'use strict';
  4. (function(exports) {
  6.   /**
  7.    * @class SimPinSystemDialog
  8.    * @param {options} object for attributes `onShow`, `onHide` callback.
  9.    * @extends SystemDialog
  10.    */
  11.   var SimPinSystemDialog = function SimPinSystemDialog(options) {
  12.     if (options) {
  13.       this.options = options;
  14.     }
  15.     /**
  16.      * render the dialog
  17.      */
  18.     this.render();
  19.     this.publish('created');
  20.   };
  22.   SimPinSystemDialog.prototype = Object.create(window.SystemDialog.prototype);
  24.   SimPinSystemDialog.prototype.customID = 'simpin-dialog';
  26.   SimPinSystemDialog.prototype.DEBUG = false;
  28.   SimPinSystemDialog.prototype.focus = function() {
  29.     // We will combine SimPinDialog and SimPinSystemDialog in
  30.     // mobile connection subsystem
  31.     SimPinDialog.focus();
  32.   };
  34.   SimPinSystemDialog.prototype.requestFocus = function() {
  35.     this.publish('requestfocus');
  36.   };
  38.   SimPinSystemDialog.prototype.view = function spd_view() {
  39.     return `<div id="${this.instanceID}" role="dialog"
  40.            class="generic-dialog" data-z-index-level="system-dialog" hidden>
  41.            <section role="region">
  42.              <gaia-header>
  43.                <h1></h1>
  44.              </gaia-header>
  45.              <div class="container">
  46.              <div id="errorMsg" class="error" hidden>
  47.                <div id="messageHeader"></div>
  48.                <span id="messageBody"></span>
  49.              </div>
  50.              <!-- tries left -->
  51.              <div id="triesLeft" data-l10n-id="inputCodeRetriesLeft" hidden>
  52.              </div>
  53.              <!-- sim pin input field -->
  54.              <div id="pinArea" hidden>
  55.                <div data-l10n-id="simPin"></div>
  56.                <div class="input-wrapper">
  57.                  <input name="simpin" type="password" x-inputmode="digit"
  58.                  size="8" maxlength="8" />
  59.                </div>
  60.              </div>
  61.              <!-- sim puk input field -->
  62.              <div id="pukArea" hidden>
  63.                <div data-l10n-id="pukCode"></div>
  64.                <div class="input-wrapper">
  65.                  <input name="simpuk" type="password" x-inputmode="digit"
  66.                  size="8" maxlength="8" />
  67.                </div>
  68.              </div>
  69.              <!-- sim nck/cck/spck input field -->
  70.              <div id="xckArea" hidden>
  71.                <div name="xckDesc" data-l10n-id="nckCode"></div>
  72.                <div class="input-wrapper">
  73.                  <input name="xckpin" type="number" size="16"
  74.                  maxlength="16" />
  75.                </div>
  76.              </div>
  77.              <!-- new sim pin input field -->
  78.              <div id="newPinArea" hidden>
  79.                <div data-l10n-id="newSimPinMsg"></div>
  80.                <div class="input-wrapper">
  81.                  <input name="newSimpin" type="password"
  82.                  x-inputmode="digit" size="8" maxlength="8" />
  83.                </div>
  84.              </div>
  85.              <!-- confirm new sim pin input field -->
  86.              <div id="confirmPinArea" hidden>
  87.                <div data-l10n-id="confirmNewSimPinMsg"></div>
  88.                <div class="input-wrapper">
  89.                  <input name="confirmNewSimpin" type="password"
  90.                  x-inputmode="digit" size="8" maxlength="8" />
  91.                </div>
  92.              </div>
  93.              </div>
  94.            </section>
  95.            <menu data-items="2">
  96.              <button type="reset" data-l10n-id="skip"></button>
  97.              <button data-l10n-id="ok" type="submit"></button>
  98.            </menu>
  99.            </div>`;
  100.   };
  102.   // Get all elements when inited.
  103.   SimPinSystemDialog.prototype._fetchElements =
  104.     function spd__fetchElements() {
  106.   };
  108.   // Register events when all elements are got.
  109.   SimPinSystemDialog.prototype._registerEvents =
  110.     function spd__registerEvents() {
  112.     };
  114.   exports.SimPinSystemDialog = SimPinSystemDialog;
  116. }(window));