aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/loading-panel.reel
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/montage/ui/loading-panel.reel')
-rwxr-xr-xnode_modules/montage/ui/loading-panel.reel/loading-panel.css37
-rwxr-xr-xnode_modules/montage/ui/loading-panel.reel/loading-panel.html89
-rwxr-xr-xnode_modules/montage/ui/loading-panel.reel/loading-panel.js38
3 files changed, 164 insertions, 0 deletions
diff --git a/node_modules/montage/ui/loading-panel.reel/loading-panel.css b/node_modules/montage/ui/loading-panel.reel/loading-panel.css
new file mode 100755
index 00000000..9a82a320
--- /dev/null
+++ b/node_modules/montage/ui/loading-panel.reel/loading-panel.css
@@ -0,0 +1,37 @@
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/* disabled for now */
8.montage-loading-panel > .loadingIndicator {
9 display: none;
10}
11
12.montage-loading-panel {
13 position: absolute;
14 top: 0;
15 right: 0;
16 bottom: 0;
17 left: 0;
18 background-color: hsl(0,0%,0%);
19 display: -webkit-box;
20 -webkit-box-pack: center;
21 -webkit-box-align: center;
22}
23
24.montage-loading-panel > .loadingCount {
25 width: 200px;
26 height: 200px;
27 border-radius: 50%;
28 text-align: center;
29 color: #fff;
30 font: 40px/200px "Lucida Grande", Lucida, Verdana, sans-serif;
31 text-shadow: 0 0px 6px hsla(200,100%,50%,.6);
32 -webkit-box-shadow: inset 0px 0px 0 5px hsl(200,0%,10%);
33}
34
35.montage-loading-panel > .loadingCount > .divider {
36 color: hsl(200,100%,50%);
37}
diff --git a/node_modules/montage/ui/loading-panel.reel/loading-panel.html b/node_modules/montage/ui/loading-panel.reel/loading-panel.html
new file mode 100755
index 00000000..ccd6d9bd
--- /dev/null
+++ b/node_modules/montage/ui/loading-panel.reel/loading-panel.html
@@ -0,0 +1,89 @@
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 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
10 <title>Loading Panel</title>
11
12 <link rel="stylesheet" href="loading-panel.css">
13
14 <script type="text/montage-serialization">
15 {
16 "owner": {
17 "module": "montage/ui/loading-panel.reel",
18 "name": "LoadingPanel",
19 "properties": {
20 "element": {"#": "loadingPanel"}
21 }
22 },
23
24 "loadingIndicator": {
25 "module": "montage/ui/progress.reel",
26 "name": "Progress",
27 "properties": {
28 "element": {"#": "loadingIndicator"},
29 "loading": true
30 },
31 "bindings": {
32 "value": {
33 "boundObject": {"@": "owner"},
34 "boundObjectPropertyPath": "initializedModuleCount",
35 "oneway": true
36 },
37 "maximumValue": {
38 "boundObject": {"@": "owner"},
39 "boundObjectPropertyPath": "requiredModuleCount",
40 "oneway": true
41 }
42 }
43 },
44
45 "loadedCount": {
46 "module": "montage/ui/dynamic-text.reel",
47 "name": "DynamicText",
48 "properties": {
49 "element": {"#": "loadedCount"}
50 },
51 "bindings": {
52 "value": {
53 "boundObject": {"@": "owner"},
54 "boundObjectPropertyPath": "initializedModuleCount",
55 "oneway": true
56 }
57 }
58 },
59
60 "requiredCount": {
61 "module": "montage/ui/dynamic-text.reel",
62 "name": "DynamicText",
63 "properties": {
64 "element": {"#": "requiredCount"}
65 },
66 "bindings": {
67 "value": {
68 "boundObject": {"@": "owner"},
69 "boundObjectPropertyPath": "requiredModuleCount",
70 "oneway": true
71 }
72 }
73 }
74
75 }
76 </script>
77
78</head>
79<body>
80
81 <div id="loadingPanel" class="montage-loading-panel">
82 <div id="loadingIndicator" class="loadingIndicator"></div>
83 <div id="loadingCount" class="loadingCount">
84 <span id="loadedCount" class="loadedCount">0</span><span class="divider">/</span><span id="requiredCount" class="requiredCount">0</span>
85 </div>
86 </div>
87
88</body>
89</html>
diff --git a/node_modules/montage/ui/loading-panel.reel/loading-panel.js b/node_modules/montage/ui/loading-panel.reel/loading-panel.js
new file mode 100755
index 00000000..61bde475
--- /dev/null
+++ b/node_modules/montage/ui/loading-panel.reel/loading-panel.js
@@ -0,0 +1,38 @@
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/**
8 @module "montage/ui/loading-panel.reel"
9*/
10
11var Montage = require("montage").Montage,
12 Component = require("ui/component").Component;
13
14/**
15 @class module:montage/ui/loading-panel.LoadingPanel
16 @extends module:montage/ui/component.Component
17 */
18
19exports.LoadingPanel = Montage.create(Component, /** @lends module:montage/ui/loading-panel.LoadingPanel# */ {
20
21/**
22 The number of modules that are required to load.
23*/
24 requiredModuleCount: {
25 enumerable: false,
26 value: 0
27 },
28
29/**
30 The number of modules that have been initialized.
31*/
32 initializedModuleCount: {
33 enumerable: false,
34 value: 0
35 }
36
37
38});
generated by cgit v1.2.3 (git 2.25.1) at 2024-07-16 00:55:55 +0000