summaryrefslogtreecommitdiff
path: root/opendc-web/opendc-web-ui/src/components/projects/NewPortfolioModal.js
diff options
context:
space:
mode:
authormjkwiatkowski <mati.rewa@gmail.com>2026-02-16 15:18:21 +0100
committermjkwiatkowski <mati.rewa@gmail.com>2026-02-16 15:18:21 +0100
commit2f16cb0f48eca4453e3e894b3d45a3aa09e6dcc0 (patch)
tree672d98baa2ac071f2c30de06d613254d0d8cd105 /opendc-web/opendc-web-ui/src/components/projects/NewPortfolioModal.js
parent86d35fcec83057e346e4982b5a6908f25342a392 (diff)
feat: opendc -> kafka -> postgresql works; added protobuf encodingHEADmaster
Diffstat (limited to 'opendc-web/opendc-web-ui/src/components/projects/NewPortfolioModal.js')
-rw-r--r--opendc-web/opendc-web-ui/src/components/projects/NewPortfolioModal.js161
1 files changed, 0 insertions, 161 deletions
diff --git a/opendc-web/opendc-web-ui/src/components/projects/NewPortfolioModal.js b/opendc-web/opendc-web-ui/src/components/projects/NewPortfolioModal.js
deleted file mode 100644
index ba4bc819..00000000
--- a/opendc-web/opendc-web-ui/src/components/projects/NewPortfolioModal.js
+++ /dev/null
@@ -1,161 +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 React, { useRef, useState } from 'react'
-import {
- Form,
- FormGroup,
- FormSection,
- NumberInput,
- Select,
- SelectGroup,
- SelectOption,
- SelectVariant,
- TextInput,
-} from '@patternfly/react-core'
-import Modal from '../util/modals/Modal'
-import { METRIC_GROUPS, METRIC_NAMES } from '../../util/available-metrics'
-
-const NewPortfolioModal = ({ isOpen, onSubmit: onSubmitUpstream, onCancel: onUpstreamCancel }) => {
- const nameInput = useRef(null)
- const [repeats, setRepeats] = useState(1)
- const [isSelectOpen, setSelectOpen] = useState(false)
- const [selectedMetrics, setSelectedMetrics] = useState([])
-
- const [isSubmitted, setSubmitted] = useState(false)
- const [errors, setErrors] = useState({})
-
- const clearState = () => {
- setSubmitted(false)
- setErrors({})
- nameInput.current.value = ''
- setRepeats(1)
- setSelectOpen(false)
- setSelectedMetrics([])
- }
-
- const onSubmit = (event) => {
- setSubmitted(true)
-
- if (event) {
- event.preventDefault()
- }
-
- const name = nameInput.current.value
-
- if (!name) {
- setErrors({ name: true })
- return false
- } else {
- onSubmitUpstream(name, { metrics: selectedMetrics, repeats })
- }
-
- clearState()
- return false
- }
- const onCancel = () => {
- onUpstreamCancel()
- clearState()
- }
-
- const onSelect = (event, selection) => {
- if (selectedMetrics.includes(selection)) {
- setSelectedMetrics((metrics) => metrics.filter((item) => item !== selection))
- } else {
- setSelectedMetrics((metrics) => [...metrics, selection])
- }
- }
-
- return (
- <Modal title="New Portfolio" isOpen={isOpen} onSubmit={onSubmit} onCancel={onCancel}>
- <Form onSubmit={onSubmit}>
- <FormSection>
- <FormGroup
- label="Name"
- fieldId="name"
- isRequired
- validated={isSubmitted && errors.name ? 'error' : 'default'}
- helperTextInvalid="This field cannot be empty"
- >
- <TextInput
- name="name"
- id="name"
- type="text"
- isRequired
- ref={nameInput}
- placeholder="My Portfolio"
- />
- </FormGroup>
- </FormSection>
- <FormSection title="Targets" titleElement="h4">
- <FormGroup label="Metrics" fieldId="metrics">
- <Select
- variant={SelectVariant.typeaheadMulti}
- typeAheadAriaLabel="Select a metric"
- onToggle={() => setSelectOpen(!isSelectOpen)}
- onSelect={onSelect}
- onClear={() => setSelectedMetrics([])}
- selections={selectedMetrics}
- isOpen={isSelectOpen}
- placeholderText="Select a metric"
- menuAppendTo="parent"
- maxHeight="300px"
- chipGroupProps={{ numChips: 1 }}
- isGrouped
- >
- {Object.entries(METRIC_GROUPS).map(([group, metrics]) => (
- <SelectGroup label={group} key={group}>
- {metrics.map((metric) => (
- <SelectOption key={metric} value={metric}>
- {METRIC_NAMES[metric]}
- </SelectOption>
- ))}
- </SelectGroup>
- ))}
- </Select>
- </FormGroup>
- <FormGroup label="Repeats per Scenario" fieldId="repeats">
- <NumberInput
- id="repeats"
- inputName="repeats"
- type="number"
- value={repeats}
- onChange={(e) => setRepeats(Number(e.target.value))}
- onPlus={() => setRepeats((r) => r + 1)}
- onMinus={() => setRepeats((r) => r - 1)}
- min={1}
- />
- </FormGroup>
- </FormSection>
- </Form>
- </Modal>
- )
-}
-
-NewPortfolioModal.propTypes = {
- isOpen: PropTypes.bool.isRequired,
- onSubmit: PropTypes.func.isRequired,
- onCancel: PropTypes.func.isRequired,
-}
-
-export default NewPortfolioModal