grosse
/
jupyterlab-data-pool
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

switched vars
ci/woodpecker/push/woodpecker Pipeline failed Details

This commit is contained in:
maltegrosse 2023-01-23 20:34:41 +01:00
parent 4ae64963c4
commit 9a43bacb85
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/index.ts
View File

@ -45,10 +45,10 @@ const plugin: JupyterFrontEndPlugin<void> = {
const webDavIcon = new LabIcon({ name: 'ui-components:webdav-icon', svgstr: Icon}); const webDavIcon = new LabIcon({ name: 'ui-components:webdav-icon', svgstr: Icon});
const label = "Data Pool" const label = "Data Pool"
const content = new DataPoolWidget(); const content = new DataPoolWidget(label);
const widget = new MainAreaWidget({content}); const widget = new MainAreaWidget({content});
widget.id = 'jupyterlab-data-pool:plugin'; widget.id = 'jupyterlab-data-pool:plugin';
widget.title.label = 'Data Pool'; widget.title.label = label
widget.title.closable = true; widget.title.closable = true;
widget.title.icon = webDavIcon widget.title.icon = webDavIcon

16
src/widget.tsx
View File

@ -9,23 +9,25 @@ const divStyle = {
}; };
export class DataPoolWidget extends ReactWidget { export class DataPoolWidget extends ReactWidget {
applicationName: string = '' applicationName = ""
constructor() { constructor(label: string) {
super(); super();
this.applicationName = "Data Pool" this.applicationName = label
} }
render(): JSX.Element { render(): JSX.Element {
return (<div style={divStyle}><TmpLayout /></div>); return (<div style={divStyle}><TmpLayout label={this.applicationName} /></div>);
} }
} }
interface LayoutProps {
label: string
};
const TmpLayout = (props: LayoutProps) => {
const TmpLayout = () => {
return (<Container > return (<Container >
<Row> <Row>
<Col><h2>Data Pool</h2> <Col><h2>{props.label}</h2>
</Col> </Col>
</Row> </Row>