Add new certificateProvider extension API.
[chromium-blink-merge.git] / chrome / browser / resources / options / chromeos / display_overscan.js
blobab1a17652f211aa9b66d88987255e13ad5e6b0b4
1 // Copyright (c) 2013 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file.
5 cr.define('options', function() {
6   var Page = cr.ui.pageManager.Page;
7   var PageManager = cr.ui.pageManager.PageManager;
9   /**
10    * Encapsulated handling of the 'DisplayOverscan' page.
11    * @constructor
12    * @extends {cr.ui.pageManager.Page}
13    */
14   function DisplayOverscan() {
15     Page.call(this, 'displayOverscan',
16               loadTimeData.getString('displayOverscanPageTabTitle'),
17               'display-overscan-page');
18   }
20   cr.addSingletonGetter(DisplayOverscan);
22   DisplayOverscan.prototype = {
23     __proto__: Page.prototype,
25     /**
26      * The ID of the target display.
27      * @private {?string}
28      */
29     id_: null,
31     /**
32      * The keyboard event handler function.
33      * @private
34      */
35     keyHandler_: null,
37     /** @override */
38     initializePage: function() {
39       Page.prototype.initializePage.call(this);
41       this.keyHandler_ = this.handleKeyevent_.bind(this);
42       $('display-overscan-operation-reset').onclick = function() {
43         chrome.send('reset');
44       };
45       $('display-overscan-operation-ok').onclick = function() {
46         chrome.send('commit');
47         PageManager.closeOverlay();
48       };
49       $('display-overscan-operation-cancel').onclick = function() {
50         PageManager.cancelOverlay();
51       };
52     },
54     /** @override */
55     handleCancel: function() {
56       // signals the cancel event.
57       chrome.send('cancel');
58       PageManager.closeOverlay();
59     },
61     /** @override */
62     didShowPage: function() {
63       if (this.id_ == null) {
64         PageManager.cancelOverlay();
65         return;
66       }
68       window.addEventListener('keydown', this.keyHandler_);
69       // Sets up the size of the overscan dialog based on DisplayOptions dialog.
70       var displayOptionsPage = $('display-options-page');
71       var displayOverscanPage = $('display-overscan-page');
72       displayOverscanPage.style.width =
73           displayOptionsPage.offsetWidth - 20 + 'px';
74       displayOverscanPage.style.minWidth = displayOverscanPage.style.width;
75       displayOverscanPage.style.height =
76           displayOptionsPage.offsetHeight - 50 + 'px';
78       // Moves the table to describe operation at the middle of the contents
79       // vertically.
80       var operationsTable = $('display-overscan-operations-table');
81       var buttonsContainer = $('display-overscan-button-strip');
82       operationsTable.style.top = buttonsContainer.offsetTop / 2 -
83           operationsTable.offsetHeight / 2 + 'px';
85       $('display-overscan-operation-cancel').focus();
86       chrome.send('start', [this.id_]);
87     },
89     /** @override */
90     didClosePage: function() {
91       window.removeEventListener('keydown', this.keyHandler_);
92     },
94     /**
95      * Called when the overscan calibration is canceled at the system level,
96      * such like the display is disconnected.
97      * @private
98      */
99     onOverscanCanceled_: function() {
100       if (PageManager.getTopmostVisiblePage() == this)
101         PageManager.cancelOverlay();
102     },
104     /**
105      * Sets the target display id. This method has to be called before
106      * navigating to this page.
107      * @param {string} id The target display id.
108      */
109     setDisplayId: function(id) {
110       this.id_ = id;
111     },
113     /**
114      * Key event handler to make the effect of display rectangle.
115      * @param {Event} event The keyboard event.
116      * @private
117      */
118     handleKeyevent_: function(event) {
119       switch (event.keyCode) {
120         case 37: // left arrow
121           if (event.shiftKey)
122             chrome.send('move', ['horizontal', -1]);
123           else
124             chrome.send('resize', ['horizontal', -1]);
125           event.preventDefault();
126           break;
127         case 38: // up arrow
128           if (event.shiftKey)
129             chrome.send('move', ['vertical', -1]);
130           else
131             chrome.send('resize', ['vertical', -1]);
132           event.preventDefault();
133           break;
134         case 39: // right arrow
135           if (event.shiftKey)
136             chrome.send('move', ['horizontal', 1]);
137           else
138             chrome.send('resize', ['horizontal', 1]);
139           event.preventDefault();
140           break;
141         case 40: // bottom arrow
142           if (event.shiftKey)
143             chrome.send('move', ['vertical', 1]);
144           else
145             chrome.send('resize', ['vertical', 1]);
146           event.preventDefault();
147           break;
148       }
149     }
150   };
152   DisplayOverscan.onOverscanCanceled = function() {
153     DisplayOverscan.getInstance().onOverscanCanceled_();
154   };
156   // Export
157   return {
158     DisplayOverscan: DisplayOverscan
159   };