diff options
Diffstat (limited to 'node_modules/montage-user/ui/bluemoon/textfield.reel')
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 | */ | ||
11 | var 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 | */ | ||
17 | var 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 | |||