• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1// Copyright (c) 2012 The Chromium Authors. All rights reserved.
2// Use of this source code is governed by a BSD-style license that can be
3// found in the LICENSE file.
4
5cr.define('options.accounts', function() {
6  /**
7   * Email alias only, assuming it's a gmail address.
8   *   e.g. 'john'
9   *        {name: 'john', email: 'john@gmail.com'}
10   * @const
11   */
12  var format1String =
13      '^\\s*([\\w\\.!#\\$%&\'\\*\\+-\\/=\\?\\^`\\{\\|\\}~]+)\\s*$';
14  /**
15   * Email address only.
16   *   e.g. 'john@chromium.org'
17   *        {name: 'john', email: 'john@chromium.org'}
18   * @const
19   */
20  var format2String =
21      '^\\s*([\\w\\.!#\\$%&\'\\*\\+-\\/=\\?\\^`\\{\\|\\}~]+)@' +
22      '([A-Za-z0-9\-]{2,63}\\..+)\\s*$';
23  /**
24   * Full format.
25   *   e.g. '"John Doe" <john@chromium.org>'
26   *        {name: 'John doe', email: 'john@chromium.org'}
27   * @const
28   */
29  var format3String =
30      '^\\s*"{0,1}([^"]+)"{0,1}\\s*' +
31      '<([\\w\\.!#\\$%&\'\\*\\+-\\/=\\?\\^`\\{\\|\\}~]+@' +
32      '[A-Za-z0-9\-]{2,63}\\..+)>\\s*$';
33
34  /**
35   * Creates a new user name edit element.
36   * @param {Object=} opt_propertyBag Optional properties.
37   * @constructor
38   * @extends {HTMLInputElement}
39   */
40  var UserNameEdit = cr.ui.define('input');
41
42  UserNameEdit.prototype = {
43    __proto__: HTMLInputElement.prototype,
44
45    /**
46     * Called when an element is decorated as a user name edit.
47     */
48    decorate: function() {
49      this.pattern = format1String + '|' + format2String + '|' +
50                     format3String;
51
52      this.onkeydown = this.handleKeyDown_.bind(this);
53    },
54
55
56    /**
57     * Parses given str for user info.
58     *
59     * Note that the email parsing is based on RFC 5322 and does not support
60     * IMA (Internationalized Email Address). We take only the following chars
61     * as valid for an email alias (aka local-part):
62     *   - Letters: a–z, A–Z
63     *   - Digits: 0-9
64     *   - Characters: ! # $ % & ' * + - / = ? ^ _ ` { | } ~
65     *   - Dot: . (Note that we did not cover the cases that dot should not
66     *       appear as first or last character and should not appear two or
67     *       more times in a row.)
68     *
69     * @param {string} str A string to parse.
70     * @return {?{name: string, email: string}} User info parsed from the
71     *     string.
72     */
73    parse: function(str) {
74      /** @const */ var format1 = new RegExp(format1String);
75      /** @const */ var format2 = new RegExp(format2String);
76      /** @const */ var format3 = new RegExp(format3String);
77
78      var matches = format1.exec(str);
79      if (matches) {
80        return {
81          name: matches[1],
82          email: matches[1] + '@gmail.com'
83        };
84      }
85
86      matches = format2.exec(str);
87      if (matches) {
88        return {
89          name: matches[1],
90          email: matches[1] + '@' + matches[2]
91        };
92      }
93
94      matches = format3.exec(str);
95      if (matches) {
96        return {
97          name: matches[1],
98          email: matches[2]
99        };
100      }
101
102      return null;
103    },
104
105    /**
106     * Handler for key down event.
107     * @private
108     * @param {Event} e The keydown event object.
109     */
110    handleKeyDown_: function(e) {
111      if (e.keyIdentifier == 'Enter') {
112        var user = this.parse(this.value);
113        if (user) {
114          var event = new Event('add');
115          event.user = user;
116          this.dispatchEvent(event);
117        }
118        this.select();
119        // Avoid double-handling so the dialog doesn't close.
120        e.stopPropagation();
121      }
122    }
123  };
124
125  return {
126    UserNameEdit: UserNameEdit
127  };
128});
129
130