mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-03-23 13:20:30 -04:00
Vscode merge (#4582)
* Merge from vscode 37cb23d3dd4f9433d56d4ba5ea3203580719a0bd * fix issues with merges * bump node version in azpipe * replace license headers * remove duplicate launch task * fix build errors * fix build errors * fix tslint issues * working through package and linux build issues * more work * wip * fix packaged builds * working through linux build errors * wip * wip * wip * fix mac and linux file limits * iterate linux pipeline * disable editor typing * revert series to parallel * remove optimize vscode from linux * fix linting issues * revert testing change * add work round for new node * readd packaging for extensions * fix issue with angular not resolving decorator dependencies
This commit is contained in:
Anthony Dresser
212
src/vs/workbench/contrib/search/browser/patternInputWidget.ts
Normal file
212
src/vs/workbench/contrib/search/browser/patternInputWidget.ts
Normal file
@@ -0,0 +1,212 @@
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
* Copyright (c) Microsoft Corporation. All rights reserved.
|
||||
* Licensed under the Source EULA. See License.txt in the project root for license information.
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
|
||||
import * as nls from 'vs/nls';
|
||||
import * as dom from 'vs/base/browser/dom';
|
||||
import { Widget } from 'vs/base/browser/ui/widget';
|
||||
import { Checkbox } from 'vs/base/browser/ui/checkbox/checkbox';
|
||||
import { IContextViewProvider } from 'vs/base/browser/ui/contextview/contextview';
|
||||
import { IInputValidator, HistoryInputBox } from 'vs/base/browser/ui/inputbox/inputBox';
|
||||
import { IKeyboardEvent } from 'vs/base/browser/keyboardEvent';
|
||||
import { KeyCode } from 'vs/base/common/keyCodes';
|
||||
import { Event as CommonEvent, Emitter } from 'vs/base/common/event';
|
||||
import { IThemeService } from 'vs/platform/theme/common/themeService';
|
||||
import { attachInputBoxStyler, attachCheckboxStyler } from 'vs/platform/theme/common/styler';
|
||||
import { ContextScopedHistoryInputBox } from 'vs/platform/browser/contextScopedHistoryWidget';
|
||||
import { IContextKeyService } from 'vs/platform/contextkey/common/contextkey';
|
||||
|
||||
export interface IOptions {
|
||||
placeholder?: string;
|
||||
width?: number;
|
||||
validation?: IInputValidator;
|
||||
ariaLabel?: string;
|
||||
history?: string[];
|
||||
}
|
||||
|
||||
export class PatternInputWidget extends Widget {
|
||||
|
||||
static OPTION_CHANGE: string = 'optionChange';
|
||||
|
||||
inputFocusTracker: dom.IFocusTracker;
|
||||
|
||||
private width: number;
|
||||
private placeholder: string;
|
||||
private ariaLabel: string;
|
||||
|
||||
private domNode: HTMLElement;
|
||||
protected inputBox: HistoryInputBox;
|
||||
|
||||
private _onSubmit = this._register(new Emitter<boolean>());
|
||||
onSubmit: CommonEvent<boolean> = this._onSubmit.event;
|
||||
|
||||
private _onCancel = this._register(new Emitter<boolean>());
|
||||
onCancel: CommonEvent<boolean> = this._onCancel.event;
|
||||
|
||||
constructor(parent: HTMLElement, private contextViewProvider: IContextViewProvider, options: IOptions = Object.create(null),
|
||||
@IThemeService protected themeService: IThemeService,
|
||||
@IContextKeyService private readonly contextKeyService: IContextKeyService
|
||||
) {
|
||||
super();
|
||||
this.width = options.width || 100;
|
||||
this.placeholder = options.placeholder || '';
|
||||
this.ariaLabel = options.ariaLabel || nls.localize('defaultLabel', "input");
|
||||
|
||||
this.render(options);
|
||||
|
||||
parent.appendChild(this.domNode);
|
||||
}
|
||||
|
||||
dispose(): void {
|
||||
super.dispose();
|
||||
if (this.inputFocusTracker) {
|
||||
this.inputFocusTracker.dispose();
|
||||
}
|
||||
}
|
||||
|
||||
setWidth(newWidth: number): void {
|
||||
this.width = newWidth;
|
||||
this.domNode.style.width = this.width + 'px';
|
||||
this.contextViewProvider.layout();
|
||||
this.setInputWidth();
|
||||
}
|
||||
|
||||
getValue(): string {
|
||||
return this.inputBox.value;
|
||||
}
|
||||
|
||||
setValue(value: string): void {
|
||||
if (this.inputBox.value !== value) {
|
||||
this.inputBox.value = value;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
select(): void {
|
||||
this.inputBox.select();
|
||||
}
|
||||
|
||||
focus(): void {
|
||||
this.inputBox.focus();
|
||||
}
|
||||
|
||||
inputHasFocus(): boolean {
|
||||
return this.inputBox.hasFocus();
|
||||
}
|
||||
|
||||
private setInputWidth(): void {
|
||||
this.inputBox.width = this.width - this.getSubcontrolsWidth() - 2; // 2 for input box border
|
||||
}
|
||||
|
||||
protected getSubcontrolsWidth(): number {
|
||||
return 0;
|
||||
}
|
||||
|
||||
getHistory(): string[] {
|
||||
return this.inputBox.getHistory();
|
||||
}
|
||||
|
||||
clearHistory(): void {
|
||||
this.inputBox.clearHistory();
|
||||
}
|
||||
|
||||
onSearchSubmit(): void {
|
||||
this.inputBox.addToHistory();
|
||||
}
|
||||
|
||||
showNextTerm() {
|
||||
this.inputBox.showNextValue();
|
||||
}
|
||||
|
||||
showPreviousTerm() {
|
||||
this.inputBox.showPreviousValue();
|
||||
}
|
||||
|
||||
private render(options: IOptions): void {
|
||||
this.domNode = document.createElement('div');
|
||||
this.domNode.style.width = this.width + 'px';
|
||||
dom.addClass(this.domNode, 'monaco-findInput');
|
||||
|
||||
this.inputBox = new ContextScopedHistoryInputBox(this.domNode, this.contextViewProvider, {
|
||||
placeholder: this.placeholder || '',
|
||||
ariaLabel: this.ariaLabel || '',
|
||||
validationOptions: {
|
||||
validation: undefined
|
||||
},
|
||||
history: options.history || []
|
||||
}, this.contextKeyService);
|
||||
this._register(attachInputBoxStyler(this.inputBox, this.themeService));
|
||||
this.inputFocusTracker = dom.trackFocus(this.inputBox.inputElement);
|
||||
this.onkeyup(this.inputBox.inputElement, (keyboardEvent) => this.onInputKeyUp(keyboardEvent));
|
||||
|
||||
const controls = document.createElement('div');
|
||||
controls.className = 'controls';
|
||||
this.renderSubcontrols(controls);
|
||||
|
||||
this.domNode.appendChild(controls);
|
||||
this.setInputWidth();
|
||||
}
|
||||
|
||||
protected renderSubcontrols(controlsDiv: HTMLDivElement): void {
|
||||
}
|
||||
|
||||
private onInputKeyUp(keyboardEvent: IKeyboardEvent) {
|
||||
switch (keyboardEvent.keyCode) {
|
||||
case KeyCode.Enter:
|
||||
this._onSubmit.fire(false);
|
||||
return;
|
||||
case KeyCode.Escape:
|
||||
this._onCancel.fire(false);
|
||||
return;
|
||||
default:
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export class ExcludePatternInputWidget extends PatternInputWidget {
|
||||
|
||||
constructor(parent: HTMLElement, contextViewProvider: IContextViewProvider, options: IOptions = Object.create(null),
|
||||
@IThemeService themeService: IThemeService,
|
||||
@IContextKeyService contextKeyService: IContextKeyService
|
||||
) {
|
||||
super(parent, contextViewProvider, options, themeService, contextKeyService);
|
||||
}
|
||||
|
||||
private useExcludesAndIgnoreFilesBox: Checkbox;
|
||||
|
||||
dispose(): void {
|
||||
super.dispose();
|
||||
this.useExcludesAndIgnoreFilesBox.dispose();
|
||||
}
|
||||
|
||||
useExcludesAndIgnoreFiles(): boolean {
|
||||
return this.useExcludesAndIgnoreFilesBox.checked;
|
||||
}
|
||||
|
||||
setUseExcludesAndIgnoreFiles(value: boolean) {
|
||||
this.useExcludesAndIgnoreFilesBox.checked = value;
|
||||
}
|
||||
|
||||
protected getSubcontrolsWidth(): number {
|
||||
return super.getSubcontrolsWidth() + this.useExcludesAndIgnoreFilesBox.width();
|
||||
}
|
||||
|
||||
protected renderSubcontrols(controlsDiv: HTMLDivElement): void {
|
||||
this.useExcludesAndIgnoreFilesBox = this._register(new Checkbox({
|
||||
actionClassName: 'useExcludesAndIgnoreFiles',
|
||||
title: nls.localize('useExcludesAndIgnoreFilesDescription', "Use Exclude Settings and Ignore Files"),
|
||||
isChecked: true,
|
||||
}));
|
||||
this._register(this.useExcludesAndIgnoreFilesBox.onChange(viaKeyboard => {
|
||||
if (!viaKeyboard) {
|
||||
this.inputBox.focus();
|
||||
}
|
||||
}));
|
||||
this._register(attachCheckboxStyler(this.useExcludesAndIgnoreFilesBox, this.themeService));
|
||||
|
||||
controlsDiv.appendChild(this.useExcludesAndIgnoreFilesBox.domNode);
|
||||
super.renderSubcontrols(controlsDiv);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user