aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage-user/ui/bluemoon/textfield.reel
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/montage-user/ui/bluemoon/textfield.reel')
-rw-r--r--node_modules/montage-user/ui/bluemoon/textfield.reel/textfield.css35
-rw-r--r--node_modules/montage-user/ui/bluemoon/textfield.reel/textfield.html16
-rw-r--r--node_modules/montage-user/ui/bluemoon/textfield.reel/textfield.js56
3 files changed, 107 insertions, 0 deletions
diff --git a/node_modules/montage-user/ui/bluemoon/textfield.reel/textfield.css b/node_modules/montage-user/ui/bluemoon/textfield.reel/textfield.css
new file mode 100644
index 00000000..59e638bc
--- /dev/null
+++ b/node_modules/montage-user/ui/bluemoon/textfield.reel/textfield.css
@@ -0,0 +1,35 @@
1/* <copyright>
2 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5 </copyright> */
6
7.montage-textfield {
8 line-height: 1em;
9 z-index: 1;
10 cursor: pointer;
11 background-color: hsl(0, 0%, 80%);
12 border: 1px solid hsl(0, 0%, 40%);
13 padding: 5px;
14 width: 300px;
15 font-size: 1.0em;
16}
17
18.montage-textfield:focus {
19 background-color: hsl(0, 100%, 99%);
20 border: 2px solid hsl(0, 0%, 40%);
21}
22
23.montage-text-invalid {
24 border: 2px solid #E73525;
25 border-style: dashed;
26}
27
28.montage-error-text {
29 /*color: #E73525;
30 margin: 2px 0;
31 background-image: url(dialog_warning.png);
32 background-repeat: no-repeat;
33 padding: 5px 0 5px 32px;
34 */
35}
diff --git a/node_modules/montage-user/ui/bluemoon/textfield.reel/textfield.html b/node_modules/montage-user/ui/bluemoon/textfield.reel/textfield.html
new file mode 100644
index 00000000..4175d1d3
--- /dev/null
+++ b/node_modules/montage-user/ui/bluemoon/textfield.reel/textfield.html
@@ -0,0 +1,16 @@
1<!DOCTYPE html>
2<!-- <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> -->
7<html>
8<head>
9 <title></title>
10 <link rel="stylesheet" type="text/css" href="textfield.css">
11
12</head>
13<body>
14
15</body>
16</html>
diff --git a/node_modules/montage-user/ui/bluemoon/textfield.reel/textfield.js b/node_modules/montage-user/ui/bluemoon/textfield.reel/textfield.js
new file mode 100644
index 00000000..6de3d636
--- /dev/null
+++ b/node_modules/montage-user/ui/bluemoon/textfield.reel/textfield.js
@@ -0,0 +1,56 @@
1/* <copyright>
2 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5 </copyright> */
6/**
7 @module "montage/ui/bluemoon/textfield.reel"
8 @requires montage/core/core
9 @requires montage/ui/editable-text
10*/
11var Montage = require("montage").Montage,
12 EditableText = require("ui/editable-text").EditableText;
13/**
14 @class module:"montage/ui/bluemoon/textfield.reel".Textfield
15 @extends module:montage/ui/editable-text.EditableText
16*/
17var Textfield = exports.Textfield = Montage.create(EditableText,/** @lends module:"montage/ui/bluemoon/textfield.reel".Textfield# */ {
18/**
19 Description TODO
20 @type {Property}
21 @default null
22 */
23 delegate: {
24 enumerable: true,
25 value: null
26 },
27
28 _placeholder: {
29 value: null
30 },
31
32 placeholder: {
33 get: function() {
34 return this._placeholder;
35 },
36 set: function(value) {
37 if(this._placeholder !== value) {
38 this._placeholder = value;
39 this.needsDraw = true;
40 }
41 }
42 },
43/**
44 Description TODO
45 @private
46*/
47 _drawSpecific: {
48 enumerable: false,
49 value: function() {
50 this.element.classList.add('montage-textfield');
51
52 this.element.placeholder = this._placeholder;
53 }
54 }
55});
56