integration fixes (3c5407cc) · Commits · MEC - Multi-access Edge Computing / ETSI MEC Sandbox Frontend

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

+8 −5

Original line number	Diff line number	Diff line
		@@ -970,6 +970,7 @@ class AppContainer extends Component {
		const isArrayEqual = (x, y) => _.isEmpty(_.xorWith(x, y, _.isEqual));
		if (!isArrayEqual(this.props.appInstanceTable,appInstances)) {
		this.props.changeAppInstanceTable(appInstances);

		// Update Edge App states
		this.refreshEdgeApps(appInstances);
		}
		@@ -981,11 +982,11 @@ class AppContainer extends Component {
		});
		}

		getAppInstance(name, appInstances) {
		getAppInstance(id, appInstances) {
		if (appInstances) {
		for (var i = 0; i < appInstances.length; i++) {
		let appInstance = appInstances[i];
		if (appInstance.name === name) {
		if (appInstance.id === id) {
		return appInstance;
		}
		}
		@@ -1014,7 +1015,7 @@ class AppContainer extends Component {
		}

		// Find matching app instance, if any
		let appInstance = this.getAppInstance(edgeApp.name, appInstances);
		let appInstance = this.getAppInstance(edgeApp.id, appInstances);

		// Update service state
		if (appInstance === null) {
		@@ -1024,6 +1025,7 @@ class AppContainer extends Component {
		}
		} else {
		if (!edgeApp.enabled) {
		edgeApp.instance = appInstance.name;
		edgeApp.enabled = true;
		updateRequired = true;
		}
		@@ -1064,8 +1066,9 @@ class AppContainer extends Component {
		edgeApp.enableInProgressCount--;
		// Enable controls immediately after operation is complete
		if (edgeApp.enableInProgressCount < (EDGE_APP_ENABLE_COUNT_MAX - BLACKOUT_TIME)) {
		let appInstance = this.getAppInstance(edgeApp.name, appInstances);
		let appInstance = this.getAppInstance(edgeApp.id, appInstances);
		if (appInstance !== null) {
		edgeApp.instance = appInstance.name;
		edgeApp.enabled = true;
		edgeApp.enableInProgressCount = -1;
		}
		@@ -1075,7 +1078,7 @@ class AppContainer extends Component {
		edgeApp.disableInProgressCount--;
		// Enable controls immediately after operation is complete
		if (edgeApp.disableInProgressCount < (EDGE_APP_DISABLE_COUNT_MAX - BLACKOUT_TIME)) {
		let appInstance = this.getAppInstance(edgeApp.name, appInstances);
		let appInstance = this.getAppInstance(edgeApp.id, appInstances);
		if (appInstance === null) {
		edgeApp.enabled = false;
		edgeApp.disableInProgressCount = -1;

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

+0 −21

Original line number	Diff line number	Diff line
		@@ -25,27 +25,6 @@ class ApiPane extends Component {
		super(props);
		}

		isEdgeAppRunning(edgeApp) {
		if (!edgeApp) {
		return false;
		}

		// mec011 is always running
		if (edgeApp.img.includes('meep-app-enablement')) {
		return true;
		}

		// Check if edge app instance is running
		if (this.props.appInstanceTable) {
		for (var i = 0; i < this.props.appInstanceTable.length; i++) {
		if (edgeApp.name === this.props.appInstanceTable[i].name) {
		return true;
		}
		}
		}
		return false;
		}

		getSelectedEdgeApp() {
		if (this.props.mecApiSelected && this.props.edgeApps) {
		for (var i = 0; i < this.props.edgeApps.length; i++) {

js-apps/frontend/src/js/containers/sandbox/app-instance-info.js

+3 −3

Original line number	Diff line number	Diff line
		@@ -77,7 +77,7 @@ class AppInstanceInfo extends Component {
		// Loop through edge apps
		for (var i = 0; i < this.props.edgeApps.length; i++) {
		// Add new edge app if match found; otherwise add old edge app
		if (this.props.edgeApps[i].name === edgeApp.name) {
		if (this.props.edgeApps[i].id === edgeApp.id) {
		edgeApps.push(edgeApp);
		} else {
		edgeApps.push(updateObject(this.props.edgeApps[i], {}));
		@@ -130,13 +130,13 @@ class AppInstanceInfo extends Component {
		let edgeApp = this.props.edgeApp;
		let isMec011 = edgeApp.pseudoName.includes('011');
		let disabled = (isMec011 \|\| edgeApp.enableInProgressCount !== -1 \|\| edgeApp.disableInProgressCount !== -1) ? true : false;
		let mepInfoStr = edgeApp.name + ' running on ' + edgeApp.mepName;
		let mepInfoStr = ((edgeApp.instance) ? edgeApp.instance + ' running on ' : 'Running on ') + edgeApp.mepName;
		let appInfoStr = isMec011 ? 'ID: not applicable' : 'ID: ' + edgeApp.id;

		return (
		<>
		<Grid style={{ marginTop: 0}}>
		<GridCell title="Use URL in your client to exercise selected MEC API" span={12}>
		<GridCell title="Enable or disable the selected MEC API" span={12}>
		<p style={{ marginTop: 5, marginBottom: 10 }}>
		<Typography theme="primary" use="headline6">Application details</Typography>
		</p>

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

+3 −3

Original line number	Diff line number	Diff line
		@@ -300,11 +300,11 @@ class ConfigPane extends Component {
		}
		}

		getEdgeApp(name, edgeApps) {
		getEdgeApp(id, edgeApps) {
		if (edgeApps) {
		for (var i = 0; i < edgeApps.length; i++) {
		let edgeApp = edgeApps[i];
		if (edgeApp.name === name) {
		if (edgeApp.id === id) {
		return edgeApp;
		}
		}
		@@ -329,7 +329,7 @@ class ConfigPane extends Component {
		}

		// If Edge App already exists, use existing state
		let edgeAppInstance = this.getEdgeApp(edgeApp.name, this.props.edgeApps);
		let edgeAppInstance = this.getEdgeApp(edgeApp.id, this.props.edgeApps);
		if (edgeAppInstance !== null) {
		edgeApp.enabled = edgeAppInstance.enabled;
		edgeApp.enableInProgressCount = edgeAppInstance.enableInProgressCount;

js-apps/frontend/src/js/util/scenario-utils.js

+6 −0

Original line number	Diff line number	Diff line
		@@ -475,6 +475,7 @@ export function parseEdgeApps(scenario) {
		edgeApps.push({
		id: proc.id,
		name: proc.name,
		instance: '',
		img: proc.image,
		mepName: pl.name,
		env: proc.environment,
		@@ -491,6 +492,7 @@ export function parseEdgeApps(scenario) {
		edgeApps.push({
		id: proc.id,
		name: proc.name,
		instance: '',
		img: proc.image,
		mepName: pl.name,
		env: proc.environment,
		@@ -507,6 +509,7 @@ export function parseEdgeApps(scenario) {
		edgeApps.push({
		id: proc.id,
		name: proc.name,
		instance: '',
		img: proc.image,
		mepName: pl.name,
		env: proc.environment,
		@@ -523,6 +526,7 @@ export function parseEdgeApps(scenario) {
		edgeApps.push({
		id: proc.id,
		name: proc.name,
		instance: '',
		img: proc.image,
		mepName: pl.name,
		env: proc.environment,
		@@ -540,6 +544,7 @@ export function parseEdgeApps(scenario) {
		edgeApps.push({
		id: proc.id,
		name: proc.name+'-app-support',
		instance: '',
		img: proc.image,
		mepName: pl.name,
		env: proc.environment,
		@@ -555,6 +560,7 @@ export function parseEdgeApps(scenario) {
		edgeApps.push({
		id: proc.id,
		name: proc.name+'-service-mgmt',
		instance: '',
		img: proc.image,
		mepName: pl.name,
		env: proc.environment,