diff --git a/src/Explorer/Panes/SwitchDirectoryPane.html b/src/Explorer/Panes/SwitchDirectoryPane.html deleted file mode 100644 index a7abe84a7..000000000 --- a/src/Explorer/Panes/SwitchDirectoryPane.html +++ /dev/null @@ -1,21 +0,0 @@ -
-
-
- -
- -
- -
- Close -
-
- - - -
- -
- -
-
diff --git a/src/Explorer/Panes/SwitchDirectoryPane.ts b/src/Explorer/Panes/SwitchDirectoryPane.ts deleted file mode 100644 index 198e98bad..000000000 --- a/src/Explorer/Panes/SwitchDirectoryPane.ts +++ /dev/null @@ -1,88 +0,0 @@ -import * as ko from "knockout"; - -import { Action, ActionModifiers } from "../../Shared/Telemetry/TelemetryConstants"; -import { DirectoryListProps } from "../Controls/Directory/DirectoryListComponent"; -import { DefaultDirectoryDropdownProps } from "../Controls/Directory/DefaultDirectoryDropdownComponent"; -import { DirectoryComponentAdapter } from "../Controls/Directory/DirectoryComponentAdapter"; -import SwitchDirectoryPaneTemplate from "./SwitchDirectoryPane.html"; -import * as TelemetryProcessor from "../../Shared/Telemetry/TelemetryProcessor"; - -class PaneComponent { - constructor(data: any) { - return data.data; - } -} - -export class SwitchDirectoryPaneComponent { - constructor() { - return { - viewModel: PaneComponent, - template: SwitchDirectoryPaneTemplate, - }; - } -} - -export class SwitchDirectoryPane { - public id: string; - public firstFieldHasFocus: ko.Observable; - public title: ko.Observable; - public visible: ko.Observable; - - public directoryComponentAdapter: DirectoryComponentAdapter; - - constructor( - dropdownProps: ko.Observable, - listProps: ko.Observable - ) { - this.id = "switchdirectorypane"; - this.title = ko.observable("Switch directory"); - this.visible = ko.observable(false); - this.firstFieldHasFocus = ko.observable(false); - this.resetData(); - this.directoryComponentAdapter = new DirectoryComponentAdapter(dropdownProps, listProps); - } - - public open() { - this.visible(true); - this.firstFieldHasFocus(true); - this.resizePane(); - TelemetryProcessor.trace(Action.ContextualPane, ActionModifiers.Open, { - paneTitle: this.title(), - }); - - this.directoryComponentAdapter.forceRender(); - } - - public close() { - this.visible(false); - this.resetData(); - this.directoryComponentAdapter.forceRender(); - } - - public resetData() { - this.firstFieldHasFocus(false); - } - - public onCloseKeyPress(source: any, event: KeyboardEvent): void { - if (event.key === " " || event.key === "Enter") { - this.close(); - } - } - - public onPaneKeyDown(source: any, event: KeyboardEvent): boolean { - if (event.key === "Escape") { - this.close(); - return false; - } - - return true; - } - - private resizePane(): void { - const paneElement: HTMLElement = document.getElementById(this.id); - const headerElement: HTMLElement = document.getElementsByTagName("header")[0]; - const newPaneElementHeight = window.innerHeight - headerElement.offsetHeight; - - paneElement.style.height = `${newPaneElementHeight}px`; - } -}