From 5e5ab63b280eb446db4090733cd3ad2e97d02018 Mon Sep 17 00:00:00 2001
From: Fabian Mastenbroek <mail.fabianm@gmail.com>
Date: Mon, 19 Jul 2021 15:47:23 +0200
Subject: refactor(ui): Restructure components per page

This change updates the source structure of the OpenDC frontend to
follow the page structure.
---
 .../components/app/results/PortfolioResultInfo.js  |  40 ------
 .../src/components/app/results/PortfolioResults.js | 134 ---------------------
 2 files changed, 174 deletions(-)
 delete mode 100644 opendc-web/opendc-web-ui/src/components/app/results/PortfolioResultInfo.js
 delete mode 100644 opendc-web/opendc-web-ui/src/components/app/results/PortfolioResults.js

(limited to 'opendc-web/opendc-web-ui/src/components/app/results')

diff --git a/opendc-web/opendc-web-ui/src/components/app/results/PortfolioResultInfo.js b/opendc-web/opendc-web-ui/src/components/app/results/PortfolioResultInfo.js
deleted file mode 100644
index 09348e60..00000000
--- a/opendc-web/opendc-web-ui/src/components/app/results/PortfolioResultInfo.js
+++ /dev/null
@@ -1,40 +0,0 @@
-/*
- * Copyright (c) 2021 AtLarge Research
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import PropTypes from 'prop-types'
-import { Tooltip } from '@patternfly/react-core'
-import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons'
-import { METRIC_DESCRIPTIONS } from '../../../util/available-metrics'
-
-function PortfolioResultInfo({ metric }) {
-    return (
-        <Tooltip position="top" content={<div>{METRIC_DESCRIPTIONS[metric]}</div>}>
-            <OutlinedQuestionCircleIcon title="Metric information" />
-        </Tooltip>
-    )
-}
-
-PortfolioResultInfo.propTypes = {
-    metric: PropTypes.string.isRequired,
-}
-
-export default PortfolioResultInfo
diff --git a/opendc-web/opendc-web-ui/src/components/app/results/PortfolioResults.js b/opendc-web/opendc-web-ui/src/components/app/results/PortfolioResults.js
deleted file mode 100644
index 6a96c70c..00000000
--- a/opendc-web/opendc-web-ui/src/components/app/results/PortfolioResults.js
+++ /dev/null
@@ -1,134 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { Bar, CartesianGrid, ComposedChart, ErrorBar, ResponsiveContainer, Scatter, XAxis, YAxis } from 'recharts'
-import { AVAILABLE_METRICS, METRIC_NAMES, METRIC_NAMES_SHORT, METRIC_UNITS } from '../../../util/available-metrics'
-import { mean, std } from 'mathjs'
-import approx from 'approximate-number'
-import {
-    Bullseye,
-    Card,
-    CardActions,
-    CardBody,
-    CardHeader,
-    CardTitle,
-    EmptyState,
-    EmptyStateBody,
-    EmptyStateIcon,
-    Grid,
-    GridItem,
-    Spinner,
-    Title,
-} from '@patternfly/react-core'
-import { ErrorCircleOIcon, CubesIcon } from '@patternfly/react-icons'
-import { usePortfolioScenarios } from '../../../data/project'
-import NewScenario from '../../projects/NewScenario'
-import PortfolioResultInfo from './PortfolioResultInfo'
-
-const PortfolioResults = ({ portfolioId }) => {
-    const { status, data: scenarios = [] } = usePortfolioScenarios(portfolioId)
-
-    if (status === 'loading') {
-        return (
-            <Bullseye>
-                <EmptyState>
-                    <EmptyStateIcon variant="container" component={Spinner} />
-                    <Title size="lg" headingLevel="h4">
-                        Loading Results
-                    </Title>
-                </EmptyState>
-            </Bullseye>
-        )
-    } else if (status === 'error') {
-        return (
-            <Bullseye>
-                <EmptyState>
-                    <EmptyStateIcon variant="container" component={ErrorCircleOIcon} />
-                    <Title size="lg" headingLevel="h4">
-                        Unable to connect
-                    </Title>
-                    <EmptyStateBody>
-                        There was an error retrieving data. Check your connection and try again.
-                    </EmptyStateBody>
-                </EmptyState>
-            </Bullseye>
-        )
-    } else if (scenarios.length === 0) {
-        return (
-            <Bullseye>
-                <EmptyState>
-                    <EmptyStateIcon variant="container" component={CubesIcon} />
-                    <Title size="lg" headingLevel="h4">
-                        No results
-                    </Title>
-                    <EmptyStateBody>
-                        No results are currently available for this portfolio. Run a scenario to obtain simulation
-                        results.
-                    </EmptyStateBody>
-                    <NewScenario portfolioId={portfolioId} />
-                </EmptyState>
-            </Bullseye>
-        )
-    }
-
-    const dataPerMetric = {}
-
-    AVAILABLE_METRICS.forEach((metric) => {
-        dataPerMetric[metric] = scenarios
-            .filter((scenario) => scenario.results)
-            .map((scenario) => ({
-                name: scenario.name,
-                value: mean(scenario.results[metric]),
-                errorX: std(scenario.results[metric]),
-            }))
-    })
-
-    return (
-        <Grid hasGutter>
-            {AVAILABLE_METRICS.map((metric) => (
-                <GridItem xl={6} lg={12} key={metric}>
-                    <Card>
-                        <CardHeader>
-                            <CardActions>
-                                <PortfolioResultInfo metric={metric} />
-                            </CardActions>
-                            <CardTitle>{METRIC_NAMES[metric]}</CardTitle>
-                        </CardHeader>
-                        <CardBody>
-                            <ResponsiveContainer aspect={16 / 9} width="100%">
-                                <ComposedChart
-                                    data={dataPerMetric[metric]}
-                                    margin={{ left: 35, bottom: 15 }}
-                                    layout="vertical"
-                                >
-                                    <CartesianGrid strokeDasharray="3 3" />
-                                    <XAxis
-                                        tickFormatter={(tick) => approx(tick)}
-                                        label={{ value: METRIC_UNITS[metric], position: 'bottom', offset: 0 }}
-                                        type="number"
-                                    />
-                                    <YAxis dataKey="name" type="category" />
-                                    <Bar dataKey="value" fill="#3399FF" isAnimationActive={false} />
-                                    <Scatter dataKey="value" opacity={0} isAnimationActive={false}>
-                                        <ErrorBar
-                                            dataKey="errorX"
-                                            width={10}
-                                            strokeWidth={3}
-                                            stroke="#FF6600"
-                                            direction="x"
-                                        />
-                                    </Scatter>
-                                </ComposedChart>
-                            </ResponsiveContainer>
-                        </CardBody>
-                    </Card>
-                </GridItem>
-            ))}
-        </Grid>
-    )
-}
-
-PortfolioResults.propTypes = {
-    portfolioId: PropTypes.string,
-}
-
-export default PortfolioResults
-- 
cgit v1.2.3