OLD | NEW |
1 /* | 1 /* |
2 * Copyright 2015 The Native Client Authors. All rights reserved. | 2 * Copyright 2015 The Native Client Authors. All rights reserved. |
3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
| 7 /* globals g_mount */ |
| 8 |
7 'use strict'; | 9 'use strict'; |
8 | 10 |
9 // TODO(gdeepti): Clean up global variables. | 11 // TODO(gdeepti): Clean up global variables. |
10 var mounterBackground = null; | 12 var mounterBackground = null; |
11 var mounterThumb = null; | 13 var mounterThumb = null; |
12 var mounterHeader = null; | 14 var mounterHeader = null; |
13 var mounter = null; | 15 var mounter = null; |
14 var isVisible = false; | 16 var isVisible = false; |
15 var mounterClient = null; | 17 var mounterClient = null; |
16 | 18 |
(...skipping 20 matching lines...) Expand all Loading... |
37 function grabFocus() { | 39 function grabFocus() { |
38 walkDom(function(element) { | 40 walkDom(function(element) { |
39 if (element == mounterBackground) | 41 if (element == mounterBackground) |
40 return false; | 42 return false; |
41 | 43 |
42 if (element.hasAttribute('tabIndex')) { | 44 if (element.hasAttribute('tabIndex')) { |
43 element.oldTabIndex = element.getAttribute('tabIndex'); | 45 element.oldTabIndex = element.getAttribute('tabIndex'); |
44 } | 46 } |
45 element.setAttribute('tabIndex', '-1'); | 47 element.setAttribute('tabIndex', '-1'); |
46 return true; | 48 return true; |
47 }) | 49 }); |
48 } | 50 } |
49 | 51 |
50 function releaseFocus() { | 52 function releaseFocus() { |
51 walkDom(function(element) { | 53 walkDom(function(element) { |
52 if (element == mounterBackground) | 54 if (element == mounterBackground) |
53 return false; | 55 return false; |
54 | 56 |
55 if (element.oldTabIndex) { | 57 if (element.oldTabIndex) { |
56 element.setAttribute('tabIndex', element.oldTabIndex); | 58 element.setAttribute('tabIndex', element.oldTabIndex); |
57 delete element.oldTabIndex; | 59 delete element.oldTabIndex; |
58 } else { | 60 } else { |
59 element.removeAttribute('tabIndex'); | 61 element.removeAttribute('tabIndex'); |
60 } | 62 } |
61 return true; | 63 return true; |
62 }) | 64 }); |
63 mounterClient.terminal.focus(); | 65 mounterClient.terminal.focus(); |
64 } | 66 } |
65 | 67 |
66 function sizeBackground() { | 68 function sizeBackground() { |
67 mounterBackground.style.height = intToPixels(window.innerHeight); | 69 mounterBackground.style.height = intToPixels(window.innerHeight); |
68 var bgTop = 0; | 70 var bgTop = 0; |
69 if (!isVisible) | 71 if (!isVisible) |
70 bgTop = 10 - window.innerHeight | 72 bgTop = 10 - window.innerHeight; |
71 mounterBackground.style.top = intToPixels(bgTop); | 73 mounterBackground.style.top = intToPixels(bgTop); |
72 } | 74 } |
73 | 75 |
74 function changeVisibility(visible) { | 76 function changeVisibility(visible) { |
75 isVisible = visible; | 77 isVisible = visible; |
76 | 78 |
77 sizeBackground() | 79 sizeBackground(); |
78 if (!mounterClient) | 80 if (!mounterClient) |
79 return; | 81 return; |
80 | 82 |
81 if (isVisible) | 83 if (isVisible) |
82 grabFocus(); | 84 grabFocus(); |
83 else | 85 else |
84 releaseFocus(); | 86 releaseFocus(); |
85 } | 87 } |
86 | 88 |
87 function backgroundClicked() { | 89 function backgroundClicked() { |
88 if (isVisible) | 90 if (isVisible) |
89 changeVisibility(false); | 91 changeVisibility(false); |
90 } | 92 } |
91 | 93 |
92 function thumbClicked(event) { | 94 function thumbClicked(event) { |
93 if (!isVisible) | 95 if (!isVisible) |
94 changeVisibility(true); | 96 changeVisibility(true); |
95 event.stopPropagation(); | 97 event.stopPropagation(); |
96 } | 98 } |
97 | 99 |
98 function mounterClicked(event) { | 100 function mounterClicked(event) { |
99 event.stopPropagation(); | 101 event.stopPropagation(); |
100 } | 102 } |
101 | 103 |
102 function initMounterclient(mount, chooseFolder, | 104 function MounterClient(mount, chooseFolder, |
103 mountHandler, unmountHandler, terminal) { | 105 mountHandler, unmountHandler, terminal) { |
104 this.mount = mount; | 106 this.mount = mount; |
105 this.onChooseFolder = chooseFolder; | 107 this.onChooseFolder = chooseFolder; |
106 this.onMount = mountHandler; | 108 this.onMount = mountHandler; |
107 this.onUnmount = unmountHandler | 109 this.onUnmount = unmountHandler; |
108 this.terminal = terminal; | 110 this.terminal = terminal; |
109 } | 111 } |
110 | 112 |
111 function addMountControlItem(item, mountControl) { | 113 function addMountControlItem(item, mountControl) { |
112 mountControl.appendChild(item); | 114 mountControl.appendChild(item); |
113 item.mountControl = mountControl; | 115 item.mountControl = mountControl; |
114 } | 116 } |
115 | 117 |
116 function populateMountControl(mountControl) { | 118 function populateMountControl(mountControl) { |
117 mountControl.pathEdit.value = g_mount.mountPoint; | 119 mountControl.pathEdit.value = g_mount.mountPoint; |
118 // TODO(gdeepti): Enable this to accept mountPoint specified by th user. | 120 // TODO(gdeepti): Enable this to accept mountPoint specified by th user. |
119 // Temporarily disabled to fix sync issues. | 121 // Temporarily disabled to fix sync issues. |
120 mountControl.pathEdit.disabled = g_mount.mounted; | 122 mountControl.pathEdit.disabled = g_mount.mounted; |
121 mountControl.localPathEdit.value = g_mount.localPath; | 123 mountControl.localPathEdit.value = g_mount.localPath; |
122 mountControl.localPathEdit.disabled = g_mount.mounted; | 124 mountControl.localPathEdit.disabled = g_mount.mounted; |
123 mountControl.selectButton.disabled = g_mount.mounted; | 125 mountControl.selectButton.disabled = g_mount.mounted; |
124 mountControl.mountButton.disabled = | 126 mountControl.mountButton.disabled = |
125 (g_mount.mounted || | 127 (g_mount.mounted || |
126 (g_mount.entry == null)); | 128 (g_mount.entry === null)); |
127 mountControl.unmountButton.disabled = !g_mount.mounted; | 129 mountControl.unmountButton.disabled = !g_mount.mounted; |
128 } | 130 } |
129 | 131 |
130 function mountPointChanged(event) { | 132 function mountPointChanged(event) { |
131 var mountControl = event.target.mountControl; | 133 var mountControl = event.target.mountControl; |
132 mountControl.mount.mountPoint = event.target.value; | 134 mountControl.mount.mountPoint = event.target.value; |
133 populateMountControl(mountControl); | 135 populateMountControl(mountControl); |
134 } | 136 } |
135 | 137 |
136 function chooseFolderClicked(event) { | 138 function chooseFolderClicked(event) { |
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
199 unmountButton.textContent = 'Unmount'; | 201 unmountButton.textContent = 'Unmount'; |
200 addMountControlItem(unmountButton, mountControl); | 202 addMountControlItem(unmountButton, mountControl); |
201 mountControl.unmountButton = unmountButton; | 203 mountControl.unmountButton = unmountButton; |
202 unmountButton.onclick = unmountClicked; | 204 unmountButton.onclick = unmountClicked; |
203 | 205 |
204 mountControl.mount = mount; | 206 mountControl.mount = mount; |
205 | 207 |
206 init(function() { | 208 init(function() { |
207 populateMountControl(mountControl); | 209 populateMountControl(mountControl); |
208 }); | 210 }); |
209 mounter.appendChild(mountControl); | 211 window.mounter.appendChild(mountControl); |
210 | 212 |
211 return mountControl; | 213 return mountControl; |
212 } | 214 } |
213 | 215 |
214 function initMounter(makeVisible, aMounterClient, init) { | 216 function initMounter(makeVisible, aMounterClient, init) { |
215 mounterBackground.onclick = backgroundClicked; | 217 mounterBackground.onclick = backgroundClicked; |
216 mounter.onclick = mounterClicked; | 218 mounter.onclick = mounterClicked; |
217 mounterThumb.onclick = thumbClicked; | 219 mounterThumb.onclick = thumbClicked; |
218 | 220 |
219 mounterClient = aMounterClient; | 221 mounterClient = aMounterClient; |
220 | 222 |
221 addMountControl(g_mount, init); | 223 addMountControl(g_mount, init); |
222 changeVisibility(makeVisible); | 224 changeVisibility(makeVisible); |
223 | 225 |
224 window.onresize = function() { | 226 window.onresize = sizeBackground; |
225 sizeBackground(); | |
226 } | |
227 } | 227 } |
OLD | NEW |