Commit 3d7fd8f8 authored by Kevin Di Lallo's avatar Kevin Di Lallo
Browse files

frontend fixes + news dialog

parent ae70858b

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

+1 −0
Original line number Diff line number Diff line
@@ -57,6 +57,7 @@ export const DIALOG_SESSION_TERMINATED = 'DIALOG_SESSION_TERMINATED'; 
export const DIALOG_HELP_GETTING_STARTED = 'DIALOG_HELP_GETTING_STARTED';

export const DIALOG_CONFIRM_DELETE_APP = 'DIALOG_CONFIRM_DELETE_APP';

export const DIALOG_CREATE_NEW_APP = 'DIALOG_CREATE_NEW_APP';

export const DIALOG_NEWS = 'DIALOG_NEWS';



// Alert Types

export const ALERT_DEGRADED_NETWORK = 'ALERT_DEGRADED_NETWORK';

js-apps/frontend/src/js/components/dialogs/confirm-delete-app-dialog.js

+1 −1
Original line number Diff line number Diff line
@@ -31,7 +31,7 @@ class ConfirmDeleteAppDialog extends Component { 
        cydata={DLG_CONFIRM_DELETE_APP}

      >



        <p>Are you sure you want to delete the selected application instances?</p>

        <p>Are you sure you want to delete the selected MEC Application instances?</p>



      </BasicDialog>

    );

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

+2 −2
Original line number Diff line number Diff line
@@ -76,7 +76,7 @@ class CreateNewAppDialog extends Component { 
        <Grid style={{ marginBottom: 5 }}>

          <GridCell span={12}>

            <span style={styles.text}>

              Unique application instance name:

              MEC Application instance name:

            </span>

            <TextField

              style={{ width: '100%', marginTop: 5 }}
@@ -91,7 +91,7 @@ class CreateNewAppDialog extends Component { 
          </GridCell>

          <GridCell span={12}>

            <span style={styles.text}>

              MEC platform where the application instance is running:

              MEC platform where the MEC application instance is running:

            </span>

            <Select

              title="Select a MEC platform"

js-apps/frontend/src/js/components/dialogs/news-dialog.js

0 → 100644
+57 −0
Original line number Diff line number Diff line 
/*

 * Copyright (c) 2020 ETSI.  All rights reserved.

 */



import React, { Component } from 'react';

import BasicDialog from './basic-dialog';

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



class NewsDialog extends Component {

  constructor(props) {

    super(props);

  }



  render() {

    return (

      <BasicDialog

        title={this.props.title}

        open={this.props.open}

        onSubmit={this.props.onClose}

        onClose={this.props.onClose}

        submitLabel = {'Ok'}

      >

        <div style={styles.text}>

          <Typography theme="primary" use="body1">

            <p><b>2021/09/30: v1.5 Release (Beta)</b></p>

          </Typography>

          <Typography use="body1">

            <p style={styles.paragraph}>

              Support for the following ETSI MEC APIs:

              <ul>

                <li>MEC011 - Edge Platform Application Enablement (v2.1.1)</li>

                <li>MEC021 - Application Mobility Service API (v2.1.1)</li>

              </ul>

              New MEC Sandbox controls:

              <ul>

                <li>Configuration controls to create & delete user MEC Application instance IDs</li>

                <li>MEC Service API controls to enable & disable platform MEC application instances</li>

              </ul>

            </p>

          </Typography>

        </div>



      </BasicDialog>

    );

  }

}



const styles = {

  text: {

    color: 'black'

  },

  paragraph: {

    marginLeft: 0

  }

};



export default NewsDialog;

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

+11 −2
Original line number Diff line number Diff line
@@ -22,6 +22,7 @@ import SessionTerminatedDialog from '../components/dialogs/session-terminated-di 
import HelpGettingStartedDialog from '../components/dialogs/help-getting-started-dialog';

import ConfirmDeleteAppDialog from '../components/dialogs/confirm-delete-app-dialog';

import CreateNewAppDialog from '../components/dialogs/create-new-app-dialog';

import NewsDialog from '../components/dialogs/news-dialog';



import * as meepAuthSvcRestApiClient from '../../../../../js-packages/meep-auth-svc-client/src/index.js';

import * as meepPlatformCtrlRestApiClient from '../../../../../js-packages/meep-platform-ctrl-client/src/index.js';
@@ -44,6 +45,7 @@ import { 
  DIALOG_HELP_GETTING_STARTED,

  DIALOG_CONFIRM_DELETE_APP,

  DIALOG_CREATE_NEW_APP,

  DIALOG_NEWS,

  ALERT_DEGRADED_NETWORK,

  STATUS_SIGNED_IN,

  STATUS_SIGNING_IN,
@@ -1192,7 +1194,7 @@ class AppContainer extends Component { 
          }}

        />

        <ConfirmDeleteAppDialog

          title='Delete application instance'

          title='Delete MEC Application instance ID'

          open={this.props.currentDialog === DIALOG_CONFIRM_DELETE_APP}

          onSubmit={() => {

            this.deleteAppInstances();
@@ -1202,7 +1204,7 @@ class AppContainer extends Component { 
          }}

        />

        <CreateNewAppDialog

          title='Create application instance'

          title='Create MEC Application instance ID'

          open={this.props.currentDialog === DIALOG_CREATE_NEW_APP}

          onSubmit={param => this.createAppInstance(param)}

          onClose={() => {
@@ -1210,6 +1212,13 @@ class AppContainer extends Component { 
          }}

          mepNames={this.props.mepList.meps}

        />

        <NewsDialog

          title='MEC Sandbox News'

          open={this.props.currentDialog === DIALOG_NEWS}

          onClose={() => {

            this.closeDialog();

          }}

        />

      </>

    );

  }