diff --git a/arduino-ide-extension/src/browser/arduino-frontend-contribution.tsx b/arduino-ide-extension/src/browser/arduino-frontend-contribution.tsx index 571f30a5..a03e8954 100644 --- a/arduino-ide-extension/src/browser/arduino-frontend-contribution.tsx +++ b/arduino-ide-extension/src/browser/arduino-frontend-contribution.tsx @@ -27,6 +27,7 @@ import { ArduinoOpenSketchContextMenu } from './arduino-file-menu'; import { Sketch, SketchesService } from '../common/protocol/sketches-service'; import { WindowService } from '@theia/core/lib/browser/window/window-service'; import { CommonCommands } from '@theia/core/lib/browser/common-frontend-contribution' +import { BoardsToolBarItem } from './components/boards-toolbar-item'; @injectable() export class ArduinoFrontendContribution implements TabBarToolbarContribution, CommandContribution { @@ -118,12 +119,15 @@ export class ArduinoFrontendContribution implements TabBarToolbarContribution, C }); registry.registerItem({ id: ConnectedBoards.TOOLBAR_ID, - render: () => , + // render: () => , isVisible: widget => this.isArduinoToolbar(widget) }) } diff --git a/arduino-ide-extension/src/browser/components/boards-toolbar-item.tsx b/arduino-ide-extension/src/browser/components/boards-toolbar-item.tsx new file mode 100644 index 00000000..f4ea197c --- /dev/null +++ b/arduino-ide-extension/src/browser/components/boards-toolbar-item.tsx @@ -0,0 +1,38 @@ +import * as React from 'react'; +import { Board } from '../../common/protocol/boards-service'; + +export namespace BoardsToolBarItem { + export interface Props { + readonly onNoBoardsInstalled: () => void; + readonly onUnknownBoard: (board: Board) => void; + } + + export interface State { + showOpenButton: boolean; + } +} + +export class BoardsToolBarItem extends React.Component { + + constructor(props: BoardsToolBarItem.Props) { + super(props); + + this.state = { + showOpenButton: false + } + } + + render(): React.ReactNode { + + return +
this.setState({ showOpenButton: !this.state.showOpenButton })}> +
+
+
Hallo
+ {this.state.showOpenButton ?
OPEN BOARDS DIALOG
: ''} +
+
+
+
; + } +} \ No newline at end of file diff --git a/arduino-ide-extension/src/browser/style/main.css b/arduino-ide-extension/src/browser/style/main.css index 8b8aed55..734cb13c 100644 --- a/arduino-ide-extension/src/browser/style/main.css +++ b/arduino-ide-extension/src/browser/style/main.css @@ -53,6 +53,25 @@ opacity: 1; } +.arduino-boards-toolbar-item-container { + display: flex; + align-items: center; +} + +.arduino-boards-toolbar-item .label { + height: 100%; + display: flex; + align-items: center; +} + +.arduino-open-boards-button { +} + +.arduino-boards-toolbar-item { + background: white; + height: 18px; +} + .arduino-tool-item.item.connected-boards select { line-height: var(--theia-content-line-height); font-size: var(--theia-ui-font-size1);