-
+
+ );
}
-}
+};
export default App;
diff --git a/src/branding/branding.js b/src/branding/branding.js
index 2d3bf535..82cf8dc8 100644
--- a/src/branding/branding.js
+++ b/src/branding/branding.js
@@ -15,17 +15,29 @@
* along with VILLASweb. If not, see 
+ image = (
+ ![{"Logo]({require("./")
+ );
} catch (err) {
- console.error("cannot find './" + this.brand + '/img/' + this.values.logo + "'");
+ console.error(
+ "cannot find './" + this.brand + "/img/" + this.values.logo + "'"
+ );
}
return image;
@@ -212,7 +244,7 @@ class Branding {
getSubtitle() {
return this.values.subtitle ? this.values.subtitle : null;
}
-};
+}
var branding = new Branding(process.env.REACT_APP_BRAND);
diff --git a/src/branding/enershare/enershare-functions.js b/src/branding/enershare/enershare-functions.js
new file mode 100644
index 00000000..aee263d8
--- /dev/null
+++ b/src/branding/enershare/enershare-functions.js
@@ -0,0 +1,57 @@
+/**
+ * This file is part of VILLASweb.
+ *
+ * VILLASweb is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * VILLASweb is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with VILLASweb. If not, see
+ {this.props.children}
- return
- {this.props.children}
-
- ;
+
+ );
}
}
@@ -64,11 +65,11 @@ WidgetArea.propTypes = {
editing: PropTypes.bool,
grid: PropTypes.number,
//widgets: PropTypes.array,
- onWidgetAdded: PropTypes.func
+ onWidgetAdded: PropTypes.func,
};
WidgetArea.defaultProps = {
- widgets: {}
+ widgets: {},
};
export default WidgetArea;
diff --git a/src/pages/dashboards/hooks/use-dashboard-data.js b/src/pages/dashboards/hooks/use-dashboard-data.js
new file mode 100644
index 00000000..6734dd0c
--- /dev/null
+++ b/src/pages/dashboards/hooks/use-dashboard-data.js
@@ -0,0 +1,102 @@
+/**
+ * This file is part of VILLASweb.
+ *
+ * VILLASweb is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * VILLASweb is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with VILLASweb. If not, see 1){
- // widget uses array of signals, save complete array
- widget.customProperties.value = action.values
- } else {
- console.log("WARNING: attempt tp update widget signal value(s) on loopback, " +
- "but incompatible values (type or length of array) provided");
- }
-
- } else {
- console.log("WARNING: attempt tp update widget signal value(s) on loopback, " +
- "but affected widget (ID=", widget.id, ") does not have customProperties.value field");
- }
- } else {
- console.log("WARNING: attempt tp update widget signal value(s) on loopback, " +
- "but affected widget (ID=", widget.id, ") does not have customProperties field");
- }
- } // if signal found
- } // for
- })
-
- // explicit call to prevent array copy
- this.__emitChange();
-
- return state;
-
- default:
- return super.reduce(state, action);
-
- }
- }
-
-}
-
-export default new WidgetStore();
diff --git a/src/pages/dashboards/widget/widget.js b/src/pages/dashboards/widget/widget.js
deleted file mode 100644
index 6f86f547..00000000
--- a/src/pages/dashboards/widget/widget.js
+++ /dev/null
@@ -1,192 +0,0 @@
-/**
- * This file is part of VILLASweb.
- *
- * VILLASweb is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * VILLASweb is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with VILLASweb. If not, see
- inputDataChanged(widget, value, controlID, controlValue, isFinalChange)
- }
- signals={signals}
- token={sessionToken}
- />
- );
- } else if (widget.type === 'NumberInput') {
- return (
-
- inputDataChanged(widget, value, controlID, controlValue, isFinalChange)
- }
- signals={signals}
- token={sessionToken}
- />
- );
- } else if (widget.type === 'Slider') {
- return (
-
- inputDataChanged(widget, value, controlID, controlValue, isFinalChange)
- }
- signals={signals}
- token={sessionToken}
- />
- );
- } else if (widget.type === 'Player') {
- return (
-
);
diff --git a/src/pages/dashboards/widget/widgets/icstatus.jsx b/src/pages/dashboards/widget/widgets/icstatus.jsx
index 943c4187..a1b3c336 100644
--- a/src/pages/dashboards/widget/widgets/icstatus.jsx
+++ b/src/pages/dashboards/widget/widgets/icstatus.jsx
@@ -16,40 +16,48 @@
******************************************************************************/
import React, { useState, useEffect } from "react";
-import { Badge } from "react-bootstrap";
-import {stateLabelStyle} from "../../../infrastructure/styles";
+import { Badge, Spinner } from "react-bootstrap";
+import { stateLabelStyle } from "../../../infrastructure/styles";
+import { useDispatch } from "react-redux";
+import { useLazyGetICbyIdQuery } from "../../../../store/apiSlice";
+let timer = null;
const WidgetICstatus = (props) => {
- const [sessionToken, setSessionToken] = useState(
- localStorage.getItem("token")
- );
+ const dispatch = useDispatch();
+ const [ics, setIcs] = useState(props.ics);
+ const [triggerGetICbyId] = useLazyGetICbyIdQuery();
+ const refresh = async () => {
+ if (props.ics) {
+ try {
+ const requests = props.ics.map((ic) =>
+ triggerGetICbyId(ic.id).unwrap()
+ );
- useEffect(() => {
- // Function to refresh data
- const refresh = () => {
- if (props.ics) {
- props.ics.forEach((ic) => {
- let icID = parseInt(ic.id, 10);
- });
+ const results = await Promise.all(requests);
+ setIcs(results);
+ } catch (error) {
+ console.error("Error loading ICs:", error);
}
- };
+ }
+ };
+ useEffect(() => {
+ window.clearInterval(timer);
+ timer = window.setInterval(refresh, 3000);
- // Start timer for periodic refresh
- const timer = window.setInterval(() => refresh(), 3000);
+ refresh();
- // Cleanup function equivalent to componentWillUnmount
return () => {
window.clearInterval(timer);
};
- }, [props.ics, sessionToken]);
+ }, [props.ics]);
let badges = [];
let checkedICs = props.widget ? props.widget.customProperties.checkedIDs : [];
if (props.ics && checkedICs) {
- badges = props.ics
- .filter((ic) => checkedICs.includes(ic.id))
- .map((ic) => {
+ badges = ics
+ .filter(({ ic }) => checkedICs.includes(ic?.id))
+ .map(({ ic }) => {
let badgeStyle = stateLabelStyle(ic.state, ic);
return (
+
+
-
+
- )
+ {branding.getFooter()}
+
+
-
- {branding.getFooter()}
-
-
-
-
-
-
-
-
-
-
-
-
- : '' }
- { user.role === "Admin" || pages.infrastructure ? <>
-
-
-
-
-
- : '' }
- { pages.account ?
-
- : '' }
- { user.role === "Admin" || pages.api ?
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ) : (
+ ""
+ )}
+ {user.role === "Admin" || pages.infrastructure ? (
+ <>
+
+
+
+
+
+ ) : (
+ ""
+ )}
+ {pages.account ? (
+
+
+ ) : (
+ ""
+ )}
+ {user.role === "Admin" ? (
+ <>
+
+
+
+
+
+ ) : (
+ ""
+ )}
+ {user.role === "Admin" || pages.api ? (
+
Welcome!
This is the welcome page and you are very welcome here.
+
+ );
}
// if icon cannot be found, the default favicon will be used
@@ -137,12 +161,12 @@ class Branding {
if (!this.values.icon) {
return;
}
- var oldlink = document.getElementById('dynamic-favicon');
+ var oldlink = document.getElementById("dynamic-favicon");
- var link = document.createElement('link');
- link.id = 'dynamic-favicon';
- link.rel = 'shortcut icon'
- link.href = '/' + this.values.icon;
+ var link = document.createElement("link");
+ link.id = "dynamic-favicon";
+ link.rel = "shortcut icon";
+ link.href = "/" + this.values.icon;
if (oldlink) {
document.head.removeChild(oldlink);
@@ -151,7 +175,7 @@ class Branding {
}
checkValues() {
- if (!this.values.hasOwnProperty('pages')) {
+ if (!this.values.hasOwnProperty("pages")) {
let pages = {};
pages.home = true;
pages.scenarios = true;
@@ -162,23 +186,23 @@ class Branding {
this.values.pages = pages;
} else {
- if (!this.values.pages.hasOwnProperty('home')) {
- this.values.pages['home'] = false;
+ if (!this.values.pages.hasOwnProperty("home")) {
+ this.values.pages["home"] = false;
}
- if (!this.values.pages.hasOwnProperty('scenarios')) {
- this.values.pages['scenarios'] = false;
+ if (!this.values.pages.hasOwnProperty("scenarios")) {
+ this.values.pages["scenarios"] = false;
}
- if (!this.values.pages.hasOwnProperty('infrastructure')) {
- this.values.pages['infrastructure'] = false;
+ if (!this.values.pages.hasOwnProperty("infrastructure")) {
+ this.values.pages["infrastructure"] = false;
}
- if (!this.values.pages.hasOwnProperty('users')) {
- this.values.pages['users'] = false;
+ if (!this.values.pages.hasOwnProperty("users")) {
+ this.values.pages["users"] = false;
}
- if (!this.values.pages.hasOwnProperty('account')) {
- this.values.pages['account'] = false;
+ if (!this.values.pages.hasOwnProperty("account")) {
+ this.values.pages["account"] = false;
}
- if (!this.values.pages.hasOwnProperty('api')) {
- this.values.pages['api'] = false;
+ if (!this.values.pages.hasOwnProperty("api")) {
+ this.values.pages["api"] = false;
}
}
}
@@ -186,10 +210,10 @@ class Branding {
applyStyle() {
this.changeHead();
- const rootEl = document.querySelector(':root');
+ const rootEl = document.querySelector(":root");
for (const [key, value] of Object.entries(this.values.style)) {
- rootEl.style.setProperty('--' + key, value);
+ rootEl.style.setProperty("--" + key, value);
}
}
@@ -197,9 +221,17 @@ class Branding {
let image = null;
try {
- image = Welcome!
+This is the welcome page and you are very welcome here.
+
+ .default})
+
)
+}
+
+export function enershare_welcome() {
+ return (
+
+ Home
++ Welcome to DT-FPEN! +
+The DT concept for electrical networks is based on the simulation tool DPSim, and allows the interconnection + to data acquisition devices (measurement devices and status indicators) and the interaction with other systems.
+ +It is possibile to interconnect with other systems, like the service for Data-driven management of surplus RES generation + where forecasts for the consumers in low voltage are calculated, or that can be used for predicting the consumption + of the water pumps in the circuit of the pilot. This will allow the pilot to improve their usage of the flexibility capabilities.
+
+
)
+}
+
+export function enershare_footer() {
+ return (
+
+ );
+}
diff --git a/src/branding/enershare/enershare-values.js b/src/branding/enershare/enershare-values.js
new file mode 100644
index 00000000..3df93bd8
--- /dev/null
+++ b/src/branding/enershare/enershare-values.js
@@ -0,0 +1,45 @@
+/**
+ * This file is part of VILLASweb.
+ *
+ * VILLASweb is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * VILLASweb is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with VILLASweb. If not, see Welcome!
+This is the Digital Twin for flexible energy networks, a system designed to facilitate the integration and flexibility on electrical networks with renewable energy sources.
+
- {buttons}
-
;
- }
-}
-
-DashboardButtonGroup.propTypes = {
- editing: PropTypes.bool,
- fullscreen: PropTypes.bool,
- paused: PropTypes.bool,
- onEdit: PropTypes.func,
- onSave: PropTypes.func,
- onCancel: PropTypes.func,
- onFullscreen: PropTypes.func,
- onPause: PropTypes.func,
- onUnpause: PropTypes.func
-};
-
-export default DashboardButtonGroup;
diff --git a/src/pages/dashboards/dashboard-error-boundry.js b/src/pages/dashboards/dashboard-error-boundry.js
new file mode 100644
index 00000000..42e881ac
--- /dev/null
+++ b/src/pages/dashboards/dashboard-error-boundry.js
@@ -0,0 +1,30 @@
+import React from "react";
+
+class ErrorBoundary extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = { hasError: false };
+ }
+
+ static getDerivedStateFromError(error) {
+ return { hasError: true };
+ }
+
+ componentDidCatch(error, errorInfo) {
+ console.error("Error caught by Error Boundary:", error, errorInfo);
+ }
+
+ render() {
+ if (this.state.hasError) {
+ return (
+ <>
+ Something went wrong!
+ + ); + } + + return this.props.children; + } +} + +export default ErrorBoundary; diff --git a/src/pages/dashboards/dashboard-layout.js b/src/pages/dashboards/dashboard-layout.js new file mode 100644 index 00000000..69e5a2c5 --- /dev/null +++ b/src/pages/dashboards/dashboard-layout.js @@ -0,0 +1,454 @@ +/** + * This file is part of VILLASweb. + * + * VILLASweb is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * VILLASweb is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with VILLASweb. If not, see
+
+ ) : (
+
+ setPaused(true)}
+ onUnpause={() => setPaused(false)}
+ onEditFiles={() => {}}
+ onEditOutputSignals={() => setEditInputSignalsModal(true)}
+ onEditInputSignals={() => setEditInputSignalsModal(true)}
+ />
+
+
+
+
+ {dashboard?.name}
+
+
+
+
+
+ {dashboard?.name}
+
+
+ e.preventDefault()}
+ >
+ {editing && (
+
+ setGridParameters((prevState) => ({ ...prevState, grid: val }))
+ }
+ dashboard={dashboard}
+ onDashboardSizeChange={(val) =>
+ setGridParameters((prevState) => ({ ...prevState, height: val }))
+ }
+ widgets={localWidgets}
+ />
+ )}
+
+
+ {localWidgets != null &&
+ Object.keys(localWidgets).map((widgetKey) => (
+
+
+
+
+ deleteWidget(widget.id)}
+ onChange={editing ? handleWidgetChange : onChange}
+ >
+
+
+ ))}
+ Loading...
;
- }
-
- if (dashboardError) {
- return Error. Dashboard not found
;
- }
-
- return (
-
-
- );
-};
-
-export default Fullscreenable()(Dashboard);
diff --git a/src/pages/dashboards/dashboard.jsx b/src/pages/dashboards/dashboard.jsx
new file mode 100644
index 00000000..8daafbf1
--- /dev/null
+++ b/src/pages/dashboards/dashboard.jsx
@@ -0,0 +1,612 @@
+/**
+ * This file is part of VILLASweb.
+ *
+ * VILLASweb is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * VILLASweb is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with VILLASweb. If not, see
-
-
-
-
- {dashboard.name}
-
-
-
-
-
- {dashboard.name}
-
-
- e.preventDefault()}>
- {editing &&
-
- {widgets != null && Object.keys(widgets).map(widgetKey => (
-
-
-
-
- deleteWidget(widget.id)}
- onChange={editing ? widgetChange : onChange}
- >
- onSimulationStarted()}
- />
-
-
- ))}
- Error. Dashboard not found!
;
+ }
+
+ return (
+
+
+ );
+};
+
+export default Fullscreenable()(Dashboard);
diff --git a/src/pages/dashboards/dialogs/edit-file-content.js b/src/pages/dashboards/dialogs/edit-file-content.js
deleted file mode 100644
index c14570da..00000000
--- a/src/pages/dashboards/dialogs/edit-file-content.js
+++ /dev/null
@@ -1,82 +0,0 @@
-/**
- * This file is part of VILLASweb.
- *
- * VILLASweb is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * VILLASweb is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with VILLASweb. If not, see
+ setPaused(true)}
+ onUnpause={() => setPaused(false)}
+ onEditFiles={() => setFilesEditModal(true)}
+ onEditOutputSignals={() => setEditOutputSignalsModal(true)}
+ onEditInputSignals={() => setEditInputSignalsModal(true)}
+ />
+
+
+
+
+ {dashboard.name}
+
+
+
+
+
+ {dashboard.name}
+
+ setLocked(!locked)}
+ buttonStyle={{ marginLeft: "10px" }}
+ iconStyle={{ height: "25px", width: "25px" }}
+ />
+
+
+ e.preventDefault()}
+ >
+ {editing && (
+
+ {widgets != null &&
+ Object.keys(widgets).map((widgetKey) => (
+
+
+ setEditInputSignalsModal(false)}
+ direction="in"
+ signals={[...signals].filter((s) => s.direction == "in")}
+ configID={null}
+ configs={configs}
+ sessionToken={sessionToken}
+ refetch={refetchDashboardData}
+ />
+
+ setEditOutputSignalsModal(false)}
+ direction="out"
+ signals={[...signals].filter((s) => s.direction == "out")}
+ configID={null}
+ configs={configs}
+ sessionToken={sessionToken}
+ refetch={refetchDashboardData}
+ />
+
+
+
+ deleteWidget(widget.id)}
+ onChange={editing ? widgetChange : onChange}
+ >
+ onSimulationStarted()}
+ />
+
+
+ ))}
+ {buttons}
;
+ }
+}
+
+DashboardButtonGroup.propTypes = {
+ editing: PropTypes.bool,
+ fullscreen: PropTypes.bool,
+ paused: PropTypes.bool,
+ onEdit: PropTypes.func,
+ onSave: PropTypes.func,
+ onCancel: PropTypes.func,
+ onFullscreen: PropTypes.func,
+ onPause: PropTypes.func,
+ onUnpause: PropTypes.func,
+};
+
+export default DashboardButtonGroup;
diff --git a/src/pages/dashboards/dropzone.js b/src/pages/dashboards/grid/dropzone.js
similarity index 100%
rename from src/pages/dashboards/dropzone.js
rename to src/pages/dashboards/grid/dropzone.js
diff --git a/src/pages/dashboards/grid.js b/src/pages/dashboards/grid/grid.js
similarity index 100%
rename from src/pages/dashboards/grid.js
rename to src/pages/dashboards/grid/grid.js
diff --git a/src/pages/dashboards/widget-area.js b/src/pages/dashboards/grid/widget-area.js
similarity index 71%
rename from src/pages/dashboards/widget-area.js
rename to src/pages/dashboards/grid/widget-area.js
index a70fd9c0..63a58910 100644
--- a/src/pages/dashboards/widget-area.js
+++ b/src/pages/dashboards/grid/widget-area.js
@@ -15,11 +15,11 @@
* along with VILLASweb. If not, see this.showMenu(e, this.props.index, this.props.editing)}>
- {this.props.children}
- {contextMenu}
-
;
+ return (
+
+ this.showMenu(e, this.props.index, this.props.editing)
+ }
+ >
+ {this.props.children}
+ {contextMenu}
+
+ );
}
let resizingRestricted = false;
- if (widget.customProperties.resizeLeftRightLock || widget.customProperties.resizeTopBottomLock) {
+ if (
+ widget.customProperties.resizeLeftRightLock ||
+ widget.customProperties.resizeTopBottomLock
+ ) {
resizingRestricted = true;
}
@@ -136,40 +155,51 @@ class WidgetContainer extends React.Component {
right: !(widget.customProperties.resizeLeftRightLock || widget.isLocked),
top: !(widget.customProperties.resizeTopBottomLock || widget.isLocked),
topLeft: !(resizingRestricted || widget.isLocked),
- topRight: !(resizingRestricted || widget.isLocked)
+ topRight: !(resizingRestricted || widget.isLocked),
};
const gridArray = [this.props.grid, this.props.grid];
const widgetClasses = classNames({
- 'editing-widget': true,
- 'locked': widget.isLocked
+ "editing-widget": true,
+ locked: widget.isLocked,
});
- return ( this.showMenu(e, this.props.index, this.props.editing)}>
- { this.rnd = c; }}
- size={{width: Number(widget.width), height: Number(widget.height)}}
- position={{x: Number(widget.x), y: Number(widget.y)}}
- minWidth={widget.minWidth}
- minHeight={widget.minHeight}
- lockAspectRatio={Boolean(widget.customProperties.lockAspect)}
- bounds={'.toolbox-dropzone'}
- className={widgetClasses}
- onResizeStart={this.borderWasClicked}
- onResizeStop={this.resizeStop}
- onDragStop={this.dragStop}
- dragGrid={gridArray}
- resizeGrid={gridArray}
- enableResizing={resizing}
- disableDragging={widget.isLocked}
+ return (
+
+ );
}
}
@@ -182,4 +212,4 @@ WidgetContainer.propTypes = {
editing: PropTypes.bool.isRequired,
};
-export default WidgetContainer
+export default WidgetContainer;
diff --git a/src/pages/dashboards/widget/widget-context-menu.js b/src/pages/dashboards/widget/widget-context-menu.js
deleted file mode 100644
index 51d96e85..00000000
--- a/src/pages/dashboards/widget/widget-context-menu.js
+++ /dev/null
@@ -1,148 +0,0 @@
-/**
- * This file is part of VILLASweb.
- *
- * VILLASweb is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * VILLASweb is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with VILLASweb. If not, see
+ this.showMenu(e, this.props.index, this.props.editing)
+ }
>
- {this.props.children}
-
+ {
+ this.rnd = c;
+ }}
+ size={{ width: Number(widget.width), height: Number(widget.height) }}
+ position={{ x: Number(widget.x), y: Number(widget.y) }}
+ minWidth={widget.minWidth}
+ minHeight={widget.minHeight}
+ lockAspectRatio={Boolean(widget.customProperties.lockAspect)}
+ bounds={".toolbox-dropzone"}
+ className={widgetClasses}
+ onResizeStart={this.borderWasClicked}
+ onResizeStop={this.resizeStop}
+ onDragStop={this.dragStop}
+ dragGrid={gridArray}
+ resizeGrid={gridArray}
+ enableResizing={resizing}
+ disableDragging={widget.isLocked}
+ >
+ {this.props.children}
+
- {contextMenu}
-
);
+ {contextMenu}
+
-
-
- )
- }
-
-
- render() {
-
- return ReactDOM.createPortal(
- this.renderContextMenu(),
- document.body
- );
- }
-}
-
-WidgetContextMenu.propTypes = {
- index: PropTypes.number.isRequired,
- widget: PropTypes.object.isRequired,
- onEdit: PropTypes.func.isRequired,
- onDelete: PropTypes.func.isRequired,
- onChange: PropTypes.func.isRequired
-};
-
-export default WidgetContextMenu;
diff --git a/src/pages/dashboards/widget/widget-context-menu.jsx b/src/pages/dashboards/widget/widget-context-menu.jsx
new file mode 100644
index 00000000..88af3b57
--- /dev/null
+++ b/src/pages/dashboards/widget/widget-context-menu.jsx
@@ -0,0 +1,144 @@
+/**
+ * This file is part of VILLASweb.
+ *
+ * VILLASweb is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * VILLASweb is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with VILLASweb. If not, see
+
+
+ );
+
+ return ReactDOM.createPortal(renderContextMenu(), document.body);
+};
+
+WidgetContextMenu.propTypes = {
+ index: PropTypes.number.isRequired,
+ widget: PropTypes.object.isRequired,
+ onEdit: PropTypes.func.isRequired,
+ onDuplicate: PropTypes.func,
+ onDelete: PropTypes.func,
+ onChange: PropTypes.func.isRequired,
+};
+
+export default WidgetContextMenu;
diff --git a/src/pages/dashboards/widget/widget-factory.js b/src/pages/dashboards/widget/widget-factory.js
deleted file mode 100644
index 213226ce..00000000
--- a/src/pages/dashboards/widget/widget-factory.js
+++ /dev/null
@@ -1,248 +0,0 @@
-/**
- * This file is part of VILLASweb.
- *
- * VILLASweb is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * VILLASweb is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with VILLASweb. If not, see Error: Widget not found!
;
- }
-}
-
-export default Widget;
diff --git a/src/pages/dashboards/widget/widget.jsx b/src/pages/dashboards/widget/widget.jsx
new file mode 100644
index 00000000..2ea606d3
--- /dev/null
+++ b/src/pages/dashboards/widget/widget.jsx
@@ -0,0 +1,240 @@
+/**
+ * This file is part of VILLASweb.
+ *
+ * VILLASweb is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * VILLASweb is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with VILLASweb. If not, see Error: Widget not found!
;
+};
+
+export default Widget;
diff --git a/src/pages/dashboards/widget/widgets/button.jsx b/src/pages/dashboards/widget/widgets/button.jsx
index 2c285f4d..bf822b77 100644
--- a/src/pages/dashboards/widget/widgets/button.jsx
+++ b/src/pages/dashboards/widget/widgets/button.jsx
@@ -15,76 +15,66 @@
* along with VILLASweb. If not, see {badges}
;
+ return badges.length > 0 ? {badges}
:
- this.setState({ pythonResultsModal: false })}
- /> : <>
- }
-
- );
- }
-}
-
-export default WidgetPlayer;
diff --git a/src/pages/dashboards/widget/widgets/player.jsx b/src/pages/dashboards/widget/widgets/player.jsx
new file mode 100644
index 00000000..177ead07
--- /dev/null
+++ b/src/pages/dashboards/widget/widgets/player.jsx
@@ -0,0 +1,445 @@
+/**
+ * This file is part of VILLASweb.
+ *
+ * VILLASweb is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * VILLASweb is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with VILLASweb. If not, see
-
-
- this.clickStart()}
- icon='play'
- disabled={(this.state.playerState && this.state.playerState.matches('startable')) ? false : true}
- iconStyle={iconStyle}
- tooltip='Start Component'
- />
-
-
- this.clickReset()}
- icon='undo'
- iconStyle={iconStyle}
- tooltip='Reset Component'
- />
-
-
-
-
-
- this.setState(prevState => ({ showConfig: !prevState.showConfig }))}
- icon='cogs'
- text={this.state.configBtnText + ' '}
- buttonStyle={configButton}
- disabled={false}
- tooltip='Open/Close Component Configuration'
- />
-
-
-
-
- {this.state.uploadResults ?
-
-
-
-
- {this.state.showConfig && this.state.config ?
-
-
- this.openPythonDialog()}
- icon={['fab', 'python']}
- disabled={(this.state.playerState && this.state.playerState.matches('finished')) ? false : true}
- iconStyle={iconStyle}
- />
-
-
- this.downloadResultFiles()}
- icon='file-download'
- disabled={(this.state.playerState && this.state.playerState.matches('finished')) ? false : true}
- iconStyle={iconStyle}
- />
-
-
-
-
- : <>
- }
- Results
-
- this.setState({ startParameters: data })}
- />
- : <>
- }
- {this.state.showWarning ?
- {this.state.warningText}
: <> - } - {this.state.uploadResults ? -
+ setShowPythonModal(false)}
+ />
+ ) : (
+ <>
+ )}
+
+ );
+};
+
+export default WidgetPlayer;
diff --git a/src/pages/dashboards/widget/widgets/slider.jsx b/src/pages/dashboards/widget/widgets/slider.jsx
index 7c6a262f..1ef384fa 100644
--- a/src/pages/dashboards/widget/widgets/slider.jsx
+++ b/src/pages/dashboards/widget/widgets/slider.jsx
@@ -20,19 +20,18 @@ import { format } from "d3";
import classNames from "classnames";
import Slider from "rc-slider";
import "rc-slider/assets/index.css";
+import { useUpdateWidgetMutation } from "../../../../store/apiSlice";
const WidgetSlider = (props) => {
const [value, setValue] = useState("");
const [unit, setUnit] = useState("");
+ const [updateWidget] = useUpdateWidgetMutation();
+
useEffect(() => {
let widget = { ...props.widget };
widget.customProperties.simStartedSendValue = false;
- // AppDispatcher.dispatch({
- // type: "widgets/start-edit",
- // token: props.token,
- // data: widget,
- // });
+ updateWidgetSimStatus(false);
}, [props.token, props.widget]);
useEffect(() => {
@@ -40,16 +39,31 @@ const WidgetSlider = (props) => {
if (props.widget.customProperties.simStartedSendValue) {
let widget = { ...props.widget };
widget.customProperties.simStartedSendValue = false;
- // AppDispatcher.dispatch({
- // type: "widgets/start-edit",
- // token: props.token,
- // data: widget,
- // });
+ updateWidgetSimStatus(true);
// Send value without changing widget
props.onInputChanged(widget.customProperties.value, "", "", false);
}
- }, [props.token, props.widget, props.onInputChanged]);
+ }, [props.widget]);
+
+ const updateWidgetSimStatus = async (isSimStarted) => {
+ try {
+ await updateWidget({
+ widgetID: props.widget.id,
+ updatedWidget: {
+ widget: {
+ ...props.widget,
+ customProperties: {
+ ...props.widget.customProperties,
+ simStartedSendValue: isSimStarted,
+ },
+ },
+ },
+ }).unwrap();
+ } catch (err) {
+ console.log("error", err);
+ }
+ };
useEffect(() => {
let newValue = "";
@@ -109,7 +123,7 @@ const WidgetSlider = (props) => {
disabled={props.editing}
vertical={isVertical}
onChange={valueIsChanging}
- onAfterChange={(v) => valueChanged(v, true)}
+ onChangeComplete={(v) => valueChanged(v, true)}
/>
),
value: (
diff --git a/src/pages/infrastructure/dialogs/new-ic-dialog.js b/src/pages/infrastructure/dialogs/new-ic-dialog.js
index a4380e74..fb9a5ebd 100644
--- a/src/pages/infrastructure/dialogs/new-ic-dialog.js
+++ b/src/pages/infrastructure/dialogs/new-ic-dialog.js
@@ -14,341 +14,461 @@
* You should have received a copy of the GNU General Public License
* along with VILLASweb. If not, see
+
+
+ clickStart()}
+ icon="play"
+ disabled={!(playerState && playerState.matches("startable"))}
+ iconStyle={iconStyle}
+ tooltip="Start Component"
+ />
+
+
+ clickReset()}
+ icon="undo"
+ iconStyle={iconStyle}
+ tooltip="Reset Component"
+ />
+
+
+
+
+
+ setShowConfig((prevState) => !prevState)}
+ icon="cogs"
+ text={configBtnText + " "}
+ buttonStyle={configButton}
+ disabled={false}
+ tooltip="Open/Close Component Configuration"
+ />
+
+
+
+
+
+
+ setIsUploadResultsChecked((prevState) => !prevState)
+ }
+ />
+
+
+
+
+ {isUploadResultsChecked ? (
+
+
+ {showConfig && config ? (
+
+
+ openPythonDialog()}
+ icon={["fab", "python"]}
+ disabled={
+ playerState &&
+ playerState.matches("finished") &&
+ isUploadResultsChecked
+ ? false
+ : true
+ }
+ iconStyle={iconStyle}
+ />
+
+
+ downloadResultFiles()}
+ icon="file-download"
+ disabled={
+ playerState && playerState.matches("finished")
+ ? false
+ : true
+ }
+ iconStyle={iconStyle}
+ />
+
+
+
+
+ ) : (
+ <>
+ )}
+
+ updateStartParameters(data)}
+ />
+
+ ) : (
+ <>
+ )}
+ {showWarning ? {warningText}
: <>} + {isUploadResultsChecked ? ( +
+
+ {isRequired ? (
+ Required field}
+ >
+ {property.title} *
+
+ ) : (
+ {property.title}
+ )}
+ handleChange(e)}
+ />
+ {isRequired ? (
+
+ {formErrors[key]}
+
+ ) : (
+ <>
+ )}
+
+ ) : (
+ handleChange(e)}
+ >
+ );
+ }
+ }
+ )}
+
+ );
+ }
+);
+
+export default FormFromParameterSchema;
diff --git a/src/pages/infrastructure/ic-action-board.js b/src/pages/infrastructure/ic-action-board.js
index 6e904645..446d2479 100644
--- a/src/pages/infrastructure/ic-action-board.js
+++ b/src/pages/infrastructure/ic-action-board.js
@@ -19,13 +19,13 @@ import { Form, Row, Col } from 'react-bootstrap';
import DateTimePicker from 'react-datetime-picker';
import ActionBoardButtonGroup from '../../common/buttons/action-board-button-group';
import classNames from 'classnames';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
import { useSelector, useDispatch } from 'react-redux';
import { sessionToken } from '../../localStorage';
-import { clearCheckedICs, deleteIC, sendActionToIC } from '../../store/icSlice';
+import { clearCheckedICs, deleteIC, loadICbyId, sendActionToIC } from '../../store/icSlice';
import { useGetICSQuery } from '../../store/apiSlice';
-const ICActionBoard = (props) => {
+const ICActionBoard = ({externalICs}) => {
const dispatch = useDispatch();
const {refetch: refetchICs} = useGetICSQuery();
const checkedICsIds = useSelector(state => state.infrastructure.checkedICsIds);
@@ -45,14 +45,25 @@ const ICActionBoard = (props) => {
});
}
- const onRecreate = () => {
+ const onRecreate =() => {
let newAction = {};
newAction['action'] = 'create';
newAction['when'] = time;
-
- checkedICsIds.forEach((id) => {
- dispatch(sendActionToIC({token: sessionToken, id: id, actions: newAction}));
- });
+ for (let checkedIC of checkedICsIds){
+ let IC = externalICs.find(e=>{
+ return e.id == checkedIC
+ })
+ if(IC){
+ let manager = externalICs.find(e=>{
+ return e.uuid == IC.manager
+ })
+ if(manager){
+ newAction['parameters'] = IC.properties ? IC.properties : IC.statusupdateraw.properties
+ dispatch(sendActionToIC({token:sessionToken,id:manager.id,actions:newAction}))
+ }
+
+ }
+ }
}
const onDelete = () => {
@@ -90,7 +101,6 @@ const ICActionBoard = (props) => {
{createparameterschema.title || ""}
+ {Object.entries(createparameterschema.properties).map( + ([key, property]) => { + const isRequired = createparameterschema.required?.includes(key); + //filter the type and category fields as they are always in the parent form + + console.log("ADDING FIELD WITH KEY", key); + + if (key != "type" && key != "category") { + //right now only text field and checkbox are supported. Text field is default + return property.type != "boolean" ? ( +
- onNewModalClose(data)} managers={managers} />
- onImportModalClose(data)} />
- onEditModalClose(data)}
- ic={editModalIC ? editModalIC : {}}
- />
- onCloseDeleteModal(e)}
- />
-
- );
-}
+ const onCloseDeleteModal = (isDeleteConfirmed) => {
+ if (isDeleteConfirmed) {
+ dispatch(deleteIC({ token: sessionToken, id: deleteModalIC.id }));
+ }
+ dispatch(closeDeleteModal());
+ };
+
+ //getting list of managers for the new IC modal
+ const managers = ics.filter((ic) => ic.category === "manager");
+
+ return (
+
- Infrastructure
- {currentUser.role === "Admin" ?
-
-
-
-
-
- Infrastructure
- {currentUser.role === "Admin" ?
-
- setIsNewModalOpened(true)}
- icon='plus'
- buttonStyle={buttonStyle}
- iconStyle={iconStyle}
- />
- setIsImportModalOpened(true)}
- icon='upload'
- buttonStyle={buttonStyle}
- iconStyle={iconStyle}
- />
-
- :
- }
-
-
-
+ onNewModalClose(data)}
+ />
+ onImportModalClose(data)}
+ />
+ onEditModalClose(data)}
+ ic={editModalIC ? editModalIC : {}}
+ />
+ onCloseDeleteModal(e)}
+ />
+
+ );
+};
export default Infrastructure;
diff --git a/src/pages/scenarios/dialogs/edit-signal-mapping.js b/src/pages/scenarios/dialogs/edit-signal-mapping.js
index 7ccaaee7..a2fa0f9d 100644
--- a/src/pages/scenarios/dialogs/edit-signal-mapping.js
+++ b/src/pages/scenarios/dialogs/edit-signal-mapping.js
@@ -1,260 +1,310 @@
import { useState, useEffect } from "react";
import { Button, Form, OverlayTrigger, Tooltip } from "react-bootstrap";
-import { Table, ButtonColumn, CheckboxColumn, DataColumn } from '../../../common/table';
-import { dialogWarningLabel, signalDialogCheckButton, buttonStyle } from "../styles";
+import {
+ Table,
+ ButtonColumn,
+ CheckboxColumn,
+ DataColumn,
+} from "../../../common/table";
+import {
+ dialogWarningLabel,
+ signalDialogCheckButton,
+ buttonStyle,
+} from "../styles";
import Dialog from "../../../common/dialogs/dialog";
import Icon from "../../../common/icon";
-import { useGetSignalsQuery, useAddSignalMutation, useDeleteSignalMutation, useUpdateSignalMutation } from "../../../store/apiSlice";
-import { Collapse } from 'react-collapse';
+import {
+ useGetSignalsQuery,
+ useAddSignalMutation,
+ useDeleteSignalMutation,
+ useUpdateSignalMutation,
+} from "../../../store/apiSlice";
+import { Collapse } from "react-collapse";
-const ExportSignalMappingDialog = ({isShown, direction, onClose, configID}) => {
+const EditSignalMappingDialog = ({ show, direction, onClose, configID }) => {
+ const [isCollapseOpened, setCollapseOpened] = useState(false);
+ const [checkedSignalsIDs, setCheckedSignalsIDs] = useState([]);
+ const { data, refetch: refetchSignals } = useGetSignalsQuery({
+ configID: configID,
+ direction: direction,
+ });
+ const [addSignalToConfig] = useAddSignalMutation();
+ const [deleteSignal] = useDeleteSignalMutation();
+ const [updateSignal] = useUpdateSignalMutation();
+ const signals = data ? data.signals : [];
- const [isCollapseOpened, setCollapseOpened] = useState(false);
- const [checkedSignalsIDs, setCheckedSignalsIDs] = useState([]);
- const {data, refetch: refetchSignals } = useGetSignalsQuery({configID: configID, direction: direction});
- const [addSignalToConfig] = useAddSignalMutation();
- const [deleteSignal] = useDeleteSignalMutation();
- const [updateSignal] = useUpdateSignalMutation();
- const signals = data ? data.signals : [];
+ const [updatedSignals, setUpdatedSignals] = useState([]);
+ const [updatedSignalsIDs, setUpdatedSignalsIDs] = useState([]);
- const [updatedSignals, setUpdatedSignals] = useState([]);
- const [updatedSignalsIDs, setUpdatedSignalsIDs] = useState([]);
-
- useEffect(() => {
- if (signals.length > 0) {
- setUpdatedSignals([...signals]);
- }
- }, [signals]);
-
- const handleMappingChange = (e, row, column) => {
- const signalToUpdate = {...updatedSignals[row]};
- switch (column) {
- case 1:
- signalToUpdate.index = e.target.value;
- break;
- case 2:
- signalToUpdate.name = e.target.value;
- break;
- case 3:
- signalToUpdate.unit = e.target.value;
- break;
- case 4:
- signalToUpdate.scalingFactor = e.target.value;
- break;
- default:
- break;
- }
-
- setUpdatedSignals(prevState =>
- prevState.map((signal, index) =>
- index === row ? signalToUpdate : signal
- )
- );
+ useEffect(() => {
+ if (signals.length > 0) {
+ setUpdatedSignals([...signals]);
+ }
+ }, [signals]);
- setUpdatedSignalsIDs(prevState => ([signalToUpdate.id, ...prevState]));
+ const handleMappingChange = (e, row, column) => {
+ const signalToUpdate = { ...updatedSignals[row] };
+ switch (column) {
+ case 1:
+ signalToUpdate.index = Number(e.target.value);
+ break;
+ case 2:
+ signalToUpdate.name = e.target.value;
+ break;
+ case 3:
+ signalToUpdate.unit = e.target.value;
+ break;
+ case 4:
+ signalToUpdate.scalingFactor = e.target.value;
+ break;
+ default:
+ break;
}
- const handleAdd = async () => {
+ setUpdatedSignals((prevState) =>
+ prevState.map((signal, index) =>
+ index === row ? signalToUpdate : signal
+ )
+ );
- let largestIndex = -1;
- signals.forEach(signal => {
- if(signal.index > largestIndex){
- largestIndex = signal.index;
- }
- })
+ setUpdatedSignalsIDs((prevState) => [signalToUpdate.id, ...prevState]);
+ };
- const newSignal = {
- configID: configID,
- direction: direction,
- name: "PlaceholderName",
- unit: "PlaceholderUnit",
- index: largestIndex + 1,
- scalingFactor: 1.0
- };
+ const handleAdd = async () => {
+ let largestIndex = -1;
+ signals.forEach((signal) => {
+ if (signal.index > largestIndex) {
+ largestIndex = signal.index;
+ }
+ });
- try {
- await addSignalToConfig(newSignal).unwrap();
- } catch (err) {
- console.log(err);
- }
+ const newSignal = {
+ configID: configID,
+ direction: direction,
+ name: "PlaceholderName",
+ unit: "PlaceholderUnit",
+ index: largestIndex + 1,
+ scalingFactor: 1.0,
+ };
- refetchSignals();
- console.log(signals)
+ try {
+ await addSignalToConfig(newSignal).unwrap();
+ } catch (err) {
+ console.log(err);
}
- const handleDelete = async (signalID) => {
- try {
- await deleteSignal(signalID).unwrap();
- } catch (err) {
- console.log(err);
- }
+ refetchSignals();
+ };
- refetchSignals();
+ const handleDelete = async (signalID) => {
+ try {
+ await deleteSignal(signalID).unwrap();
+ } catch (err) {
+ console.log(err);
}
- const handleUpdate = async () => {
- try {
- for (let id of updatedSignalsIDs) {
-
- const signalToUpdate = updatedSignals.find(signal => signal.id === id);
-
- if (signalToUpdate) {
- await updateSignal({ signalID: id, updatedSignal: signalToUpdate }).unwrap();
- }
- }
+ refetchSignals();
+ };
- refetchSignals();
- setUpdatedSignalsIDs([]);
- } catch (error) {
- console.error("Error updating signals:", error);
- }
- }
+ const handleUpdate = async () => {
+ try {
+ for (let id of updatedSignalsIDs) {
+ const signalToUpdate = updatedSignals.find(
+ (signal) => signal.id === id
+ );
- const onSignalChecked = (signal, event) => {
- if(!checkedSignalsIDs.includes(signal.id)){
- setCheckedSignalsIDs(prevState => ([...prevState, signal.id]));
- } else {
- const index = checkedSignalsIDs.indexOf(signal.id);
- setCheckedSignalsIDs(prevState => prevState.filter((_, i) => i !== index));
+ if (signalToUpdate) {
+ console.log(signalToUpdate)
+ await updateSignal({
+ signalID: id,
+ updatedSignal: signalToUpdate,
+ }).unwrap();
}
+ }
+
+ refetchSignals();
+ setUpdatedSignalsIDs([]);
+ } catch (error) {
+ console.error("Error updating signals:", error);
}
+ };
- const isSignalChecked = (signal) => {
- return checkedSignalsIDs.includes(signal.id);
+ const onSignalChecked = (signal, event) => {
+ if (!checkedSignalsIDs.includes(signal.id)) {
+ setCheckedSignalsIDs((prevState) => [...prevState, signal.id]);
+ } else {
+ const index = checkedSignalsIDs.indexOf(signal.id);
+ setCheckedSignalsIDs((prevState) =>
+ prevState.filter((_, i) => i !== index)
+ );
}
+ };
+
+ const isSignalChecked = (signal) => {
+ return checkedSignalsIDs.includes(signal.id);
+ };
- const toggleCheckAll = () => {
- //check if all signals are already checked
- if(checkedSignalsIDs.length === signals.length){
- setCheckedSignalsIDs([]);
- } else {
- signals.forEach(signal => {
- if(!checkedSignalsIDs.includes(signal.id)){
- setCheckedSignalsIDs(prevState => ([...prevState, signal.id]));
- }
- })
+ const toggleCheckAll = () => {
+ //check if all signals are already checked
+ if (checkedSignalsIDs.length === signals.length) {
+ setCheckedSignalsIDs([]);
+ } else {
+ signals.forEach((signal) => {
+ if (!checkedSignalsIDs.includes(signal.id)) {
+ setCheckedSignalsIDs((prevState) => [...prevState, signal.id]);
}
+ });
}
+ };
- const deleteCheckedSignals = async () => {
- if(checkedSignalsIDs.length > 0){
- try {
- const deletePromises = checkedSignalsIDs.map(signalID => deleteSignal(signalID).unwrap());
- await Promise.all(deletePromises);
- refetchSignals();
- } catch (err) {
- console.log(err);
- }
- }
+ const deleteCheckedSignals = async () => {
+ if (checkedSignalsIDs.length > 0) {
+ try {
+ const deletePromises = checkedSignalsIDs.map((signalID) =>
+ deleteSignal(signalID).unwrap()
+ );
+ await Promise.all(deletePromises);
+ refetchSignals();
+ } catch (err) {
+ console.log(err);
+ }
}
+ };
- const DialogWindow = (
-
+
+ Infrastructure
+ {currentUser.role === "Admin" ? (
+
+
+
+ : null}
+
+