diff options
Diffstat (limited to 'node_modules/montage/ui/loading.reel')
10 files changed, 224 insertions, 0 deletions
diff --git a/node_modules/montage/ui/loading.reel/loading-0.svg b/node_modules/montage/ui/loading.reel/loading-0.svg new file mode 100755 index 00000000..87244e79 --- /dev/null +++ b/node_modules/montage/ui/loading.reel/loading-0.svg | |||
@@ -0,0 +1,3 @@ | |||
1 | <?xml version="1.0"?> | ||
2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | ||
3 | <svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M17,2.73 l0,11.54 l10.27,-5.77 z" fill="#fff"/></svg> \ No newline at end of file | ||
diff --git a/node_modules/montage/ui/loading.reel/loading-1.svg b/node_modules/montage/ui/loading.reel/loading-1.svg new file mode 100755 index 00000000..60ad8eaf --- /dev/null +++ b/node_modules/montage/ui/loading.reel/loading-1.svg | |||
@@ -0,0 +1,3 @@ | |||
1 | <?xml version="1.0"?> | ||
2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | ||
3 | <svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M29,11.73 l0,11.54 l-10.27,-5.77 z" fill="#fff"/></svg> \ No newline at end of file | ||
diff --git a/node_modules/montage/ui/loading.reel/loading-2.svg b/node_modules/montage/ui/loading.reel/loading-2.svg new file mode 100755 index 00000000..dfa84864 --- /dev/null +++ b/node_modules/montage/ui/loading.reel/loading-2.svg | |||
@@ -0,0 +1,3 @@ | |||
1 | <?xml version="1.0"?> | ||
2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | ||
3 | <svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M17,20.73 l0,11.54 l10.27,-5.77 z" fill="#fff"/></svg> \ No newline at end of file | ||
diff --git a/node_modules/montage/ui/loading.reel/loading-3.svg b/node_modules/montage/ui/loading.reel/loading-3.svg new file mode 100755 index 00000000..af74427d --- /dev/null +++ b/node_modules/montage/ui/loading.reel/loading-3.svg | |||
@@ -0,0 +1,3 @@ | |||
1 | <?xml version="1.0"?> | ||
2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | ||
3 | <svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M13,20.73 l0,11.54 l-10.27,-5.77 z" fill="#fff"/></svg> \ No newline at end of file | ||
diff --git a/node_modules/montage/ui/loading.reel/loading-4.svg b/node_modules/montage/ui/loading.reel/loading-4.svg new file mode 100755 index 00000000..402340ca --- /dev/null +++ b/node_modules/montage/ui/loading.reel/loading-4.svg | |||
@@ -0,0 +1,3 @@ | |||
1 | <?xml version="1.0"?> | ||
2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | ||
3 | <svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M1,11.73 l0,11.54 l10.27,-5.77 z" fill="#fff"/></svg> \ No newline at end of file | ||
diff --git a/node_modules/montage/ui/loading.reel/loading-5.svg b/node_modules/montage/ui/loading.reel/loading-5.svg new file mode 100755 index 00000000..1a473f16 --- /dev/null +++ b/node_modules/montage/ui/loading.reel/loading-5.svg | |||
@@ -0,0 +1,3 @@ | |||
1 | <?xml version="1.0"?> | ||
2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | ||
3 | <svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M13,2.73 l0,11.54 l-10.27,-5.77 z" fill="#fff"/></svg> \ No newline at end of file | ||
diff --git a/node_modules/montage/ui/loading.reel/loading-bg.svg b/node_modules/montage/ui/loading.reel/loading-bg.svg new file mode 100755 index 00000000..2ad50a91 --- /dev/null +++ b/node_modules/montage/ui/loading.reel/loading-bg.svg | |||
@@ -0,0 +1,31 @@ | |||
1 | <?xml version="1.0"?> | ||
2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | ||
3 | <svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"> | ||
4 | <path d="M0,9 l0,1 l13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/> | ||
5 | <path d="M30,9 l0,1 l-13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/> | ||
6 | <path d="M14,0 l0,1 l-13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/> | ||
7 | <path d="M16,0 l0,1 l13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/> | ||
8 | <path d="M14,18 l0,1 l-13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/> | ||
9 | <path d="M16,18 l0,1 l13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/> | ||
10 | |||
11 | <path d="M0,25 l13,-7.5 l0,1 l-13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/> | ||
12 | <path d="M30,25 l-13,-7.5 l0,1 l13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/> | ||
13 | <path d="M14,16 l-13,-7.5 l0,1 l13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/> | ||
14 | <path d="M16,16 l13,-7.5 l0,1 l-13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/> | ||
15 | <path d="M14,34 l-13,-7.5 l0,1 l13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/> | ||
16 | <path d="M16,34 l13,-7.5 l0,1 l-13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/> | ||
17 | |||
18 | <path d="M0,10 l0,15 l13,-7.5 l-13,-7.5 l1,1.73 l10.27,5.77 l-10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/> | ||
19 | <path d="M30,10 l0,15 l-13,-7.5 l13,-7.5 l-1,1.73 l-10.27,5.77 l10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/> | ||
20 | <path d="M14,1 l0,15 l-13,-7.5 l13,-7.5 l-1,1.73 l-10.27,5.77 l10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/> | ||
21 | <path d="M16,1 l0,15 l13,-7.5 l-13,-7.5 l1,1.73 l10.27,5.77 l-10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/> | ||
22 | <path d="M14,19 l0,15 l-13,-7.5 l13,-7.5 l-1,1.73 l-10.27,5.77 l10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/> | ||
23 | <path d="M16,19 l0,15 l13,-7.5 l-13,-7.5 l1,1.73 l10.27,5.77 l-10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/> | ||
24 | |||
25 | <path d="M1,11.73 l0,11.54 l10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/> | ||
26 | <path d="M17,2.73 l0,11.54 l10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/> | ||
27 | <path d="M17,20.73 l0,11.54 l10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/> | ||
28 | <path d="M29,11.73 l0,11.54 l-10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/> | ||
29 | <path d="M13,2.73 l0,11.54 l-10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/> | ||
30 | <path d="M13,20.73 l0,11.54 l-10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/> | ||
31 | </svg> \ No newline at end of file | ||
diff --git a/node_modules/montage/ui/loading.reel/loading.css b/node_modules/montage/ui/loading.reel/loading.css new file mode 100755 index 00000000..ec90b10f --- /dev/null +++ b/node_modules/montage/ui/loading.reel/loading.css | |||
@@ -0,0 +1,78 @@ | |||
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 | @-webkit-keyframes montage-loading { | ||
7 | 0% { | ||
8 | opacity: 0; | ||
9 | } | ||
10 | 20% { | ||
11 | opacity: .9; | ||
12 | } | ||
13 | 40% { | ||
14 | opacity: .27; | ||
15 | } | ||
16 | 100% { | ||
17 | opacity: 0; | ||
18 | } | ||
19 | } | ||
20 | .montage-loading { | ||
21 | position: relative; | ||
22 | width: 30px; | ||
23 | height: 35px; | ||
24 | background-position: center center; | ||
25 | background-repeat: no-repeat; | ||
26 | } | ||
27 | |||
28 | .montage-loading.animate { | ||
29 | background-image: url(loading-bg.svg); | ||
30 | } | ||
31 | |||
32 | .montage-loading .section { | ||
33 | display: none; | ||
34 | position: absolute; | ||
35 | left: 0; | ||
36 | top: 0; | ||
37 | right: 0; | ||
38 | bottom: 0; | ||
39 | background-position: center center; | ||
40 | background-repeat: no-repeat; | ||
41 | } | ||
42 | |||
43 | .montage-loading.animate .section { | ||
44 | display: block; | ||
45 | -webkit-transform: translateZ(0); | ||
46 | -webkit-animation-name: montage-loading; | ||
47 | -webkit-animation-duration: 1200ms; | ||
48 | -webkit-animation-iteration-count: infinite; | ||
49 | } | ||
50 | |||
51 | .montage-loading .l0 { | ||
52 | background-image: url(loading-0.svg); | ||
53 | -webkit-animation-delay: -1000ms; | ||
54 | } | ||
55 | |||
56 | .montage-loading .l1 { | ||
57 | background-image: url(loading-1.svg); | ||
58 | -webkit-animation-delay: -800ms; | ||
59 | } | ||
60 | |||
61 | .montage-loading .l2 { | ||
62 | background-image: url(loading-2.svg); | ||
63 | -webkit-animation-delay: -600ms; | ||
64 | } | ||
65 | |||
66 | .montage-loading .l3 { | ||
67 | background-image: url(loading-3.svg); | ||
68 | -webkit-animation-delay: -400ms; | ||
69 | } | ||
70 | |||
71 | .montage-loading .l4 { | ||
72 | background-image: url(loading-4.svg); | ||
73 | -webkit-animation-delay: -200ms; | ||
74 | } | ||
75 | |||
76 | .montage-loading .l5 { | ||
77 | background-image: url(loading-5.svg); | ||
78 | } | ||
diff --git a/node_modules/montage/ui/loading.reel/loading.html b/node_modules/montage/ui/loading.reel/loading.html new file mode 100755 index 00000000..7af7e1b8 --- /dev/null +++ b/node_modules/montage/ui/loading.reel/loading.html | |||
@@ -0,0 +1,36 @@ | |||
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="loading.css"> | ||
11 | <script type="text/montage-serialization"> | ||
12 | { | ||
13 | "owner": { | ||
14 | "module": "montage/ui/loading.reel", | ||
15 | "name": "Loading", | ||
16 | "properties": { | ||
17 | "element": { | ||
18 | "#": "loading" | ||
19 | } | ||
20 | } | ||
21 | } | ||
22 | } | ||
23 | </script> | ||
24 | |||
25 | </head> | ||
26 | <body> | ||
27 | <div class="montage-loading" id="loading"> | ||
28 | <div class="section l0"></div> | ||
29 | <div class="section l1"></div> | ||
30 | <div class="section l2"></div> | ||
31 | <div class="section l3"></div> | ||
32 | <div class="section l4"></div> | ||
33 | <div class="section l5"></div> | ||
34 | </div> | ||
35 | </body> | ||
36 | </html> | ||
diff --git a/node_modules/montage/ui/loading.reel/loading.js b/node_modules/montage/ui/loading.reel/loading.js new file mode 100755 index 00000000..f0574d72 --- /dev/null +++ b/node_modules/montage/ui/loading.reel/loading.js | |||
@@ -0,0 +1,61 @@ | |||
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/loading.reel" | ||
8 | @requires montage/core/core | ||
9 | @requires montage/ui/component | ||
10 | */ | ||
11 | var Montage = require("montage").Montage, | ||
12 | Component = require("ui/component").Component; | ||