1 <!DOCTYPE HTML> 2 <html i18n-values="dir:textdirection"> 3 <head> 4 <title i18n-content="title"></title> 5 <link rel="stylesheet" href="chrome://resources/css/button.css"> 6 <link rel="stylesheet" href="mobile_dialogs.css"> 7 <link rel="stylesheet" href="choose_mobile_network.css"> 8 <script src="chrome://resources/js/cr.js"></script> 9 <script src="chrome://resources/js/cr/event_target.js"></script> 10 <script src="chrome://resources/js/local_strings.js"></script> 11 <script src="chrome://resources/js/util.js"></script> 12 <script src="choose_mobile_network.js"></script> 13 <script> 14 var ChooseNetwork = mobile.ChooseNetwork; 15 16 function load() { 17 // TODO(dpolukhin): refactor spinner code&css to be reusable. 18 // Setup css canvas 'spinner-circle' 19 (function() { 20 var lineWidth = 3; 21 var r = 8; 22 var ctx = document.getCSSCanvasContext( 23 '2d', 'spinner-circle', 2 * r, 2 * r); 24 25 ctx.lineWidth = lineWidth; 26 ctx.lineCap = 'round'; 27 ctx.lineJoin = 'round'; 28 29 ctx.strokeStyle = '#4e73c7'; 30 ctx.beginPath(); 31 ctx.moveTo(lineWidth / 2, r - lineWidth / 2); 32 ctx.arc(r, r, r - lineWidth / 2, Math.PI, Math.PI * 3 / 2); 33 ctx.stroke(); 34 })(); 35 36 ChooseNetwork.initialize(); 37 } 38 39 document.addEventListener('DOMContentLoaded', load); 40 </script> 41 </head> 42 <body i18n-values=".style.fontFamily:fontfamily;"> 43 <div id="container" class="container"> 44 <div id="choose-mobile-network" class="dialog"> 45 <h1 i18n-content="chooseNetworkTitle"></h1> 46 <div id="scanning" class="content-area"> 47 <div id="spinner" class="spinner"></div> 48 <div class="scanning-msg" i18n-content="scanningMsgLine1"></div> 49 <div class="scanning-msg" i18n-content="scanningMsgLine2"></div> 50 </div> 51 <div id="choosing" class="content-area" hidden> 52 </div> 53 <div id="no-mobile-networks" class="content-area" hidden> 54 <div class="scanning-msg" i18n-content="noMobileNetworks"></div> 55 </div> 56 <div class="action-area"> 57 <div class="action-area-right"> 58 <div class="button-strip"> 59 <button id="connect" i18n-content="connect" ></button> 60 <button id="cancel" i18n-content="cancel"></button> 61 </div> 62 </div> 63 </div> 64 </div> 65 </div> 66 </body> 67 </html> 68
