summaryrefslogtreecommitdiffstats
path: root/utils/features/features-util/pom.xml
blob: 6e26d1dcabb90fbc35aeda5babce9b31d5d86888 (plain) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <parent>
        <groupId>org.onap.ccsdk.parent</groupId>
        <artifactId>feature-repo-parent</artifactId>
        <version>1.5.1-SNAPSHOT</version>
        <relativePath/>
    </parent>

    <groupId>org.onap.ccsdk.sli.core</groupId>
    <artifactId>features-util</artifactId>
    <version>0.7.0-SNAPSHOT</version>
    <packaging>feature</packaging>

    <name>ccsdk-sli-core :: utils :: ${project.artifactId}</name>

    <dependencies>
        <dependency>
            <groupId>${project.groupId}</groupId>
            <artifactId>ccsdk-slicore-utils</artifactId>
            <version>${project.version}</version>
            <type>xml</type>
            <classifier>features</classifier>
        </dependency>

    </dependencies>
</project>
====================================== * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except * in compliance with the License. You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under the License * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express * or implied. See the License for the specific language governing permissions and limitations under * the License. * ============LICENSE_END========================================================================== */ import * as React from 'react'; import { MenuItem, Select, FormControl, Typography } from '@material-ui/core'; import { makeStyles } from '@material-ui/core/styles'; import { LtpIds } from 'models/availableLtps'; import { Loader } from '../../../../framework/src/components/material-ui'; const useStyles = makeStyles(theme => ({ display: { display: "inline-block" }, selectDropdown: { borderRadius: 1, position: "relative", backgroundColor: theme.palette.background.paper, border: "1px solid #ced4da", fontSize: 16, width: "auto", padding: "5px 26px 5px 12px", transition: theme.transitions.create(["border-color", "box-shadow"]), }, center: { "flex": "1", "height": "100%", "display": "flex", "alignItems": "center", "justifyContent": "center", flexDirection: "column" } })); type LtpSelectionProps = { selectedNE: string, error?: string, finishedLoading: boolean, selectedLtp: string, availableLtps: LtpIds[], onChangeLtp(event: React.ChangeEvent<HTMLSelectElement>): void, selectedTimePeriod: string, onChangeTimePeriod(event: React.ChangeEvent<HTMLSelectElement>): void }; export const LtpSelection = (props: LtpSelectionProps) => { const classes = useStyles(); return ( <> <h3>Selected Network Element: {props.selectedNE} </h3> <FormControl className={classes.display}> <span> Select LTP </span> <Select className={classes.selectDropdown} value={props.selectedLtp} onChange={props.onChangeLtp} > <MenuItem value={"-1"}><em>--Select--</em></MenuItem> {props.availableLtps.map(ltp => (<MenuItem value={ltp.key} key={ltp.key}>{ltp.key}</MenuItem>))} </Select> <span> Time-Period </span> <Select className={classes.selectDropdown} value={props.selectedTimePeriod} onChange={props.onChangeTimePeriod} > <MenuItem value={"15min"}>15min</MenuItem> <MenuItem value={"24hours"}>24hours</MenuItem> </Select> </FormControl> { !props.finishedLoading && !props.error && <div className={classes.center}> <Loader /> <h3>Collecting Data ...</h3> </div> } { props.finishedLoading && props.error && <div className={classes.center}> <h3>Data couldn't be loaded</h3> <Typography variant="body1">{props.error}</Typography> </div> } { props.selectedLtp === "-1" && props.finishedLoading && !props.error && (props.availableLtps.length > 0 ? <div className={classes.center}> <h3>Please select a LTP</h3> </div> : <div className={classes.center}> <h3>No performance data found</h3> </div>) } </>) } export default LtpSelection;