Created base for devices view.

.eslintrc

@@ -4,6 +4,8 @@
         "eol-last": "off",
         "no-console": "off",
         "no-underscore-dangle": "off",
+        "no-unused-vars": ["error", { "vars": "all", "args": "none" }],
+        "react/prefer-stateless-function": "off"
     },
     "globals": {
         "document": true

config/cumulocity-config.js

@@ -1,7 +1,7 @@
 export default {
-	tenant: 'telia',
 	host: 'cumulocity.com',
 	protocol: 'https',
+	tenant: 'telia',
 	username: 'priit.kallas@telia.ee',
 	password: 'purgisupp',
 };

manifest.json

@@ -38,7 +38,7 @@
       "density": 4.0
     }
   ],
-  "start_url": "/device",
+  "start_url": "/devices",
   "display": "standalone",
   "orientation": "portrait"
 }

routes.js

@@ -2,13 +2,15 @@ import React from 'react';
 import { Route, IndexRedirect } from 'react-router';
 
 import RootView from './views/RootView';
+import DevicesView from './views/DevicesView';
 import DeviceView from './views/DeviceView';
 import UserView from './views/UserView';
 
 export default [
 	<Route path="/" component={RootView}>
+		<Route path="devices" component={DevicesView} />
 		<Route path="device" component={DeviceView} />
 		<Route path="user" component={UserView} />
-		<IndexRedirect to="device" />
+		<IndexRedirect to="devices" />
 	</Route>,
 ];

views/DevicesView.js

@@ -0,0 +1,27 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import Card from 'material-ui/Card/Card';
+import CardText from 'material-ui/Card/CardText';
+
+import HeaderComponent from './components/HeaderComponent';
+
+class DevicesView extends Component {
+	render() {
+		return (
+			<div className="devices-view">
+				<HeaderComponent title="Devices" />
+				<Card className="main-contents">
+					<CardText>
+						...
+					</CardText>
+				</Card>
+			</div>
+		);
+	}
+}
+
+export default connect(
+	state => ({}),
+	{}
+)(DevicesView);

views/EmptyView.js

@@ -0,0 +1,27 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import Card from 'material-ui/Card/Card';
+import CardText from 'material-ui/Card/CardText';
+
+import HeaderComponent from './components/HeaderComponent';
+
+class EmptyView extends Component {
+	render() {
+		return (
+			<div className="empty-view">
+				<HeaderComponent title="Empty" />
+				<Card className="main-contents">
+					<CardText>
+						...
+					</CardText>
+				</Card>
+			</div>
+		);
+	}
+}
+
+export default connect(
+	state => ({}),
+	{}
+)(EmptyView);

views/components/DrawerMenuComponent.js

@@ -18,6 +18,7 @@ export default class DrawerMenuComponent extends Component {
 				docked={false}
 				disableSwipeToOpen={false}
 			>
+				<MenuItem onTouchTap={this.handleOpen('devices')}>Devices</MenuItem>
 				<MenuItem onTouchTap={this.handleOpen('device')}>Device</MenuItem>
 				<MenuItem onTouchTap={this.handleOpen('user')}>User</MenuItem>
 			</Drawer>