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

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

Issue 8341037: Added logic that will retry to reload+reconnect the mobile payment portal page 5 times before it ... (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/
Patch Set: '' Created 9 years, 1 month 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
« no previous file with comments | « no previous file | 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 -webkit-box-flex: 1; 8 -webkit-box-flex: 1;
9 -webkit-box-orient: vertical; 9 -webkit-box-orient: vertical;
10 -webkit-user-select: none; 10 -webkit-user-select: none;
11 display: -webkit-box; 11 display: -webkit-box;
12 height: 100%; 12 height: 100%;
13 margin: 0; 13 margin: 0;
14 padding: 0; 14 padding: 0;
15 position: absolute; 15 position: absolute;
16 width: 100%; 16 width: 100%;
17 } 17 }
18 18
19 .dialog-body { 19 .dialog-body {
20 border: 1px #aaa solid; 20 border: 1px #aaa solid;
21 border-radius: 4px;
22 display: -webkit-box; 21 display: -webkit-box;
23 margin: 15px;
24 margin-top: 0; 22 margin-top: 0;
25 overflow: hidden; 23 overflow: hidden;
26 position: relative; 24 position: relative;
27 -webkit-box-orient: horizontal; 25 -webkit-box-orient: horizontal;
28 -webkit-box-flex: 1; 26 -webkit-box-flex: 1;
29 } 27 }
30 28
29 .dialog-body-dialog {
30 border-radius: 4px;
31 margin: 15px;
32 }
33
34 .dialog-footer {
35 -webkit-box-orient: horizontal;
36 display: -webkit-box;
37 margin: 15px;
38 margin-top: 0;
39 }
40
31 iframe { 41 iframe {
32 overflow-x: scroll; 42 overflow-x: scroll;
33 overflow-y: scroll; 43 overflow-y: scroll;
34 } 44 }
35 45
36 .overlay { 46 .overlay {
37 position: absolute; 47 position: absolute;
38 left: 0; 48 left: 0;
39 right: 0; 49 right: 0;
40 background: rgba(0, 0, 0, .1);
41 top: 0; 50 top: 0;
42 bottom: 0; 51 bottom: 0;
43 z-index: 10; 52 z-index: 10;
44 padding: 100px; 53 padding: 100px;
45 -webkit-box-align: center; 54 -webkit-box-align: center;
46 -webkit-box-pack: center; 55 -webkit-box-pack: center;
47 } 56 }
48 57
58 .opaque-overlay {
59 background: rgba(255, 255, 255, 1);
60 }
61
62 .tranparent-overlay {
63 background: rgba(0, 0, 0, 0.1);
64 }
65
49 .overlay > div { 66 .overlay > div {
50 background: white; 67 background: white;
51 border-radius: 5px; 68 border-radius: 5px;
52 padding: 15px; 69 padding: 15px;
53 border:1px solid #bdbdbd; 70 border:1px solid #bdbdbd;
54 -webkit-box-shadow:1px 1px 12px rgba(0, 0, 0, 0.15); 71 -webkit-box-shadow:1px 1px 12px rgba(0, 0, 0, 0.15);
55 } 72 }
56 73
57 .startup { 74 .startup {
58 width: 500px; 75 width: 500px;
(...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after
142 height: 380px; 159 height: 380px;
143 padding-top: 20px; 160 padding-top: 20px;
144 } 161 }
145 .headerCell { 162 .headerCell {
146 -webkit-padding-start: 10px; 163 -webkit-padding-start: 10px;
147 } 164 }
148 .canvasCell { 165 .canvasCell {
149 vertical-align: middle; 166 vertical-align: middle;
150 line-height: 0px; 167 line-height: 0px;
151 } 168 }
152 .dialog-footer {
153 -webkit-box-orient: horizontal;
154 display: -webkit-box;
155 margin: 15px;
156 margin-top: 0;
157 }
158 169
159 .horizontal-spacer { 170 .horizontal-spacer {
160 -webkit-box-orient: horizontal; 171 -webkit-box-orient: horizontal;
161 -webkit-box-flex: 1; 172 -webkit-box-flex: 1;
162 } 173 }
163 </style> 174 </style>
164 <link rel="stylesheet" href="chrome://resources/css/dialogs.css"></link> 175 <link rel="stylesheet" href="chrome://resources/css/dialogs.css"></link>
165 <script src="chrome://resources/js/cr.js"></script> 176 <script src="chrome://resources/js/cr.js"></script>
166 <script src="chrome://resources/js/local_strings.js"></script> 177 <script src="chrome://resources/js/local_strings.js"></script>
167 <script src="chrome://resources/js/util.js"></script> 178 <script src="chrome://resources/js/util.js"></script>
168 <script src="chrome://resources/js/cr/ui/dialogs.js"></script> 179 <script src="chrome://resources/js/cr/ui/dialogs.js"></script>
169 <script src="mobile_setup.js"></script> 180 <script src="mobile_setup.js"></script>
170 </head> 181 </head>
171 <body onload="mobile.MobileSetup.loadPage();" 182 <body onload="mobile.MobileSetup.loadPage();"
172 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> 183 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
173 <div class="dialog-body"> 184 <div id="mainDiv" class="dialog-body">
174 <iframe class="hidden" id="paymentForm" frameborder="0"></iframe> 185 <iframe class="hidden" id="paymentForm" frameborder="0"></iframe>
175 <div id="systemStatus" class="overlay hidden"> 186 <div id="systemStatus" class="overlay opaque-overlay hidden">
176 <div class="startup"> 187 <div class="startup">
177 <div id="banner"> 188 <div id="banner">
178 <table border="0"> 189 <table border="0">
179 <tbody><tr> 190 <tbody><tr>
180 <td class="canvasCell"><canvas id="canvas" width="56" 191 <td class="canvasCell"><canvas id="canvas" width="56"
181 height="56"></canvas></td> 192 height="56"></canvas></td>
182 <td class="headerCell"> 193 <td class="headerCell">
183 <div id="statusHeader"></div> 194 <div id="statusHeader"></div>
184 <div id="auxHeader"></div> 195 <div id="auxHeader"></div>
185 </td> 196 </td>
186 </tr> 197 </tr>
187 </tbody></table> 198 </tbody></table>
188 </div> 199 </div>
189 <iframe src="chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/activatio n.html" 200 <iframe src="chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/activatio n.html"
190 id="carrierPage" frameborder="0"></iframe> 201 id="carrierPage" frameborder="0"></iframe>
191 </div> 202 </div>
192 </div> 203 </div>
193 <div id="finalStatus" class="overlay hidden"> 204 <div id="finalStatus" class="overlay tranparent-overlay hidden">
194 <div class="startup"> 205 <div class="startup">
195 <div class="header"><h3 id="finalHeader"></h3></div> 206 <div class="header"><h3 id="finalHeader"></h3></div>
196 <div id="finalMessage"></div> 207 <div id="finalMessage"></div>
197 <div class="splitter"></div> 208 <div class="splitter"></div>
198 <div class="logo"></div> 209 <div class="logo"></div>
199 <div class="button-strip"> 210 <div class="button-strip">
200 <button id="closeButton" 211 <button id="closeButton"
201 i18n-content="close_button" class="hidden"></button> 212 i18n-content="close_button" class="hidden"></button>
202 </div> 213 </div>
203 </div> 214 </div>
204 </div> 215 </div>
205 </div> 216 </div>
206 <div class="dialog-footer"> 217 <div id="footer" class="hidden dialog-footer">
207 <div class=horizontal-spacer></div> 218 <div class=horizontal-spacer></div>
208 <button id="cancelButton" class="cancel" i18n-content="cancel_button"></butto n> 219 <button id="cancelButton" class="cancel" i18n-content="cancel_button"></butto n>
209 </div> 220 </div>
210 </body> 221 </body>
211 </html> 222 </html>
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/mobile_setup.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698