some tweaks for react going

Author: charhart

.babelrc

@@ -0,0 +1,6 @@
+{
+  "presets": ["es2015", "react"],
+  "plugins": [
+    "react-require"
+  ]
+}

.eslintrc

@@ -0,0 +1,109 @@
+{
+  "root": true,
+  "env": {
+    "node": true
+  },
+  "rules": {
+    "array-bracket-spacing": [2, "never"],
+    "brace-style": [2, "1tbs", { "allowSingleLine": true }],
+    "camelcase": [2, { "properties": "never" }],
+    "comma-dangle": [2, "never"],
+    "comma-spacing": [2, { "before": false, "after": true }],
+    "consistent-return": 0,
+    "curly": [2, "multi-line"],
+    "dot-notation": [2, { "allowKeywords": true, "allowPattern": "^[a-z]+(_[a-z]+)+$" }],
+    "eol-last": 0,
+    "eqeqeq": [2, "allow-null"],
+    "handle-callback-err": 2,
+    "indent": [2, 4, { "SwitchCase": 1 }],
+    "key-spacing": [1, { "beforeColon": false, "afterColon": true }],
+    "linebreak-style": [2, "unix"],
+    "max-len": [1, 140, 4],
+    "new-cap": [2, { "newIsCap": true, "capIsNew": false }],
+    "new-parens": 0,
+    "no-alert": 0,
+    "no-array-constructor": 2,
+    "no-caller": 2,
+    "no-case-declarations": 2,
+    "no-catch-shadow": 0,
+    "no-cond-assign": [2, "except-parens"],
+    "no-console": 0,
+    "no-constant-condition": 2,
+    "no-control-regex": 2,
+    "no-debugger": 2,
+    "no-delete-var": 2,
+    "no-dupe-args": 2,
+    "no-dupe-keys": 2,
+    "no-duplicate-case": 2,
+    "no-empty": 2,
+    "no-empty-character-class": 2,
+    "no-empty-label": 2,
+    "no-empty-pattern": 2,
+    "no-eval": 2,
+    "no-ex-assign": 2,
+    "no-extend-native": 2,
+    "no-extra-bind": 2,
+    "no-extra-boolean-cast": 2,
+    "no-extra-parens": 0,
+    "no-fallthrough": 2,
+    "no-floating-decimal": 2,
+    "no-func-assign": 2,
+    "no-implied-eval": 2,
+    "no-inner-declarations": 2,
+    "no-invalid-regexp": 2,
+    "no-iterator": 2,
+    "no-label-var": 2,
+    "no-labels": 0,
+    "no-lone-blocks": 0,
+    "no-loop-func": 0,
+    "no-mixed-spaces-and-tabs": [2, false],
+    "no-multi-spaces": 2,
+    "no-multi-str": 0,
+    "no-multiple-empty-lines": [2, { "max": 2 }],
+    "no-native-reassign": 2,
+    "no-negated-in-lhs": 2,
+    "no-new": 0,
+    "no-new-func": 2,
+    "no-new-object": 2,
+    "no-new-wrappers": 2,
+    "no-obj-calls": 2,
+    "no-octal": 2,
+    "no-octal-escape": 2,
+    "no-process-exit": 0,
+    "no-proto": 2,
+    "no-redeclare": 2,
+    "no-regex-spaces": 2,
+    "no-restricted-syntax": [2, "WithStatement"],
+    "no-return-assign": [2, "always"],
+    "no-script-url": 2,
+    "no-sequences": 2,
+    "no-shadow": 0,
+    "no-shadow-restricted-names": 2,
+    "no-spaced-func": 2,
+    "no-sparse-arrays": 2,
+    "no-trailing-spaces": [2, { "skipBlankLines": false }],
+    "no-undef": 2,
+    "no-undef-init": 2,
+    "no-underscore-dangle": 0,
+    "no-unused-expressions": 0,
+    "no-unused-vars": 2,
+    "no-use-before-define": [1, "nofunc"],
+    "no-with": 2,
+    "object-curly-spacing": [2, "always"],
+    "one-var": [2, "never"],
+    "quote-props": 0,
+    "quotes": [2, "single", "avoid-escape"],
+    "semi": 2,
+    "semi-spacing": 0,
+    "space-before-blocks": [2, "always"],
+    "space-before-function-paren": [2, { "anonymous": "always", "named": "never" }],
+    "space-infix-ops": 2,
+    "space-return-throw-case": 2,
+    "space-unary-ops": 0,
+    "spaced-comment": [1, "always"],
+    "strict": 0,
+    "use-isnan": 2,
+    "valid-typeof": 2,
+    "yoda": [2, "never"]
+  }
+}

.gitignore

@@ -10,3 +10,6 @@ nohup.out
 /.settings
 /RUNNING_PID
 /bin/
+logs
+app/assets/javascripts/build
+node_modules

.jshintrc

@@ -0,0 +1,5 @@
+{
+  "-W099": true, // allowed mixed tabs and spaces
+  "-W030": true, // allowed mixed tabs and spaces
+  "asi": true // allowed mixed tabs and spaces
+}

README.md

