random-mirrors
/
cosmos-explorer
mirror of https://github.com/Azure/cosmos-explorer.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Remove unused Switch Directory Pane (#766)

This commit is contained in:
Steve Faulkner 2021-05-09 22:37:18 -05:00 committed by GitHub
parent 487fbf2072
commit 7efa8ca58f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 0 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/Explorer/Panes/SwitchDirectoryPane.html
View File

@ -1,21 +0,0 @@
<div data-bind="visible: visible, event: { keydown: onPaneKeyDown }">
<div class="contextual-pane-out" data-bind="click: close, clickBubble: false"></div>
<div class="contextual-pane" id="switchdirectorypane">
<!-- Switch Directory -- Start -->
<div class="contextual-pane-in">
<!-- Switch Directory header - Start -->
<div class="firstdivbg headerline">
<span role="heading" aria-level="2" data-bind="text: title"></span>
<div class="closeImg" role="button" aria-label="Close pane" tabindex="0" data-bind="click: close">
<img src="../../../images/close-black.svg" title="Close" alt="Close" />
</div>
</div>
<!-- Switch Directory header - End -->
<!-- Switch Directory content - Start -->
<div class="paneMainContent" data-bind="react: directoryComponentAdapter"></div>
<!-- Switch Directory content - Start -->
</div>
<!-- Switch Directory -- End -->
</div>
</div>

88
src/Explorer/Panes/SwitchDirectoryPane.ts
View File

@ -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<boolean>;
public title: ko.Observable<string>;
public visible: ko.Observable<boolean>;
public directoryComponentAdapter: DirectoryComponentAdapter;
constructor(
dropdownProps: ko.Observable<DefaultDirectoryDropdownProps>,
listProps: ko.Observable<DirectoryListProps>
) {
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`;
}
}