+ );
+ }
+
+}
+
+export default withRouter(injectSheet(styles)(Main));
diff --git a/scm-ui/src/Navigation.js b/scm-ui/src/Navigation.js
new file mode 100644
index 0000000000..76dd76b268
--- /dev/null
+++ b/scm-ui/src/Navigation.js
@@ -0,0 +1,52 @@
+//@flow
+import React from 'react';
+import {Link} from 'react-router-dom';
+
+type Props = {};
+
+type State = {
+ collapsed: boolean
+};
+
+class Navigation extends React.Component {
+
+ constructor(props: Props) {
+ super(props);
+ this.state = {
+ collapsed: true
+ };
+ }
+
+ toggleCollapse = () => {
+ this.setState({
+ collapsed: !this.state.collapsed
+ });
+ };
+
+ render() {
+
+ return (
+
+ );
+ }
+
+}
+
+export default Navigation;
diff --git a/scm-ui/src/containers/Page.js b/scm-ui/src/containers/Page.js
new file mode 100644
index 0000000000..6594520ff4
--- /dev/null
+++ b/scm-ui/src/containers/Page.js
@@ -0,0 +1,3 @@
+/**
+ * Created by masuewer on 02.07.18.
+ */
diff --git a/scm-ui/src/createReduxStore.js b/scm-ui/src/createReduxStore.js
new file mode 100644
index 0000000000..9b53bb0f3d
--- /dev/null
+++ b/scm-ui/src/createReduxStore.js
@@ -0,0 +1,22 @@
+import thunk from 'redux-thunk';
+import logger from 'redux-logger';
+import { createStore, compose, applyMiddleware, combineReducers } from 'redux';
+import { routerReducer, routerMiddleware } from 'react-router-redux';
+
+import page from './modules/page';
+
+function createReduxStore(history) {
+ const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
+
+ const reducer = combineReducers({
+ router: routerReducer,
+ page
+ });
+
+ return createStore(
+ reducer,
+ composeEnhancers(applyMiddleware(routerMiddleware(history), thunk, logger))
+ );
+}
+
+export default createReduxStore;
diff --git a/scm-ui/src/index.js b/scm-ui/src/index.js
new file mode 100644
index 0000000000..12d8f58f94
--- /dev/null
+++ b/scm-ui/src/index.js
@@ -0,0 +1,32 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './App';
+import registerServiceWorker from './registerServiceWorker';
+
+import { Provider } from 'react-redux';
+import createHistory from 'history/createBrowserHistory';
+import createReduxStore from './createReduxStore';
+import { ConnectedRouter } from 'react-router-redux';
+
+
+// Create a history of your choosing (we're using a browser history in this case)
+const history = createHistory({
+ basename: process.env.PUBLIC_URL
+});
+
+window.appHistory = history;
+// Add the reducer to your store on the `router` key
+// Also apply our middleware for navigating
+const store = createReduxStore(history);
+
+ReactDOM.render(
+
+ { /* ConnectedRouter will use the store from Provider automatically */}
+
+
+
+ ,
+ document.getElementById('root')
+);
+
+registerServiceWorker();
diff --git a/scm-ui/src/modules/page.js b/scm-ui/src/modules/page.js
new file mode 100644
index 0000000000..6594520ff4
--- /dev/null
+++ b/scm-ui/src/modules/page.js
@@ -0,0 +1,3 @@
+/**
+ * Created by masuewer on 02.07.18.
+ */
diff --git a/scm-ui/src/registerServiceWorker.js b/scm-ui/src/registerServiceWorker.js
new file mode 100644
index 0000000000..a3e6c0cfc1
--- /dev/null
+++ b/scm-ui/src/registerServiceWorker.js
@@ -0,0 +1,117 @@
+// In production, we register a service worker to serve assets from local cache.
+
+// This lets the app load faster on subsequent visits in production, and gives
+// it offline capabilities. However, it also means that developers (and users)
+// will only see deployed updates on the "N+1" visit to a page, since previously
+// cached resources are updated in the background.
+
+// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
+// This link also includes instructions on opting out of this behavior.
+
+const isLocalhost = Boolean(
+ window.location.hostname === 'localhost' ||
+ // [::1] is the IPv6 localhost address.
+ window.location.hostname === '[::1]' ||
+ // 127.0.0.1/8 is considered localhost for IPv4.
+ window.location.hostname.match(
+ /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
+ )
+);
+
+export default function register() {
+ if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
+ // The URL constructor is available in all browsers that support SW.
+ const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
+ if (publicUrl.origin !== window.location.origin) {
+ // Our service worker won't work if PUBLIC_URL is on a different origin
+ // from what our page is served on. This might happen if a CDN is used to
+ // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374
+ return;
+ }
+
+ window.addEventListener('load', () => {
+ const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
+
+ if (isLocalhost) {
+ // This is running on localhost. Lets check if a service worker still exists or not.
+ checkValidServiceWorker(swUrl);
+
+ // Add some additional logging to localhost, pointing developers to the
+ // service worker/PWA documentation.
+ navigator.serviceWorker.ready.then(() => {
+ console.log(
+ 'This web app is being served cache-first by a service ' +
+ 'worker. To learn more, visit https://goo.gl/SC7cgQ'
+ );
+ });
+ } else {
+ // Is not local host. Just register service worker
+ registerValidSW(swUrl);
+ }
+ });
+ }
+}
+
+function registerValidSW(swUrl) {
+ navigator.serviceWorker
+ .register(swUrl)
+ .then(registration => {
+ registration.onupdatefound = () => {
+ const installingWorker = registration.installing;
+ installingWorker.onstatechange = () => {
+ if (installingWorker.state === 'installed') {
+ if (navigator.serviceWorker.controller) {
+ // At this point, the old content will have been purged and
+ // the fresh content will have been added to the cache.
+ // It's the perfect time to display a "New content is
+ // available; please refresh." message in your web app.
+ console.log('New content is available; please refresh.');
+ } else {
+ // At this point, everything has been precached.
+ // It's the perfect time to display a
+ // "Content is cached for offline use." message.
+ console.log('Content is cached for offline use.');
+ }
+ }
+ };
+ };
+ })
+ .catch(error => {
+ console.error('Error during service worker registration:', error);
+ });
+}
+
+function checkValidServiceWorker(swUrl) {
+ // Check if the service worker can be found. If it can't reload the page.
+ fetch(swUrl)
+ .then(response => {
+ // Ensure service worker exists, and that we really are getting a JS file.
+ if (
+ response.status === 404 ||
+ response.headers.get('content-type').indexOf('javascript') === -1
+ ) {
+ // No service worker found. Probably a different app. Reload the page.
+ navigator.serviceWorker.ready.then(registration => {
+ registration.unregister().then(() => {
+ window.location.reload();
+ });
+ });
+ } else {
+ // Service worker found. Proceed as normal.
+ registerValidSW(swUrl);
+ }
+ })
+ .catch(() => {
+ console.log(
+ 'No internet connection found. App is running in offline mode.'
+ );
+ });
+}
+
+export function unregister() {
+ if ('serviceWorker' in navigator) {
+ navigator.serviceWorker.ready.then(registration => {
+ registration.unregister();
+ });
+ }
+}
diff --git a/scm.iml b/scm.iml
new file mode 100644
index 0000000000..a0d516ed9a
--- /dev/null
+++ b/scm.iml
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file