ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-16 10:58:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add localContentManger and dummy sessionManager (#3130)

Browse Source 
* - keyboard binding to arrow keys
- toggle markdown editor by double click

* Added localContentManger and dummpy sessionManager
This commit is contained in:
Yurong He
2018-11-05 17:55:13 -08:00
committed by GitHub
parent 3c785ae7d8
commit 5da89ac05b
7 changed files with 152 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/sql/parts/notebook/cellViews/textCell.component.html
View File

@@ -6,8 +6,8 @@
-->
<div style="overflow: hidden; width: 100%; height: 100%; display: flex; flex-flow: column">
<div class="notebook-text" style="flex: 0 0 auto;">
<code-component [cellModel]="cellModel" (onContentChanged)="handleContentChanged()"></code-component>
<code-component *ngIf="isEditMode" [cellModel]="cellModel" (onContentChanged)="handleContentChanged()"></code-component>
</div>
<div #preview class="notebook-preview" style="flex: 0 0 auto;">
<div #preview class="notebook-preview" style="flex: 0 0 auto;" (dblclick)="toggleEditMode()">
</div>
</div>

9
src/sql/parts/notebook/cellViews/textCell.component.ts
View File

@@ -24,6 +24,7 @@ export class TextCellComponent extends CellView implements OnInit {
@ViewChild('preview', { read: ElementRef }) private output: ElementRef;
@Input() cellModel: ICellModel;
private _content: string;
private isEditMode: boolean;
constructor(
@Inject(forwardRef(() => CommonServiceInterface)) private _bootstrapService: CommonServiceInterface,
@Inject(forwardRef(() => ChangeDetectorRef)) private _changeRef: ChangeDetectorRef,
@@ -31,6 +32,7 @@ export class TextCellComponent extends CellView implements OnInit {
@Inject(ICommandService) private _commandService: ICommandService
) {
super();
this.isEditMode = true;
}
ngOnChanges() {
@@ -41,7 +43,7 @@ export class TextCellComponent extends CellView implements OnInit {
if (this._content !== this.cellModel.source) {
this._content = this.cellModel.source;
// todo: pass in the notebook filename instead of undefined value
this._commandService.executeCommand('notebook.showPreview', undefined, this._content).then((htmlcontent) => {
this._commandService.executeCommand<string>('notebook.showPreview', undefined, this._content).then((htmlcontent) => {
let outputElement = <HTMLElement>this.output.nativeElement;
outputElement.innerHTML = htmlcontent;
});
@@ -65,4 +67,9 @@ export class TextCellComponent extends CellView implements OnInit {
public handleContentChanged(): void {
this.updatePreview();
}
public toggleEditMode(): void {
this.isEditMode = !this.isEditMode;
this._changeRef.detectChanges();
}
}

2
src/sql/parts/notebook/notebook.component.html
View File

@@ -11,7 +11,7 @@
</div>
</div>
<div style="flex: 1 1 auto; position: relative">
<div class="notebook-cell" *ngFor="let cell of cells" (click)="selectCell(cell)" [class.active]="cell.active" >
<div class="notebook-cell" *ngFor="let cell of cells" (click)="selectCell(cell)" [class.active]="cell.active" (keydown)="onKeyDown($event)">
<code-cell-component *ngIf="cell.cellType === 'code'" [cellModel]="cell">
</code-cell-component>
<text-cell-component *ngIf="cell.cellType === 'markdown'" [cellModel]="cell">

24
src/sql/parts/notebook/notebook.component.ts
View File

@@ -89,4 +89,28 @@ export class NotebookComponent extends AngularDisposable implements OnInit {
this._changeRef.detectChanges();
}
}
public onKeyDown(event) {
switch (event.key) {
case 'ArrowDown':
case 'ArrowRight':
let nextIndex = (this.findCellIndex(this._activeCell) + 1)%this.cells.length;
this.selectCell(this.cells[nextIndex]);
break;
case 'ArrowUp':
case 'ArrowLeft':
let index = this.findCellIndex(this._activeCell);
if (index === 0) {
index = this.cells.length;
}
this.selectCell(this.cells[--index]);
break;
default:
break;
}
}
findCellIndex(cellModel: ICellModel): number {
return this.cells.findIndex((cell) => cell.id === cellModel.id);
}
}