Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(144)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/mobile_setup.html

Issue 3606005: Hooked mobile activation UI with the new libcros additions (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/
Patch Set: '' Created 10 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« chrome/app/generated_resources.grd ('K') | « chrome/browser/resources/connection_manager.js ('k') | chrome/browser/resources/mobile_setup.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE HTML> 1 <!DOCTYPE HTML>
2 <html> 2 <html>
3 <head> 3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title i18n-content="title"></title> 5 <title i18n-content="title"></title>
6 <style> 6 <style>
7 body { 7 body {
8 font-family: sans-serif; 8 font-size: 100%;
9 font-size: 10px; 9 -webkit-user-select: none;
10 }
11
12 iframe {
13 overflow-x: scroll;
14 overflow-y: scroll;
15 }
16
17 .overlay {
18 position: fixed;
19 left: 0;
20 right: 0;
21 background: rgba(0, 0, 0, .2);
22 top: 0;
23 bottom: 0;
24 z-index: 10;
25 padding: 20px;
26 -webkit-box-align: center;
27 -webkit-box-pack: center;
28 }
29
30 .overlay > div {
31 background: white;
32 border-radius: 5px;
33 padding: 15px;
34 border: 1px solid #666;
35 -webkit-box-shadow: 3px 3px 3px #666;
36 }
37
38 .startup {
39 width: 500px;
40 position: absolute;
41 top: 50%;
42 left: 50%;
43 margin-left:-250px;
44 margin-top:-250px;
45 text-align: center;
10 } 46 }
11 47
12 #payment-form { 48 #payment-form {
13 width: 600px; 49 display: -webkit-box;
14 height: 300px; 50 position: absolute;
15 overflow: hidden; 51 left: 0;
52 right: 0;
53 top: 0;
54 bottom: 0;
55 width: 100%;
56 height: 100%;
16 } 57 }
17 58
18 #error-div { 59 .logo {
60 background: url('file:///usr/share/chromeos-assets/mobile/carrier_logo.png') n o-repeat;
61 height: 58px;
19 } 62 }
63
64 #error-msg {
65 margin: 20px;
66 }
67
68 .box {
69 display: -webkit-box;
70 }
71
72 #final-logo {
73 position: absolute;
74 right: 30px;
75 width: 150px;
76 }
77
78 #activation-logo {
79 background-position: center;
80 margin-bottom: 20px;
81 margin-top: 20px;
82 }
83
84 #splitter {
85 margin-top: 10px;
86 left: 50%;
87 margin-left: 150px;
88 width: 200px;
89 border-bottom: 1px solid #EEE;
90 height: 1px;
91 }
92
93 body[state='connecting'] > #payment-form,
94 body[state='connecting'] > #final-message,
95 body[state='connecting'] > * > #error-message {
96 display: none
97 }
98 body[state='connecting'] > #system-status {
99 display: block
100 }
101
102 body[state='error'] > #payment-form,
103 body[state='error'] > #final-message {
104 display: none
105 }
106 body[state='error'] > * > #error-message,
107 body[state='error'] > #system-status {
108 display: block
109 }
110
111 body[state='payment'] > * > #error-message,
112 body[state='payment'] > #final-message,
113 body[state='payment'] > #system-status {
114 display: none
115 }
116 body[state='payment'] > #payment-form {
117 display: block
118 }
119
120 body[state='activating'] > #payment-form,
121 body[state='activating'] > #final-message,
122 body[state='activating'] > * > #error-message {
123 display: none
124 }
125 body[state='activating'] > #system-status {
126 display: block
127 }
128
129 body[state='connected'] > * > #error-message,
130 body[state='connected'] > #system-status {
131 display: none
132 }
133 body[state='connected'] > #payment-form,
134 body[state='connected'] > #final-message {
135 display: block
136 }
137
138 .testing-only {
139 }
140
20 </style> 141 </style>
21 <script src="chrome://resources/js/cr.js"></script> 142 <script src="chrome://resources/js/cr.js"></script>
22 <script src="chrome://resources/js/util.js"></script> 143 <script src="chrome://resources/js/util.js"></script>
23 <script src="mobile_setup.js"></script> 144 <script src="mobile_setup.js"></script>
24 <script> 145 <script>
25 mobile.MobileSetup.getInstance().initialize('payment-form'); 146 mobile.MobileSetup.getInstance().initialize('payment-form');
26 </script> 147 </script>
27 </head> 148 </head>
28 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> 149 <body state="connecting" onload="setInterval(mobile.MobileSetup.drawProgress, 10 0);"
29 <h1 i18n-content="header"></h1> 150 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
30 <div id="error-div"></div> 151 <iframe id="payment-form" frameborder="0"></iframe>
31 <iframe id="payment-form" frameborder="0"></iframe></body> 152 <div id="system-status" class="startup">
153 <div class="status-header"><h3 id="header"
154 i18n-content="status_header"></h3></div>
155 <div id="error-message"></div>
156 <canvas id="canvas" width="56" height="56"></canvas>
157 <div id="splitter"></div>
158 <div id="activation-logo" class="logo"></div>
159 </div>
160 <div id="final-message" class="overlay">
161 <div class="box">
162 <div>
163 <div class="header"><h3 i18n-content="completed_header"></h3></div>
164 <div id="action" i18n-content="completed_text"></div>
165 </div>
166 <div id="final-logo" class="logo"></div>
167 </div>
168 </div>
169 <div class="testing-only">
170 <button id="cheat">Fake activation!</button>
171 </div>
172 </body>
32 </html> 173 </html>
OLDNEW
« chrome/app/generated_resources.grd ('K') | « chrome/browser/resources/connection_manager.js ('k') | chrome/browser/resources/mobile_setup.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698