| OLD | NEW |
| 1 // Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 // Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 cr.define('mobile', function() { | 5 cr.define('mobile', function() { |
| 6 | 6 |
| 7 function ChooseNetwork() { | 7 function ChooseNetwork() { |
| 8 } | 8 } |
| 9 | 9 |
| 10 cr.addSingletonGetter(ChooseNetwork); | 10 cr.addSingletonGetter(ChooseNetwork); |
| 11 | 11 |
| (...skipping 30 matching lines...) Expand all Loading... |
| 42 }); | 42 }); |
| 43 } | 43 } |
| 44 } | 44 } |
| 45 $('scanning').hidden = true; | 45 $('scanning').hidden = true; |
| 46 $('choosing').hidden = false; | 46 $('choosing').hidden = false; |
| 47 $('no-mobile-networks').hidden = true; | 47 $('no-mobile-networks').hidden = true; |
| 48 }, | 48 }, |
| 49 connect_: function() { | 49 connect_: function() { |
| 50 for (var i in this.networks_) { | 50 for (var i in this.networks_) { |
| 51 if ($('network' + i).checked) { | 51 if ($('network' + i).checked) { |
| 52 chrome.send('connect', [ this.networks_[i].networkId ]); | 52 chrome.send('connect', [this.networks_[i].networkId]); |
| 53 ChooseNetwork.close(); | 53 ChooseNetwork.close(); |
| 54 return; | 54 return; |
| 55 } | 55 } |
| 56 } | 56 } |
| 57 } | 57 } |
| 58 }; | 58 }; |
| 59 | 59 |
| 60 ChooseNetwork.cancel = function() { | 60 ChooseNetwork.cancel = function() { |
| 61 chrome.send('cancel'); | 61 chrome.send('cancel'); |
| 62 ChooseNetwork.close(); | 62 ChooseNetwork.close(); |
| 63 }; | 63 }; |
| 64 | 64 |
| 65 ChooseNetwork.close = function() { | 65 ChooseNetwork.close = function() { |
| 66 window.close(); | 66 window.close(); |
| 67 }; | 67 }; |
| 68 | 68 |
| 69 ChooseNetwork.connect = function() { | 69 ChooseNetwork.connect = function() { |
| 70 ChooseNetwork.getInstance().connect_(); | 70 ChooseNetwork.getInstance().connect_(); |
| 71 }; | 71 }; |
| 72 | 72 |
| 73 ChooseNetwork.initialize = function() { | 73 ChooseNetwork.initialize = function() { |
| 74 $('cancel').addEventListener('click', function(event) { | 74 $('cancel').addEventListener('click', function(event) { |
| 75 ChooseNetwork.cancel(); | 75 ChooseNetwork.cancel(); |
| 76 }); | 76 }); |
| 77 | 77 |
| 78 $('connect').disabled = true; | 78 $('connect').disabled = true; |
| 79 $('connect').addEventListener('click', function(event) { | 79 $('connect').addEventListener('click', function(event) { |
| 80 ChooseNetwork.connect(); | 80 ChooseNetwork.connect(); |
| 81 }); | 81 }); |
| 82 chrome.send('pageReady', []); | 82 chrome.send('pageReady'); |
| 83 }; | 83 }; |
| 84 | 84 |
| 85 ChooseNetwork.showNetworks = function(networks) { | 85 ChooseNetwork.showNetworks = function(networks) { |
| 86 ChooseNetwork.getInstance().showNetworks_(networks); | 86 ChooseNetwork.getInstance().showNetworks_(networks); |
| 87 }; | 87 }; |
| 88 | 88 |
| 89 // Export | 89 // Export |
| 90 return { | 90 return { |
| 91 ChooseNetwork: ChooseNetwork | 91 ChooseNetwork: ChooseNetwork |
| 92 }; | 92 }; |
| 93 }); | 93 }); |
| 94 | 94 |
| 95 var ChooseNetwork = mobile.ChooseNetwork; | 95 var ChooseNetwork = mobile.ChooseNetwork; |
| 96 | 96 |
| 97 document.addEventListener('DOMContentLoaded', function () { | 97 document.addEventListener('DOMContentLoaded', function() { |
| 98 // TODO(dpolukhin): refactor spinner code&css to be reusable. | 98 // TODO(dpolukhin): refactor spinner code&css to be reusable. |
| 99 // Setup css canvas 'spinner-circle' | 99 // Setup css canvas 'spinner-circle' |
| 100 (function() { | 100 (function() { |
| 101 var lineWidth = 3; | 101 var lineWidth = 3; |
| 102 var r = 8; | 102 var r = 8; |
| 103 var ctx = document.getCSSCanvasContext( | 103 var ctx = document.getCSSCanvasContext( |
| 104 '2d', 'spinner-circle', 2 * r, 2 * r); | 104 '2d', 'spinner-circle', 2 * r, 2 * r); |
| 105 | 105 |
| 106 ctx.lineWidth = lineWidth; | 106 ctx.lineWidth = lineWidth; |
| 107 ctx.lineCap = 'round'; | 107 ctx.lineCap = 'round'; |
| 108 ctx.lineJoin = 'round'; | 108 ctx.lineJoin = 'round'; |
| 109 | 109 |
| 110 ctx.strokeStyle = '#4e73c7'; | 110 ctx.strokeStyle = '#4e73c7'; |
| 111 ctx.beginPath(); | 111 ctx.beginPath(); |
| 112 ctx.moveTo(lineWidth / 2, r - lineWidth / 2); | 112 ctx.moveTo(lineWidth / 2, r - lineWidth / 2); |
| 113 ctx.arc(r, r, r - lineWidth / 2, Math.PI, Math.PI * 3 / 2); | 113 ctx.arc(r, r, r - lineWidth / 2, Math.PI, Math.PI * 3 / 2); |
| 114 ctx.stroke(); | 114 ctx.stroke(); |
| 115 })(); | 115 })(); |
| 116 | 116 |
| 117 ChooseNetwork.initialize(); | 117 ChooseNetwork.initialize(); |
| 118 }); | 118 }); |
| 119 | 119 |
| 120 disableTextSelectAndDrag(); | 120 disableTextSelectAndDrag(); |
| OLD | NEW |