diff options
author | Valerio Virgillito | 2012-02-03 12:20:10 -0800 |
---|---|---|
committer | Valerio Virgillito | 2012-02-03 12:20:10 -0800 |
commit | e6e539f345f5e1ac36a595db5d1a1c3700715e88 (patch) | |
tree | 39846bf1570f9b5a4057b726c54905de9e9e1c02 /node_modules/montage/ui/checkbox.reel | |
parent | 7950424cf704bb221971f4645406b01e6979db18 (diff) | |
parent | c630ead20487c3948fa36448d3e7d5f7b5cba782 (diff) | |
download | ninja-e6e539f345f5e1ac36a595db5d1a1c3700715e88.tar.gz |
Merge branch 'master' into components
Conflicts:
node_modules/montage/ui/bluemoon/progress.reel/progress.html
node_modules/montage/ui/image2.reel/image2.html
node_modules/ninja-components/effect/desaturate-effect.js
node_modules/ninja-components/effect/effect.js
node_modules/ninja-components/effect/invert-effect.js
node_modules/ninja-components/effect/kaliedoscope-effect.js
node_modules/ninja-components/effect/multiply-effect.js
node_modules/ninja-components/effect/sepia-effect.js
node_modules/ninja-components/flow-controller.reel/flow-controller.html
node_modules/ninja-components/flow-controller.reel/flow-controller.js
node_modules/ninja-components/flow-offset.js
node_modules/ninja-components/hottext.reel/hottext.css
node_modules/ninja-components/hottext.reel/hottext.html
node_modules/ninja-components/hottext.reel/hottext.js
node_modules/ninja-components/hottextunit.reel/hottextunit.css
node_modules/ninja-components/hottextunit.reel/hottextunit.html
node_modules/ninja-components/hottextunit.reel/hottextunit.js
node_modules/ninja-components/image2.reel/image2.html
node_modules/ninja-components/image2.reel/image2.js
node_modules/ninja-components/image3d.reel/image3d.html
node_modules/ninja-components/image3d.reel/image3d.js
node_modules/ninja-components/photo-editor.reel/photo-editor.css
node_modules/ninja-components/photo-editor.reel/photo-editor.html
node_modules/ninja-components/photo-editor.reel/photo-editor.js
node_modules/ninja-components/slider-base.js
user-document-templates/montage-application-cloud/appdelegate.js
Signed-off-by: Valerio Virgillito <valerio@motorola.com>
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 |