Add a <cr-input> element to cr_elements.

ui/webui/resources/cr_elements/cr_input/cr_input.html

Index: ui/webui/resources/cr_elements/cr_input/cr_input.html
diff --git a/ui/webui/resources/cr_elements/cr_input/cr_input.html b/ui/webui/resources/cr_elements/cr_input/cr_input.html
new file mode 100644
index 0000000000000000000000000000000000000000..0732511b9397ac3f90f2246f76f6011f9018d222
--- /dev/null
+++ b/ui/webui/resources/cr_elements/cr_input/cr_input.html
@@ -0,0 +1,19 @@
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="import"
+    href="chrome://resources/polymer/paper-input/paper-input-decorator.html">
+<link rel="import" href="chrome://resources/polymer/core-input/core-input.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_events/cr_events.html">

[michaelpg, 2015/02/13 00:08:29]

nit: let's be consistent in wrapping

[Jeremy Klein, 2015/02/13 00:22:54]

Done.

+
+<polymer-element name="cr-input">
+  <template>
+    <link rel="stylesheet" href="cr_input.css">
+    <cr-events id="events"></cr-events>
+
+    <paper-input-decorator id="decorator" label="{{label}}" floatingLabel="{{floatingLabel}}"

[michaelpg, 2015/02/13 00:08:28]

nit: 12, 14, 15 should be limited to 80 chars wide

[michaelpg, 2015/02/13 00:08:29]

we use {{ spaces }} inside data-binding braces

[Jeremy Klein, 2015/02/13 00:22:54]

Where did this convention come from? This isn't done in any of the core/paper
elements. Happy to change it, but when was this decision made?

[Jeremy Klein, 2015/02/13 00:22:55]

Waiting on verification about 80-char limit. If we need it, I'll also need to
change the imports.

[michaelpg, 2015/02/13 05:45:13]

Hmm, I guess the truth is *I* use {{ spaces }} inside the braces. I guess we
should stick with the Polymer style of not using spaces, so this is good as-is.

1. Polymer files (third_party/Polymer/) don't use spaces: {{label}}

2. non-infra Chrome doesn't use spaces: {{label}} (19 files out of 23, not
counting cr-toggle-button for now)

3. sheriff-o-matic uses spaces: {{ label }} (17 files out of 21)

Personally I think spaces are more readable, and I carried that style over from
sheriff-o-matic without realizing other elements in Chrome didn't use spaces.
But it's more important that we stay consistent with 1) and 2) than with 3) and
it doesn't bother me too much.

[1]
https://code.google.com/p/chromium/codesearch#search/&q=polymer%20file:.html%...

[2]
https://code.google.com/p/chromium/codesearch#search/&q=polymer%20file:.html%...

[3]
https://code.google.com/p/chromium/codesearch#search/&q=polymer%20file:.html%...

[michaelpg, 2015/02/18 00:17:18]

ping on this nit

[Jeremy Klein, 2015/02/18 01:10:49]

Done.

+        value="{{value}}" disabled?="{{disabled}}" error="{{error}}">
+      <input is="core-input" id="input" value="{{value}}" committedValue="{{committedValue}}"
+          disabled?="{{disabled}}" required="{{required}}" pattern="{{pattern}}" type="{{type}}">
+    </paper-input-decorator>
+  </template>
+  <script src="cr_input.js"></script>
+</polymer-element>