ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-19 09:35:36 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add focus logic to the tabbed panel (#5649)

Browse Source 
* add focus logic to the tabbed panel

* change enter to be on key up

* fix  tests
This commit is contained in:
Anthony Dresser
2019-05-28 12:44:22 -07:00
committed by GitHub
parent d386311e54
commit f8ccafd2af
13 changed files with 62 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/sql/base/browser/ui/panel/panel.ts
View File

@@ -29,6 +29,7 @@ export interface IPanelOptions {
export interface IPanelView {
render(container: HTMLElement): void;
layout(dimension: DOM.Dimension): void;
focus(): void;
remove?(): void;
}
@@ -143,7 +144,7 @@ export class TabbedPanel extends Disposable {
tabLabel.innerText = tab.title;
tabElement.appendChild(tabLabel);
tab.disposables.push(DOM.addDisposableListener(tabHeaderElement, DOM.EventType.CLICK, e => this.showTab(tab.identifier)));
tab.disposables.push(DOM.addDisposableListener(tabHeaderElement, DOM.EventType.KEY_DOWN, (e: KeyboardEvent) => {
tab.disposables.push(DOM.addDisposableListener(tabHeaderElement, DOM.EventType.KEY_UP, (e: KeyboardEvent) => {
let event = new StandardKeyboardEvent(e);
if (event.equals(KeyCode.Enter)) {
this.showTab(tab.identifier);
@@ -188,6 +189,7 @@ export class TabbedPanel extends Disposable {
if (this._currentDimensions) {
this._layoutCurrentTab(new DOM.Dimension(this._currentDimensions.width, this._currentDimensions.height - this.headersize));
}
this.focus();
}
public removeTab(tab: PanelTabIdentifier) {
@@ -306,7 +308,12 @@ export class TabbedPanel extends Disposable {
}
public focus(): void {
if (this._shownTabId) {
const tab = this._tabMap.get(this._shownTabId);
if (tab) {
tab.view.focus();
}
}
}
public set collapsed(val: boolean) {