Merge pull request #31 from wbu-tep/kd_sp39_fix_frontend (61d1a779) · Commits · MEC - Multi-access Edge Computing / ETSI MEC Sandbox Frontend

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';

+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 instance?</p>

		</BasicDialog>
		);

+3 −2

Original line number	Diff line number	Diff line
		@@ -76,7 +76,8 @@ class CreateNewAppDialog extends Component {
		<Grid style={{ marginBottom: 5 }}>
		<GridCell span={12}>
		<span style={styles.text}>
		Unique application instance name:
		MEC application name:<br/>
		<i><b>Note:</b> use a consistent application name for all instances of a<br/>MEC application on each platform</i>
		</span>
		<TextField
		style={{ width: '100%', marginTop: 5 }}
		@@ -91,7 +92,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"

+1 −7

Original line number	Diff line number	Diff line
		@@ -32,7 +32,7 @@ class HelpGettingStartedDialog extends Component {
		onSubmit={this.props.onClose}
		submitLabel = {'Ok'}
		>
		<div style={styles.text}>
		<div>
		<Typography use="body1">
		To help getting started, here's a small guide.
		</Typography>
		@@ -99,12 +99,6 @@ class HelpGettingStartedDialog extends Component {
		}
		}

		const styles = {
		text: {
		color: 'black'
		}
		};

		const mapStateToProps = state => {
		return {
		helpOnSignIn: state.ui.helpOnSignIn

0 → 100644

+68 −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';
		import {
		WIKI_HELP_URL,
		WIKI_DISCUSSION_BOARD_URL
		} from '../../app-constants';

		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>October 2021</b></p>
		</Typography>
		<Typography use="body1">
		<p>
		The following APIs are supported as Beta features:
		<ul>
		<li>MEC011 - Edge Platform Application Enablement (v2.1.1)</li>
		<li>MEC021 - Application Mobility Service API (v2.1.1)</li>
		</ul>
		</p>
		<p>
		Usage details are available in the <a href={WIKI_HELP_URL} target="_blank">MEC Sandbox Wiki</a><br/>
		Questions & feedback are appreciated on the <a href={WIKI_DISCUSSION_BOARD_URL} target="_blank">Slack Discussion Board</a>
		</p>
		<p>
		Thank you in advance for your collaboration in trying out these new features.
		</p>
		<p style={styles.signature}>
		The MEC Sandbox Team
		</p>
		</Typography>
		</div>

		</BasicDialog>
		);
		}
		}

		const styles = {
		text: {
		// color: 'black',
		marginLeft: 10,
		marginRight: 15
		},
		signature: {
		textAlign: 'right'
		}
		};

		export default NewsDialog;