) {
- let actives = [];
- for (let widget of newWidgets) {
- if (widget.status == WidgetStatus.ACTIVE) {
- actives.push(widget.id);
- }
- this.addWidget(widget);
- }
-
- for (const active of actives) {
- this.model.doAction(FlexLayout.Actions.selectTab(active));
- }
- }
-
- private deleteWidget(widget: any) {
- this.model.doAction(Actions.deleteTab(widget.id));
- }
-
- private getWidgets() {
- let nodes = [];
- this.model.visitNodes((node, level) => {
- // TODO access through public api. getConfig is hiding our data (using extraData maybe works)
- if ((node['_attributes'] as ExtendedNode).config) {
- nodes.push((node['_attributes'] as ExtendedNode).config);
- }
- });
- return nodes;
- }
-
- onAction(action) {
- const oldModel = this.model.toJson();
- let defaultAction = true;
- switch (action.type) {
- case Actions.SET_ACTIVE_TABSET:
- break;
- case Actions.SELECT_TAB:
- break;
- case Actions.DELETE_TAB: {
- if (this.getWidget(action.data.node).hideOnClose) {
- this.minimizeWidget(action.data.node);
- defaultAction = false;
- }
- break;
- }
- case Actions.MAXIMIZE_TOGGLE:
- // this.onActionMaximizeWidget(action);
- break;
- case Actions.ADJUST_SPLIT:
- break;
- case Actions.ADD_NODE: {
- // action.data.index = this.findWidgetInsertionIndex(action);
- break;
- }
- case Actions.MOVE_NODE: {
-
- break;
- }
- default: {
- this.model.doAction(action);
- }
- }
- if (defaultAction) {
- this.model.doAction(action);
- }
-
- const newModel = this.model.toJson();
- if (!isEqual(oldModel, newModel)) {
- this.dispatch(setLayout(newModel));
- }
-
- window.dispatchEvent(new Event("resize"));
- }
-
- private getWidget(id): Widget {
- const node = this.model.getNodeById(id);
- return node && node['_attributes'] ? (node['_attributes'] as ExtendedNode).config : null;
- }
-
- private minimizeWidget(widgetId) {
- const updatedWidget = { ...this.getWidget(widgetId) };
- if (updatedWidget === undefined) {
- return;
- }
- updatedWidget.status = WidgetStatus.MINIMIZED;
- updatedWidget.defaultPanel = updatedWidget.panelName;
- updatedWidget.panelName = MINIMIZED_PANEL;
- this.updateWidget(updatedWidget);
- // this.model.doAction(FlexLayout.Actions.moveNode(widgetId, "border_bottom", FlexLayout.DockLocation.CENTER, 0));
- }
-
- private updateWidget(widget: Widget) {
- const { model } = this;
- if (!widget) {
- debugger;
- }
- const previousWidget = this.getWidget(widget.id);
- if (previousWidget.status != widget.status) {
- if (previousWidget.status == WidgetStatus.MINIMIZED) {
- this.restoreWidget(widget);
- } else {
- this.moveWidget(widget);
- }
- }
- this.widgetFactory.updateWidget(widget);
- model.doAction(Actions.updateNodeAttributes(widget.id, widget2Node(widget)));
- if (widget.status == WidgetStatus.ACTIVE) {
- model.doAction(FlexLayout.Actions.selectTab(widget.id));
- }
- }
-
- factory(node) {
- return this.widgetFactory.factory(node.getConfig());
- }
-
- iconFactory(node) {
- // TODO move to newest flexlayout-react to add this functionality
- return this.tabsetIconFactory.factory(node.getConfig());
- }
-
- private restoreWidget(widget: Widget) {
- const { model } = this;
- widget.panelName = widget.defaultPanel;
- const panelName = widget.panelName;
- let tabset = model.getNodeById(panelName);
- if (tabset === undefined) {
- this.createTabSet(panelName, widget.defaultPosition, widget.defaultWeight);
- }
- this.moveWidget(widget);
- }
-
- private moveWidget(widget) {
- const { model } = this;
- model.doAction(
- FlexLayout.Actions.moveNode(
- widget.id,
- widget.panelName,
- FlexLayout.DockLocation.CENTER,
- widget.pos
- )
- );
- // Resize of canvas and SVG images
- window.dispatchEvent(new Event("resize"));
- }
-
- getWidgetStatus(widgetId) {
- const { model } = this
- const parent = model.getNodeById(widgetId).getParent() as any;
- if (parent.getId() === "border_bottom") {
- return WidgetStatus.MINIMIZED
- } else {
- const selectedIndex = parent.getSelected()
- if (parent.getChildren()[selectedIndex].getId() === widgetId) {
- return WidgetStatus.ACTIVE
- }
- return WidgetStatus.HIDDEN
- }
- }
-}
-
-export function initLayoutManager(model, factory: WidgetFactory, widgets: Widget[], iconFactory: TabsetIconFactory) {
- instance = new LayoutManager(model, factory, widgets, iconFactory);
- return instance;
-}
-
-export const getLayoutManagerInstance = () => instance;
\ No newline at end of file
diff --git a/webapp/components/layout/TabsetIconFactory.tsx b/webapp/components/layout/TabsetIconFactory.tsx
deleted file mode 100644
index 45ee601a..00000000
--- a/webapp/components/layout/TabsetIconFactory.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import * as React from 'react';
-
-import Icon from '@material-ui/core/Icon';
-
-export default class TabsetIconFactory {
- factory (widgetConfig) {
- return this.createIcon(widgetConfig.icon);
- }
-
- createIcon (iconName) {
- return ;
- }
-}
diff --git a/webapp/components/layout/WidgetFactory.tsx b/webapp/components/layout/WidgetFactory.tsx
deleted file mode 100644
index ba0c6cfc..00000000
--- a/webapp/components/layout/WidgetFactory.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-import * as React from 'react';
-
-import {
- HTMLViewer,
- NetPyNEInstantiated,
- NetPyNESynapses,
- NetPyNEConnectivityRules,
- NetPyNECellRules,
- NetPyNEStimulationSources,
- NetPyNEStimulationTargets,
- NetPyNESimConfig,
- NetPyNEPopulations,
- NetPyNEPlots,
- NetPyNEPythonConsole,
- ExperimentManager,
-} from '..';
-
-import { WidgetComponent } from './model';
-
-export default class WidgetFactory {
- widgets = {};
-
- // FIXME didn't found a way to make standard refs work here, so using a custom callback
- refs: { [id: string]: WidgetComponent } = {};
-
- constructor () {
- this.widgets = {};
- }
-
- counter = 0
-
- /**
- * Widget configuration is the same we are using in the flexlayout actions
- *
- * @param { id, name, component, panelName, [instancePath], * } widgetConfig
- */
- factory (widgetConfig) {
- if (!this.widgets[widgetConfig.id]) {
- this.widgets[widgetConfig.id] = this.newWidget(widgetConfig);
- }
-
- return this.widgets[widgetConfig.id];
- }
-
- getComponents (): { [id: string]: WidgetComponent } {
- const confs: { [id: string]: WidgetComponent } = {};
- for (const wid in this.refs) {
- const component = this.refs[wid];
- if (component.exportSession) {
- confs[wid] = component;
- }
- }
- return confs;
- }
-
- getComponent (widgetId: string) {
- return this.refs[widgetId];
- }
-
- updateWidget (widgetConfig) {
- this.widgets[widgetConfig.id] = this.newWidget(widgetConfig);
- return this.widgets[widgetConfig.id];
- }
-
- newWidget (widgetConfig) {
- const { component } = widgetConfig;
- switch (component) {
- case 'PythonConsole': {
- return ;
- }
- case 'D3Canvas':
- return ;
- case 'Plot': {
- const data = window['plotCache'][widgetConfig.id];
- if (widgetConfig.method.plotMethod.startsWith('iplot')) {
- return (
-
-