jeans/arduino-ide
jeans/arduino-ide
1
0
Fork 0
mirror of https://github.com/arduino/arduino-ide.git synced 2025-06-15 16:46:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Sketchbook tree indentation (#1097)

Browse Source
This commit is contained in:
Francesco Spissu 2022-06-22 18:23:14 +02:00 committed by GitHub
parent 0f8a29a493
commit a79c9b4449
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 29 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
arduino-ide-extension/src/browser/widgets/sketchbook/sketchbook-tree-widget.tsx
View File

@ -1,5 +1,9 @@
import * as React from '@theia/core/shared/react'; import * as React from '@theia/core/shared/react';
import { inject, injectable, postConstruct } from '@theia/core/shared/inversify'; import {
inject,
injectable,
postConstruct,
} from '@theia/core/shared/inversify';
import { TreeNode } from '@theia/core/lib/browser/tree/tree'; import { TreeNode } from '@theia/core/lib/browser/tree/tree';
import { CommandRegistry } from '@theia/core/lib/common/command'; import { CommandRegistry } from '@theia/core/lib/common/command';
import { import {
@ -22,6 +26,11 @@ import { SelectableTreeNode } from '@theia/core/lib/browser/tree/tree-selection'
import { Sketch } from '../../contributions/contribution'; import { Sketch } from '../../contributions/contribution';
import { nls } from '@theia/core/lib/common'; import { nls } from '@theia/core/lib/common';
const customTreeProps: TreeProps = {
leftPadding: 20,
expansionTogglePadding: 6,
};
@injectable() @injectable()
export class SketchbookTreeWidget extends FileTreeWidget { export class SketchbookTreeWidget extends FileTreeWidget {
@inject(CommandRegistry) @inject(CommandRegistry)
@ -57,10 +66,14 @@ export class SketchbookTreeWidget extends FileTreeWidget {
super.init(); super.init();
// cache the current open sketch uri // cache the current open sketch uri
const currentSketch = await this.sketchServiceClient.currentSketch(); const currentSketch = await this.sketchServiceClient.currentSketch();
this.currentSketchUri = (CurrentSketch.isValid(currentSketch) && currentSketch.uri) || ''; this.currentSketchUri =
(CurrentSketch.isValid(currentSketch) && currentSketch.uri) || '';
} }
protected override createNodeClassNames(node: TreeNode, props: NodeProps): string[] { protected override createNodeClassNames(
node: TreeNode,
props: NodeProps
): string[] {
const classNames = super.createNodeClassNames(node, props); const classNames = super.createNodeClassNames(node, props);
if ( if (
@ -73,7 +86,10 @@ export class SketchbookTreeWidget extends FileTreeWidget {
return classNames; return classNames;
} }
protected override renderIcon(node: TreeNode, props: NodeProps): React.ReactNode { protected override renderIcon(
node: TreeNode,
props: NodeProps
): React.ReactNode {
if (SketchbookTree.SketchDirNode.is(node) || Sketch.isSketchFile(node.id)) { if (SketchbookTree.SketchDirNode.is(node) || Sketch.isSketchFile(node.id)) {
return <div className="sketch-folder-icon file-icon"></div>; return <div className="sketch-folder-icon file-icon"></div>;
} }
@ -199,4 +215,13 @@ export class SketchbookTreeWidget extends FileTreeWidget {
} }
event.stopPropagation(); event.stopPropagation();
} }
protected override getPaddingLeft(node: TreeNode, props: NodeProps): number {
return (
props.depth * customTreeProps.leftPadding +
(this.needsExpansionTogglePadding(node)
? customTreeProps.expansionTogglePadding
: 0)
);
}
} }