From 1f7346189967f45213df8ff2bb2cd4b8d0e51afa Mon Sep 17 00:00:00 2001
From: Norman Eremic <norman.eremic@zalando.de>
Date: Thu, 21 Jul 2016 14:16:23 +0200
Subject: [PATCH] added placeholder screen for application lifecycle. only
 visible in dev/test mode

---
 .../application-detail/application-detail.jsx |  9 ++++++
 .../application-lifecycle.jsx                 | 22 +++++++++++++
 client/lib/application/src/router.react.jsx   | 32 +++++++++++++++++++
 client/lib/application/src/routes.js          |  7 +++-
 4 files changed, 69 insertions(+), 1 deletion(-)

diff --git a/client/lib/application/src/application-detail/application-detail.jsx b/client/lib/application/src/application-detail/application-detail.jsx
index df7fe2a8..88247cb3 100644
--- a/client/lib/application/src/application-detail/application-detail.jsx
+++ b/client/lib/application/src/application-detail/application-detail.jsx
@@ -16,6 +16,7 @@ export default function ApplicationDetail({applicationId, application, versions,
                 <Placeholder applicationId={applicationId} /> :
                 <DefaultError error={application.getResult()} />;
     }
+    console.log("ENV_TEST = %O", ENV_TEST);
     return <div className='applicationDetail'>
                 <h1>{application.name || applicationId}</h1>
                 <div className='btn-group'>
@@ -44,6 +45,14 @@ export default function ApplicationDetail({applicationId, application, versions,
                         className='btn btn-primary'>
                         <Icon name='list' /> Versions
                     </Link>
+                    {ENV_DEVELOPMENT ?
+                        <Link
+                            to={Routes.lifecycle(LINK_PARAMS)}
+                            className='btn btn-primary'>
+                            <Icon name='list' /> Lifecycle
+                        </Link>
+                        : null
+                    }
                 </div>
 
                 <h4>
diff --git a/client/lib/application/src/application-lifecycle/application-lifecycle.jsx b/client/lib/application/src/application-lifecycle/application-lifecycle.jsx
index e69de29b..fbe8591a 100644
--- a/client/lib/application/src/application-lifecycle/application-lifecycle.jsx
+++ b/client/lib/application/src/application-lifecycle/application-lifecycle.jsx
@@ -0,0 +1,22 @@
+import React from 'react';
+
+class ApplicationLifeCycle extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    
+    render() {
+        return (
+            <div>
+                <div>
+                    Here be dragons!
+                </div>
+                <div>
+                    ..and some props: {JSON.stringify(this.props, (k, v) => v, 2)}
+                </div>
+            </div>
+        )
+    }
+}
+
+export default ApplicationLifeCycle;
\ No newline at end of file
diff --git a/client/lib/application/src/router.react.jsx b/client/lib/application/src/router.react.jsx
index 44715d4c..e38eb665 100644
--- a/client/lib/application/src/router.react.jsx
+++ b/client/lib/application/src/router.react.jsx
@@ -43,6 +43,7 @@ import VersionList from './version-list/version-list.jsx';
 import VersionForm from './version-form/version-form.jsx';
 import VersionDetail from './version-detail/version-detail.jsx';
 import ApprovalForm from './approval-form/approval-form.jsx';
+import ApplicationLifeCycle from './application-lifecycle/application-lifecycle.jsx'
 
 import {appList} from 'application/src/routes';
 
@@ -634,6 +635,29 @@ let ConnectedApprovalFormHandler = connect(state => ({
     magnificentStore: bindGettersToState(state.magnificent, MagnificentGetter)
 }))(ApprovalFormHandler);
 
+class ApplicationLifecycleHandler extends React.Component {
+    constructor() {
+        super();
+    }
+
+    render() {
+        return <ApplicationLifeCycle
+            applicationId={this.props.params.applicationId}
+            {...this.props} />;
+    }
+}
+ApplicationLifecycleHandler.displayName = 'ApplicationLifecycleHandler';
+ApplicationLifecycleHandler.propTypes = {
+    params: React.PropTypes.object.isRequired
+};
+ApplicationLifecycleHandler.fetchData = function(routerState, state) {
+    return;
+};
+let ConnectedApplicationLifecycleHandler = connect(state => ({
+    kioStore: bindGettersToState(state.kio, KioGetter)
+}))(ApplicationLifecycleHandler);
+
+
 const ROUTES =
         <Route path='application'>
             <IndexRoute
@@ -660,6 +684,14 @@ const ROUTES =
                 <IndexRoute
                     onEnter={wrapEnter(AppDetailHandler.fetchData)}
                     component={ConnectedAppDetailHandler} />
+                {ENV_DEVELOPMENT ?
+                    <Route path='lifecycle'>
+                        <IndexRoute
+                            onEnter={wrapEnter(ApplicationLifecycleHandler.fetchData)}
+                            component={ConnectedApplicationLifecycleHandler}/>
+                    </Route>
+                    : null
+                }
                 <Route path='version'>
                     <IndexRoute
                         onEnter={wrapEnter(VersionListHandler.fetchData)}
diff --git a/client/lib/application/src/routes.js b/client/lib/application/src/routes.js
index a5e2fca8..4f96022c 100644
--- a/client/lib/application/src/routes.js
+++ b/client/lib/application/src/routes.js
@@ -46,6 +46,10 @@ function verEdit({applicationId, versionId}) {
     return `/application/detail/${applicationId}/version/edit/${versionId}`;
 }
 
+function lifecycle({applicationId}) {
+    return `/application/detail/${applicationId}/lifecycle`;
+}
+
 export {
     appList,
     appCreate,
@@ -57,5 +61,6 @@ export {
     verCreate,
     verApproval,
     verDetail,
-    verEdit
+    verEdit,
+    lifecycle
 };