linting (c2e2e8ba) · Commits · MEC - Multi-access Edge Computing / ETSI MEC Sandbox

examples/demo3/src/frontend/src/js/components/Layout/Header.js

+17 −17

Original line number	Diff line number	Diff line
		import React from "react";
		import React from 'react';
		import {
		Toolbar,
		ToolbarRow,
		ToolbarSection,
		ToolbarTitle,
		} from "@rmwc/toolbar";
		import { Elevation } from "@rmwc/elevation";
		import "@material/toolbar/dist/mdc.toolbar.css";
		import "@material/elevation/dist/mdc.elevation.css";
		ToolbarTitle
		} from '@rmwc/toolbar';
		import { Elevation } from '@rmwc/elevation';
		import '@material/toolbar/dist/mdc.toolbar.css';
		import '@material/elevation/dist/mdc.elevation.css';

		export default function header_feat() {
		const logo = require("@/img/ID-Icon-01-idcc.svg");
		const advantEdge = require("@/img/AdvantEDGE-logo-NoTagline_White_RGB.png");
		const logo = require('@/img/ID-Icon-01-idcc.svg');
		const advantEdge = require('@/img/AdvantEDGE-logo-NoTagline_White_RGB.png');
		return (
		<div style={{ height: "48px" }}>
		<Toolbar fixed style={{ zIndex: 9000, backgroundColor: "#379DD8" }}>
		<div style={{ height: '48px' }}>
		<Toolbar fixed style={{ zIndex: 9000, backgroundColor: '#379DD8' }}>
		<Elevation z={2}>
		<ToolbarRow>
		<ToolbarSection alignStart style={{ display: "contents" }}>
		<ToolbarSection alignStart style={{ display: 'contents' }}>
		<div style={styles.flex}>
		<img
		src={logo}
		alt=""
		style={{
		height: "20px",
		marginLeft: "10px",
		height: '20px',
		marginLeft: '10px'
		}}
		/>
		<img height={50} src={advantEdge} alt="" />
		@@ -40,8 +40,8 @@ export default function header_feat() {

		const styles = {
		flex: {
		display: "flex",
		justifyContent: "center",
		alignItems: "center",
		},
		display: 'flex',
		justifyContent: 'center',
		alignItems: 'center'
		}
		};

examples/demo3/src/frontend/src/js/components/Pane/Amspane.js

+2 −2

Original line number	Diff line number	Diff line
		@@ -6,7 +6,7 @@ import Title from '@/js/components/Title';
		import '@material/typography/dist/mdc.typography.css';
		export default function AmsPane({ data }) {
		// Generate data
		function createData(data) {
		function renderAms(data) {
		if (data) {
		return data.map((element) => {
		return (
		@@ -32,7 +32,7 @@ export default function AmsPane({ data }) {
		>
		<Title>AMS Terminal Device</Title>
		<div style={{ height: '45vh', overflowY: 'auto' }}>
		{createData(data)}
		{renderAms(data)}
		</div>
		</Grid>
		</Elevation>

examples/demo3/src/frontend/src/js/components/Pane/Logpane.js

+2 −2

Original line number	Diff line number	Diff line
		@@ -5,7 +5,7 @@ import Title from '@/js/components/Title';
		import '@material/typography/dist/mdc.typography.css';
		export default function LogPane({ data }) {
		// Generate data
		function createData(data) {
		function renderActivity(data) {
		if (data) {
		return data.map((element) => {
		return (
		@@ -26,7 +26,7 @@ export default function LogPane({ data }) {
		>
		<Title>Activity Logs</Title>
		<div style={{ height: '45vh', overflowX: 'auto', overflowY: 'auto', whiteSpace: 'nowrap'}}>
		{createData(data)}
		{renderActivity(data)}
		</div>
		</Elevation>
		</div>

examples/demo3/src/frontend/src/js/containers/Homepage.js

+21 −23

Original line number	Diff line number	Diff line
		@@ -66,25 +66,24 @@ export default function Homepage() {
		useEffect(() => {
		appInfoApi.getPlatformInfo((error, data, response) => {
		if (error !== null) {
		console.log(error);
		// console.log(error);
		} else {
		setAppInfo(response.body);
		}
		});
		}, []);

		var i = 0;

		// If app is registered & added terminal device
		// Perform polling on ams
		useEffect(() => {
		if (registered) {
		i++;
		console.log(i);

		const interval = setInterval(() => {
		console.log('hi');

		appInfoApi.getAmsDevices((error, data, response) => {
		if (error !== null) {
		console.log(error);
		// console.log(error);
		} else {
		setAmsLog(response.body);
		}
		@@ -98,11 +97,11 @@ export default function Homepage() {
		// Perform polling on app info
		useEffect(() => {
		if (registered) {
		console.log('bye ');

		const interval = setInterval(() => {
		appInfoApi.getPlatformInfo((error, data, response) => {
		if (error != null) {
		console.log(error);
		if (error !== null) {
		// console.log(error);
		} else {
		setAppInfo(response.body);
		}
		@@ -116,11 +115,10 @@ export default function Homepage() {
		// Peform polling activity logs
		useEffect(() => {
		if (registered) {
		console.log('zzz');
		const interval = setInterval(() => {
		appInfoApi.getActivityLogs((error, data, response) => {
		if (error != null) {
		console.log(error);
		if (error !== null) {
		//console.log(error);
		} else {
		setAppLog(response.body);
		}
		@@ -138,19 +136,19 @@ export default function Homepage() {
		setRegisteration(false);
		setTerminalDevices([]);
		appInfoApi.deregister((err, data, resp) => {
		if (err != null) {
		console.log(err);
		if (err !== null) {
		// console.log(err);
		}
		appInfoApi.getActivityLogs((error, data, response) => {
		if (error != null) {
		console.log(error);
		if (error !== null) {
		// console.log(error);
		} else {
		setAppLog(response.body);
		}
		});
		appInfoApi.getPlatformInfo((error, data, response) => {
		if (error != null) {
		console.log(error);
		if (error !==null) {
		// console.log(error);
		} else {
		setAppInfo(response.body);
		}
		@@ -164,8 +162,8 @@ export default function Homepage() {
		let mutableArray = terminalDevices;

		appInfoApi.deleteAmsDevice(device, (err, data, resp) => {
		if (err != null) {
		console.log(err);
		if (err !== null) {
		// console.log(err);
		} else {
		const result = mutableArray.filter((e) => e != device);
		setTerminalDevices(result);
		@@ -178,8 +176,8 @@ export default function Homepage() {
		let deviceMap = new Set(devices);
		if (!deviceMap.has(textValue)) {
		appInfoApi.updateAmsDevices(textValue, (err, data, resp) => {
		if (err != null) {
		console.log(err);
		if (err !== null) {
		// console.log(err);
		} else {
		setTerminalDevices((e) => [...e, textValue]);
		}
		@@ -208,7 +206,7 @@ export default function Homepage() {
		onClick={() => {
		appInfoApi.register((err, data, resp) => {
		if (err !== null) {
		console.log(err);
		// console.log(err);
		} else {
		setAppInfo(resp.body);
		setRegisteration(true);