gecko-dev/mobile/android/modules/InputWidgetHelper.jsm

/* 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";

var EXPORTED_SYMBOLS = ["InputWidgetHelper"];

const { XPCOMUtils } = ChromeUtils.import(
  "resource://gre/modules/XPCOMUtils.jsm"
);

XPCOMUtils.defineLazyModuleGetters(this, {
  Prompt: "resource://gre/modules/Prompt.jsm",
  Services: "resource://gre/modules/Services.jsm",
});

var InputWidgetHelper = {
  _uiBusy: false,

  strings: function() {
    if (!this._strings) {
      this._strings = Services.strings.createBundle(
        "chrome://browser/locale/browser.properties"
      );
    }
    return this._strings;
  },

  handleEvent: function(aEvent) {
    this.handleClick(aEvent.composedTarget);
  },

  handleClick: function(aTarget) {
    // if we're busy looking at a InputWidget we want to eat any clicks that
    // come to us, but not to process them
    if (
      this._uiBusy ||
      !this.hasInputWidget(aTarget) ||
      this._isDisabledElement(aTarget)
    ) {
      return;
    }

    this._uiBusy = true;
    this.show(aTarget);
    this._uiBusy = false;
  },

  show: function(aElement) {
    let type = aElement.type;
    new Prompt({
      window: aElement.ownerGlobal,
      title: this.strings().GetStringFromName("inputWidgetHelper." + type),
      buttons: [
        this.strings().GetStringFromName("inputWidgetHelper.set"),
        this.strings().GetStringFromName("inputWidgetHelper.clear"),
        this.strings().GetStringFromName("inputWidgetHelper.cancel"),
      ],
    })
      .addDatePicker({
        value: aElement.value,
        type: type,
        step: this._getInputTimeStep(aElement),
        min: aElement.min,
        max: aElement.max,
      })
      .show(data => {
        let changed = false;
        if (data.button == -1) {
          // This type is not supported with this android version.
          return;
        }
        if (data.button == 1) {
          // The user cleared the value.
          if (aElement.value != "") {
            aElement.value = "";
            changed = true;
          }
        } else if (data.button == 0) {
          // Commit the new value.
          if (aElement.value != data[type]) {
            aElement.value = data[type + "0"];
            changed = true;
          }
        }
        // Else the user canceled the input.

        if (changed) {
          this.fireOnChange(aElement);
        }
      });
  },

  hasInputWidget: function(aElement) {
    let win = aElement.ownerGlobal;
    if (!(aElement instanceof win.HTMLInputElement)) {
      return false;
    }

    let type = aElement.type;
    if (
      type == "date" ||
      type == "datetime-local" ||
      type == "week" ||
      type == "month" ||
      type == "time"
    ) {
      return true;
    }

    return false;
  },

  fireOnChange: function(aElement) {
    let win = aElement.ownerGlobal;
    win.setTimeout(function() {
      aElement.dispatchEvent(new win.Event("input", { bubbles: true }));
      aElement.dispatchEvent(new win.Event("change", { bubbles: true }));
    }, 0);
  },

  _isDisabledElement: function(aElement) {
    let currentElement = aElement;
    while (currentElement) {
      if (currentElement.disabled) {
        return true;
      }

      currentElement = currentElement.parentElement;
    }
    return false;
  },

  // The step in milliseconds.
  _getInputTimeStep: function(aElement) {
    try {
      // Delegate the implementation to HTMLInputElement::GetStep.
      let tmpInput = aElement.ownerDocument.createElement("input");
      tmpInput.type = aElement.type;
      tmpInput.step = aElement.step;
      // May throw if the type is unsupported.
      tmpInput.stepUp();
      return tmpInput.valueAsNumber || 0; // Prefer 0 over NaN.
    } catch (e) {
      return 0;
    }
  },
};