toloframework/ker/mod/wdg.input-phone.js

Javascript/HTML/CSS compiler for Firefox OS or nodewebkit apps using modules in the nodejs style.

"use strict";
var Storage = require("tfw.storage").local;
var Widget = require("wdg");
var Input = require("wdg.input");

var LG = require("tfw.layout-grid").create;
var D = Widget.div;
var T = Widget.tag;

/**
 * @example
 * var InputPhone = require("wdg.input-phone");
 * var instance = new InputPhone(options);
 * @class InputPhone
 */
var InputPhone = function(options) {
    Widget.call(this);
    this.addClass("wdg-input-phone");
    var inpSMS = new Input(
        {
            placeholder: "Phone Number",
            width: "8em"
        }
    );
    if (typeof options.save === 'string') {
        inpSMS.val(Storage.get(options.save, ''));
        inpSMS.Change(function () {
            Storage.set(options.save, inpSMS.val());
        });
    }

    var btnContact = T("a").text("Contacts");
    this.append(LG([inpSMS, btnContact]));
    if ('MozActivity' in window) {
        var name = D("contact-name");
        this.append(name);
        btnContact.Tap(function () {
            var pick = new MozActivity({
                name: "pick",
                data: {
                    type: "webcontacts/contact"
                }
            });
            pick.onsuccess = function () {
                var contact = this.result;
                if( contact ){
                    console.info("[wdg.input-phone] contact=...", contact);
                    inpSMS.val(contact.number);
                    Storage.set(options.save, contact.number);
                    name.text(contact.name[0]);
                }
            };
        });
    } else {
        btnContact.attr("disabled", "true");
    }
    this._inpSMS = inpSMS;
};

// Extension of Widget.
InputPhone.prototype = Object.create(Widget.prototype);
InputPhone.prototype.constructor = InputPhone;

// TODO: put your prototypes here...


InputPhone.create = function(options) {
    return new InputPhone(options);
};
module.exports = InputPhone;