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>
14var ChooseNetwork = mobile.ChooseNetwork;
15
16function 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
39document.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