Jira view

react-web/src/components/JiraLogin.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Alert } from 'patternfly-react';
+import { JiraLoginForm } from './JiraLoginForm'
+
+export class JiraLogin extends React.Component {
+
+  render() {
+    return( 
+      <div>
+        <header className="text-center">
+          <h1>Link to Jira</h1>
+        </header>
+        <div>
+            <Alert type="info">
+            Username and password are never stored. They are only used to generate a session token.
+            </Alert>
+
+            <JiraLoginForm />
+        </div>
+      </div>
+    );
+  }
+}

react-web/src/components/JiraLoginForm.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { Form, FormGroup, ControlLabel, FormControl, Button } from 'patternfly-react';
+
+export class JiraLoginForm extends React.Component {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      'jira-host': '',
+      'jira-username': '',
+      'jira-password': ''
+    };
+
+    this.handleControlChange = this.handleControlChange.bind(this);
+  }
+
+  handleControlChange(evt) {
+    this.setState({[evt.target.id]: evt.target.value.trim()});
+  }
+
+  render() {
+    return (
+      <div>
+        <Form>
+          <FormGroup>
+            <ControlLabel>
+              Jira Host:
+            </ControlLabel>
+            <FormControl type="text" id="jira-host" required onChange={this.handleControlChange} />
+          </FormGroup>
+          <FormGroup>
+            <ControlLabel>
+              Jira Username:
+            </ControlLabel>
+            <FormControl type="text" id="jira-username" required onChange={this.handleControlChange} />
+          </FormGroup>
+          <FormGroup>
+            <ControlLabel>
+              Jira Password:
+            </ControlLabel>
+            <FormControl type="text" id="jira-password" required onChange={this.handleControlChange} />
+          </FormGroup>
+          <Button className="pull-right" bsStyle="primary" type="submit" value="Submit">
+            Link to Jira
+          </Button>
+        </Form>
+      </div>
+    );
+  }
+}

react-web/src/components/Session.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { Nav, NavItem, TabContent, TabPane, Tabs } from 'patternfly-react';
 
 import { StoryPointer } from './StoryPointer';
+import { JiraLogin } from './JiraLogin';
 
 export class Session extends React.Component {
   render() {
@@ -24,7 +25,7 @@ export class Session extends React.Component {
                   <StoryPointer sessionId={this.props.sessionId} userName={this.props.userName}></StoryPointer>
                 </TabPane>
                 <TabPane eventKey={2}>
-                {/* JIRA Content */}
+                  <JiraLogin />
                 </TabPane>
                 <TabPane eventKey={3}>
                 {/* Issues Content */}