@@ -1,5 +1,12 @@
 ## Validation Framework
 
+#### To prepare javascript
+```
+npm install
+```
+Note: I'm transitioning from Angular to React, so it may be messy for a while, until everything is converted to React. 
+
+
 #### To compile
 
 ```
@@ -23,4 +30,4 @@ sbt "run -Dconfig.file=/opt/conf/prod.conf"
 sbt -jvm-debug 9999 "run -Dconfig.file=/opt/conf/prod.conf"
 ```
 
-Then setup a new Debug Configuration, as a Remote Java Application on this project on localhost:9999
+Then setup a new Debug Configuration, as a Remote Java Application on this project on localhost:9999

app/assets/javascripts/app.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+import { render } from 'react-dom';
+
+render((
+    <div>
+        <h1>app2</h1>
+    </div>), document.getElementById("app2"));

app/assets/javascripts/cohorts.jsx

@@ -0,0 +1,37 @@
+import ReactDOM from 'react-dom';
+import React from 'react';
+import axios from 'axios';
+
+import CohortList from './components/CohortList.jsx';
+
+class App extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      cohorts : []
+    };
+  }
+
+  componentDidMount() {
+    axios.get("/cohorts")
+    .then((response) => {
+      this.setState(prevState => ({
+        cohorts : reponse.data
+      }));
+    })
+    .catch((error) => {
+      console.log(error);
+    });
+  };
+
+
+  render () {
+    return (
+      <div className="container-fluid">
+          <CohortList cohorts={this.state.cohorts}/>
+      </div>
+
+  );}
+}
+
+ReactDOM.render(<App/>, document.getElementById('app'));

app/assets/javascripts/components/CohortList.jsx

@@ -0,0 +1,38 @@
+import React from 'react';
+
+class CohortList extends React.Component {
+
+  render() {
+    return (
+      <div className="row">
+
+      <table className="table table-striped table-hover">
+        <thead>
+          <tr>
+            <th>#</th>
+            <th>Name</th>
+            <th>Description</th>
+            <th>Date</th>
+          </tr>
+        </thead>
+        <tbody>
+            {
+              this.props.cohorts.map((cohort) => {
+                return (
+                  <tr style={{cursor:pointer}}>
+                    <td>{cohort.id}</td>
+                    <td>{cohort.name}</td>
+                    <td>{cohort.description}</td>
+                    <td>{cohort.createdDate}</td>
+                  </tr>
+                )
+              })
+            }
+          </tbody>
+        </table>
+      </div>
+    );
+  };
+}
+
+export default CohortList;

app/controllers/AsyncController.scala

@@ -5,19 +5,20 @@ import services.JsonMapper
 import javax.inject.Inject
 import play.api.mvc.Controller
 import play.api.mvc.Action
+import org.webjars.play.RequireJS
 
-class CohortController @Inject() (solrDAO: dao.SolrDAO, wepAPIsvc:WebAPIService) extends Controller with JsonMapper {
+class CohortController @Inject() (webJarAssets: WebJarAssets, requireJS: RequireJS, solrDAO: dao.SolrDAO, wepAPIsvc:WebAPIService) extends Controller with JsonMapper {
    def index = Action {
-    Ok(views.html.cohorts.render("Cohorts", "Begin exploring clinical cohorts."))
+    Ok(views.html.cohorts.render(webJarAssets, requireJS, "Cohorts"))
    }
-   
+
    def getCohorts = Action {
      val cohorts = wepAPIsvc.getCohortDefinitions()
      Ok(cohorts)
    }
-   
+
    def getCohortEntities(cohortId:String) = Action {
      val cohortEntities = wepAPIsvc.getCohortEntities(cohortId)
      Ok(cohortEntities)
    }
-}
+}

app/controllers/CohortController.scala

@@ -3,11 +3,12 @@ package controllers
 import javax.inject.Inject
 import play.api.mvc.Controller
 import play.api.mvc.Action
+import org.webjars.play.RequireJS
 
 class IndexController @Inject() extends Controller {
 
   def welcome = Action {
     Ok("Welcome!")
   }
 
-}
+}

app/controllers/CountController.scala

@@ -7,18 +7,19 @@ import play.api.mvc._
 import play.api.mvc.Controller
 import services.JsonMapper
 import services.WebAPIService
- 
+import org.webjars.play.RequireJS
+
+
+class SearchController @Inject() (webJarAssets: WebJarAssets, requireJS: RequireJS, solrDAO: dao.SolrDAO, wepAPIsvc:WebAPIService) extends Controller with JsonMapper {
 
-class SearchController @Inject() (solrDAO: dao.SolrDAO, wepAPIsvc:WebAPIService) extends Controller with JsonMapper {
- 
    def index = Action {
-    Ok(views.html.index.render("Search", "Begin exploring patient and document level clinical data."))
+    Ok(views.html.index.render(webJarAssets, requireJS, "Search"))
    }
-   
+
    def queryText(query:String, start:Int, rows:Int) = Action {
      val res = solrDAO.simpleQuery(query, rows, start, null)
      Ok(Json.toJson(res))
    }
-   
-   
-}
+
+
+}