api console table fixes + minor text updates (400ef68f) · Commits · MEC - Multi-access Edge Computing / ETSI MEC Sandbox Frontend

js-apps/frontend/src/js/components/dialogs/detailed-data-dialog.js

+8 −3

Original line number	Diff line number	Diff line
		@@ -121,6 +121,11 @@ class DetailedDataDialog extends Component {
		return null;
		}

		var serviceId = this.mapService(singleData.loggerName);
		var id = serviceId + '-' + singleData.id;
		var svcName = 'MEC' + serviceId;
		var reqType = this.mapDirection(singleData.direction);

		var prettyJsonBody = null, prettyJsonRespBody= null;
		var jsonParsed = null;
		if (singleData.body) {
		@@ -179,16 +184,16 @@ class DetailedDataDialog extends Component {
		<TableBody className={classes.tableBody}>
		<TableRow>
		<TableCell className={classes.tableBodyCell} component="th" scope="row">
		{singleData.id}
		{id}
		</TableCell>
		<TableCell className={classes.tableBodyCell}>
		{this.mapService(singleData.loggerName)}
		{svcName}
		</TableCell>
		<TableCell className={classes.tableBodyCell}>
		{singleData.respCode}
		</TableCell>
		<TableCell className={classes.tableBodyCell}>
		{this.mapDirection(singleData.direction)}
		{reqType}
		</TableCell>
		</TableRow>
		</TableBody>

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

+20 −40

Original line number	Diff line number	Diff line
		@@ -20,24 +20,15 @@ import TableBody from '@material-ui/core/TableBody';
		import TableCell from '@material-ui/core/TableCell';
		import TableHead from '@material-ui/core/TableHead';
		import TableRow from '@material-ui/core/TableRow';
		import TableSortLabel from '@material-ui/core/TableSortLabel';
		import Paper from '@material-ui/core/Paper';
		import { connect } from 'react-redux';
		import React, { Component } from 'react';
		import { withStyles } from '@material-ui/core/styles';

		import { updateObject } from '../../util/object-util';

		import {
		getSorting,
		handleRequestSort
		} from '../../util/table-utils';

		import { getSorting } from '../../util/table-utils';
		import {
		uiSandboxChangeApiDetailedData,
		uiChangeCurrentDialog
		} from '../../state/ui';

		import {
		DIALOG_DETAILED_DATA,
		DEFAULT_NO_NETWORK_FILE_SELECTED
		@@ -46,7 +37,6 @@ import {
		const tableStyles = () => ({
		root: {
		width: '100%'
		// marginTop: theme.spacing.unit * 3
		},
		table: {
		maxHeight: 500
		@@ -60,6 +50,8 @@ const tableStyles = () => ({
		overflowY: 'scroll'
		},
		tableHeadCell: {
		paddingLeft: 15,
		paddingRight: 0,
		color: '#FFFFFF',
		'background-color': '#02488d',
		'font-family': 'Rubik',
		@@ -67,7 +59,15 @@ const tableStyles = () => ({
		'font-weight': 500
		},
		tableBodyCell: {
		paddingLeft: 15,
		paddingRight: 0,
		'font-family': 'Rubik'
		},
		tableBodyCellNoWrap: {
		paddingLeft: 15,
		paddingRight: 0,
		'font-family': 'Rubik',
		whiteSpace: 'nowrap'
		}
		});

		@@ -78,12 +78,6 @@ const tableColumnData = [
		disablePadding: false,
		label: 'ID'
		},
		{
		id: 'service',
		numeric: false,
		disablePadding: true,
		label: 'SERVICE'
		},
		{
		id: 'respCode',
		numeric: false,
		@@ -108,8 +102,12 @@ const tableColumnData = [
		disablePadding: false,
		label: 'ENDPOINT'
		},
		{ id: 'time', numeric: false, disablePadding: true, label: 'Time' }

		{
		id: 'time',
		numeric: false,
		disablePadding: true,
		label: 'TIME'
		}
		];

		class ApiTable extends Component {
		@@ -121,12 +119,6 @@ class ApiTable extends Component {
		this.classes = props.classes;
		}

		onRequestSort(event, property) {
		var table = updateObject({}, this.props.tableData);
		handleRequestSort(table, event, property);
		this.props.changeTable(table);
		}

		onClick(event, row) {
		this.props.changeDetailedData(row);
		this.props.changeCurrentDialog(DIALOG_DETAILED_DATA);
		@@ -194,17 +186,8 @@ class ApiTable extends Component {
		orderBy === column.id ? order : false
		}
		className={classes.tableHeadCell}
		>
		<TableSortLabel
		active={orderBy === column.id}
		direction={order}
		onClick={event =>
		this.onRequestSort(event, column.id)
		}
		className={classes.tableHeadCell}
		>
		{column.label}
		</TableSortLabel>
		</TableCell>
		);
		}, this)}
		@@ -222,11 +205,8 @@ class ApiTable extends Component {
		tabIndex={-1}
		key={row.time}
		>
		<TableCell className={classes.tableBodyCell} scope="row">
		{row.id}
		</TableCell>
		<TableCell className={classes.tableBodyCell} padding='none'>
		{this.mapService(row.loggerName)}
		<TableCell className={classes.tableBodyCellNoWrap} scope="row">
		{this.mapService(row.loggerName) + '-' + row.id}
		</TableCell>
		<TableCell className={classes.tableBodyCell} padding='none'>
		{row.respCode}

js-apps/frontend/src/js/containers/sandbox/try-it.js

+2 −3

Original line number	Diff line number	Diff line
		@@ -72,8 +72,7 @@ class TryIt extends Component {
		Click <b><a href={tryItBrowser} target="_blank">here</a></b> to start a MEC client in the browser.
		</p>
		<p>
		The client allows to send HTTP requests to MEC Service APIs in your MEC Sandbox;
		the returned values reflect the current state of the network.
		The client allows to send HTTP requests to MEC Service APIs in your MEC Sandbox.
		</p>
		</Typography>
		</div>
		@@ -84,7 +83,7 @@ class TryIt extends Component {
		<Typography theme="primary" use="headline6">Try-it from your MEC application</Typography>
		<Typography className="text-color-main" use="body1">
		<p>
		Use the following base path in your MEC application to interact directly with the MEC Sandbox:
		Use the following base path in your MEC application to interact directly with the MEC Service API in your MEC Sandbox.
		</p>
		</Typography>
		<Typography theme="primary" use="body1">

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

+1 −1

File changed.

Contains only whitespace changes.