Commit ed2cadf3 authored by Kevin Di Lallo's avatar Kevin Di Lallo Committed by GitHub Enterprise
Browse files

Merge pull request #24 from wbu-tep/kd_sp35_frontend 

Frontend cosmetic updates + code review fixes
parents 9da7510d 3cee84f1

js-apps/frontend/src/js/app-constants.js

+6 −1
Original line number Diff line number Diff line
@@ -73,9 +73,14 @@ export const STATUS_SIGNED_OUT = 'SIGNED-OUT'; 
export const OAUTH_PROVIDER_GITHUB = 'github';

export const OAUTH_PROVIDER_GITLAB = 'gitlab';



//configuration pane defaults

// Configuration pane defaults

export const DEFAULT_VELOCITY_THRESHOLD = 10;



// API pane defaults

export const EDGE_APP_ENABLE_COUNT_MAX = 20;

export const EDGE_APP_DISABLE_COUNT_MAX = 5;

export const BLACKOUT_TIME = 3;



// Scenario element types

export const DOMAIN_TYPE_STR = 'OPERATOR';

export const DOMAIN_CELL_TYPE_STR = 'OPERATOR-CELLULAR';

js-apps/frontend/src/js/components/dialogs/create-new-app-dialog.js

+37 −40
Original line number Diff line number Diff line
@@ -4,9 +4,9 @@ 


import React, { Component } from 'react';

import { TextField, TextFieldHelperText } from '@rmwc/textfield';

import { Typography } from '@rmwc/typography';

import { Select } from '@rmwc/select';

import BasicDialog from './basic-dialog';

import { Grid, GridCell } from '@rmwc/grid';

import { DLG_CREATE_NEW_APP } from '../../app-constants';



class CreateNewAppDialog extends Component {
@@ -73,35 +73,31 @@ class CreateNewAppDialog extends Component { 
        }

        cydata={DLG_CREATE_NEW_APP}

      >



        { this.props.errorMsg &&

          <Typography use="body1" style={styles.errorText}>{this.props.errorMsg}</Typography>

        }



        <p/>

        <Typography use="body1">Unique name of the application instance</Typography><p/>

        <Grid style={{ marginBottom: 5 }}>

          <GridCell span={12}>

            <span style={styles.text}>

              Unique application instance name:

            </span>

            <TextField

          outlined

          style={{ width: '70%' }}

              style={{ width: '100%', marginTop: 5 }}

              label={'Application Name'}

          invalid={

            this.state.appErr

          }

              invalid={this.state.appErr ? true : false}

              value={this.state.appName}

              onChange={e => this.changeAppName(e.target.value)}

            />

            <TextFieldHelperText validationMsg={true}>

              <span>{this.state.appErr}</span>

            </TextFieldHelperText>



        <Typography use="body1">MEC platform where the application instance is running</Typography>

        <p/>

          </GridCell>

          <GridCell span={12}>

            <span style={styles.text}>

              MEC platform where the application instance is running:

            </span>

            <Select

              title="Select a MEC platform"

          style={{ width: '70%' }}

              style={{ width: '100%', marginTop: 10 }}

              label="MEC platform"

              fullwidth="true"

          outlined

              disabled={false}

              value={this.state.mepName}

              options={this.props.mepNames}
@@ -109,15 +105,16 @@ class CreateNewAppDialog extends Component { 
                this.changeMepName(mepName.target.value);

              }}

            />



          </GridCell>

        </Grid>

      </BasicDialog>

    );

  }

}



const styles = {

  errorText: {

    color: 'red'

  text: {

    color: 'gray'

  }

};

js-apps/frontend/src/js/components/footer.js

+1 −1
Original line number Diff line number Diff line
@@ -23,7 +23,7 @@ const Footer = () => { 
    <Grid style={{ backgroundColor: '#3e484f' }}>

      <GridCell span={2}/>

      <GridCell span={3} align={'middle'} style={styles.copyright}>

        <Typography use="body1">© Copyright 2020, ETSI</Typography>

        <Typography use="body1">© Copyright 2021, ETSI</Typography>

      </GridCell>

      <GridCell span={5} align={'middle'}>

        <div align={'right'}>

js-apps/frontend/src/js/containers/app-container.js

+250 −141

File changed.

Preview size limit exceeded, changes collapsed.

js-apps/frontend/src/js/containers/sandbox/api-pane.js

+75 −230

File changed.

Preview size limit exceeded, changes collapsed.