diff options
author | Armen Kesablyan | 2012-02-07 16:55:34 -0800 |
---|---|---|
committer | Armen Kesablyan | 2012-02-07 16:55:34 -0800 |
commit | 10f0ad4c15f090b2d0d50d11e4c7aaf291e9eb0e (patch) | |
tree | 12b31910a3c7c7fa2ee0b26d8aaa611710e139a5 /node_modules/montage/ui/checkbox.reel | |
parent | 7f8730c3add146f1ba107e6fc22d1f5a8348ed8b (diff) | |
parent | 668510892537eaaeb2e11520831d87b44b2489b7 (diff) | |
download | ninja-10f0ad4c15f090b2d0d50d11e4c7aaf291e9eb0e.tar.gz |
Merge branch 'master' of github.com:Motorola-Mobility/ninja-internal into text-tool
Conflicts:
_scss/compass_app_log.txt
css/ninja.css
Diffstat (limited to 'node_modules/montage/ui/checkbox.reel')
-rwxr-xr-x | node_modules/montage/ui/checkbox.reel/checkbox.css | 116 | ||||
-rwxr-xr-x | node_modules/montage/ui/checkbox.reel/checkbox.html | 14 | ||||
-rw-r--r--[-rwxr-xr-x] | node_modules/montage/ui/checkbox.reel/checkbox.js | 464 | ||||
-rwxr-xr-x | node_modules/montage/ui/checkbox.reel/checkmark-dark-disabled.svg | 5 | ||||
-rwxr-xr-x | node_modules/montage/ui/checkbox.reel/checkmark-dark.svg | 7 | ||||
-rwxr-xr-x | node_modules/montage/ui/checkbox.reel/checkmark-light-disabled.svg | 5 | ||||
-rwxr-xr-x | node_modules/montage/ui/checkbox.reel/checkmark.svg | 7 |
7 files changed, 19 insertions, 599 deletions
diff --git a/node_modules/montage/ui/checkbox.reel/checkbox.css b/node_modules/montage/ui/checkbox.reel/checkbox.css deleted file mode 100755 index 47be7f55..00000000 --- a/node_modules/montage/ui/checkbox.reel/checkbox.css +++ /dev/null | |||
@@ -1,116 +0,0 @@ | |||
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 | .montage-checkbox { | ||
7 | display: inline-block; | ||
8 | width: 53px; | ||
9 | height: 53px; | ||
10 | } | ||
11 | |||
12 | .montage-checkbox .background { | ||
13 | display: block; | ||
14 | position: absolute; | ||
15 | width: 53px; | ||
16 | height: 53px; | ||
17 | border-radius: 27px; | ||
18 | background: #CCC; | ||
19 | -webkit-box-shadow: inset 0 1px 2px #8D8D8D, 0 2px 2px rgba(255,255,255,.4), 0 -2px 2px rgba(0,0,0,.1); | ||
20 | -webkit-transform: scale3d(.5283, .5283, 1); | ||
21 | } | ||
22 | |||
23 | .montage-checkbox .button { | ||
24 | display: block; | ||
25 | position: absolute; | ||
26 | width: 49px; | ||
27 | height: 49px; | ||
28 | border-radius: 25px; | ||
29 | background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#E6E6E6)); | ||
30 | -webkit-transform: translate3d(2px, 2px, 0) scale3d(.5283, .5283, 1); | ||
31 | } | ||
32 | |||
33 | .montage-checkbox .checkmark { | ||
34 | display: block; | ||
35 | position: absolute; | ||
36 | width: 63px; | ||
37 | height: 53px; | ||
38 | background: url(checkmark.svg) no-repeat 10px 0; | ||
39 | background-size: 53px 53px; | ||
40 | -webkit-transform-origin: 26.5px 26.5px; | ||
41 | -webkit-transform: scale3d(.5283, .5283, 1); | ||
42 | opacity: 0; | ||
43 | } | ||
44 | |||
45 | .montage-checkbox.active .background, .montage-checkbox.active .button, .montage-checkbox.active .checkmark{ | ||
46 | -webkit-transition-duration: 150ms; | ||
47 | -webkit-transition-property: all; | ||
48 | } | ||
49 | |||
50 | .montage-checkbox .checkmark{ | ||
51 | -webkit-transition-duration: 360ms; | ||
52 | } | ||
53 | |||
54 | .montage-checkbox input[type=checkbox] { | ||
55 | -webkit-appearance: none; | ||
56 | -webkit-tap-highlight-color: transparent; | ||
57 | display: inline-block; | ||
58 | position: absolute; | ||
59 | border: 0; | ||
60 | border-radius: 27px; | ||
61 | margin: 0; | ||
62 | padding: 0; | ||
63 | width: 53px; | ||
64 | height: 53px; | ||
65 | background: transparent; | ||
66 | } | ||
67 | |||
68 | .montage-checkbox.active .background, | ||
69 | .montage-checkbox.active .button, | ||
70 | .montage-checkbox.active .checkmark { | ||
71 | -webkit-transform: scale3d(1, 1, 1); | ||
72 | } | ||
73 | |||
74 | .montage-checkbox.active .button { | ||
75 | opacity: 0; | ||
76 | } | ||
77 | |||
78 | .montage-checkbox.checked .checkmark { | ||
79 | opacity: 1; | ||
80 | } | ||
81 | |||
82 | .montage-checkbox.dark .checkmark { | ||
83 | background-image: url(checkmark-dark.svg); | ||
84 | } | ||
85 | |||
86 | .montage-checkbox.dark .button { | ||
87 | background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#5c5c5c)); | ||
88 | } | ||
89 | |||
90 | .montage-checkbox.dark .background { | ||
91 | background: #404040; | ||
92 | -webkit-box-shadow: inset 0 1px 2px #333, 0 2px 2px rgba(255,255,255,.2), 0 -2px 2px rgba(0,0,0,.1); | ||
93 | } | ||
94 | |||
95 | .montage-checkbox.disabled .background { | ||
96 | margin: 12px 0 0 13px; | ||
97 | width: 26px; | ||
98 | height: 26px; | ||
99 | background: transparent; | ||
100 | -webkit-box-shadow: none; | ||
101 | border: 1px solid #000; | ||
102 | -webkit-transform: none; | ||
103 | opacity: .26; | ||
104 | } | ||
105 | |||
106 | .montage-checkbox.disabled .button { | ||
107 | display: none; | ||
108 | } | ||
109 | |||
110 | .montage-checkbox.disabled .checkmark { | ||
111 | background-image: url(checkmark-light-disabled.svg); | ||
112 | } | ||
113 | |||
114 | .montage-checkbox.dark.disabled .checkmark { | ||
115 | background-image: url(checkmark-dark-disabled.svg); | ||
116 | } \ No newline at end of file | ||
diff --git a/node_modules/montage/ui/checkbox.reel/checkbox.html b/node_modules/montage/ui/checkbox.reel/checkbox.html deleted file mode 100755 index 9bbec1b7..00000000 --- a/node_modules/montage/ui/checkbox.reel/checkbox.html +++ /dev/null | |||
@@ -1,14 +0,0 @@ | |||
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="checkbox.css"> | ||
11 | </head> | ||
12 | <body> | ||
13 | </body> | ||
14 | </html> | ||
diff --git a/node_modules/montage/ui/checkbox.reel/checkbox.js b/node_modules/montage/ui/checkbox.reel/checkbox.js index 2e375348..df2995c3 100755..100644 --- a/node_modules/montage/ui/checkbox.reel/checkbox.js +++ b/node_modules/montage/ui/checkbox.reel/checkbox.js | |||
@@ -3,450 +3,24 @@ | |||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<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. | 4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. |
5 | </copyright> */ | 5 | </copyright> */ |
6 | /** | ||
7 | @module "montage/ui/checkbox.reel" | ||
8 | @requires montage/core/core | ||
9 | @requires montage/ui/component | ||
10 | */ | ||
11 | var Montage = require("montage").Montage, | 6 | var Montage = require("montage").Montage, |
12 | Component = require("ui/component").Component; | 7 | Component = require("ui/component").Component, |
13 | /** | 8 | CheckInput = require("ui/check-input").CheckInput; |
14 | @class module:"montage/ui/checkbox.reel".Checkbox | 9 | |
15 | @extends module:montage/ui/component.Component | 10 | var Checkbox = exports.Checkbox = Montage.create(CheckInput, {}); |
16 | */ | 11 | Checkbox.addAttributes({ |
17 | exports.Checkbox = Montage.create(Component,/** @lends "module:montage/ui/checkbox.reel".Checkbox# */ { | 12 | autofocus: 'off', // on/off |
18 | // Configuration | 13 | disabled: {value: false, dataType: 'boolean'}, |
19 | /** | 14 | checked: {value: false, dataType: 'boolean'}, |
20 | The distance (squared) beyond which a touch will be considered. | 15 | form: null, |
21 | @type {Number} | 16 | name: null, |
22 | @default 256 | 17 | readonly: {value: false, dataType: 'boolean'}, |
23 | */ | 18 | title: null, |
24 | touchMovementThreshold: { | 19 | /* |
25 | enumerable: false, | 20 | "On getting, if the element has a value attribute, it must return that |
26 | value: 256 | 21 | attribute's value; otherwise, it must return the string "on". On setting, |
27 | }, | 22 | it must set the element's value attribute to the new value." |
28 | // Elements | 23 | http://www.w3.org/TR/html5/common-input-element-attributes.html#dom-input-value-default-on |
29 | /** | 24 | */ |
30 | Description TODO | 25 | value: {value: 'on'} |
31 | @private | ||
32 | */ | ||
33 | _nativeCheckbox: { | ||
34 | enumerable: false, | ||
35 | value: null | ||
36 | }, | ||
37 | /** | ||
38 | Description TODO | ||
39 | @private | ||
40 | */ | ||
41 | _background: { | ||
42 | enumerable: false, | ||
43 | value: null | ||
44 | }, | ||
45 | /** | ||
46 | Description TODO | ||
47 | @private | ||
48 | */ | ||
49 | _button: { | ||
50 | enumerable: false, | ||
51 | value: null | ||
52 | }, | ||
53 | /** | ||
54 | Description TODO | ||
55 | @private | ||
56 | */ | ||
57 | _checkmark: { | ||
58 | enumerable: false, | ||
59 | value: null | ||
60 | }, | ||
61 | // Event Handling APIs |