20.6 fb wnprc183 192 merge

.gitignore

@@ -4,10 +4,21 @@ docker/**/data
 docker/**/logs
 docker/**/.env
 docker/.gradle
+docker/dev_*/**
+docker/nginx/test-ehr*
+docker/nginx/cert.pem
+docker/nginx/key.pem
 
 **/node_modules/
 **/build/
 
 **/resources/credits/dependencies.txt
 
 **/.gradle
+
+**/app.css
+**/app.css.map
+**/app.js
+**/app.js.map
+
+WNPRC_EHR/resources/web/wnprc_ehr/gen/

AnimalRequests/.babelrc

@@ -0,0 +1,10 @@
+{
+  "env": {
+    "test": {
+      "presets":["@babel/preset-react","@babel/preset-typescript"],
+      "plugins": [
+        "transform-es2015-modules-commonjs"
+      ]
+    }
+  }
+}

AnimalRequests/.gitignore

@@ -0,0 +1,6 @@
+node_modules
+app.css
+app.css.map
+app.js
+app.js.map
+*.swp

AnimalRequests/README.md

@@ -0,0 +1,36 @@
+# Animal Requests
+
+This is a single page app that uses [React Final Form](https://github.com/final-form/react-final-form) along with [TypeScript](https://github.com/Microsoft/TypeScript) and LabKey's [JavaScript API](https://www.labkey.org/_webdav/Documentation/%40files/reference/javascript-api/index.html). The form allows a user to submit a request for animals.
+
+Below is an example of one of the dropdown select fields within the form, followed by a brief explanation of each of the [props](https://reactjs.org/docs/components-and-props.html).
+
+```
+<Field
+    name="project"
+    className="col-xs-5 form-control-input"
+    component="select"
+    validate={required}
+    >
+    <option/>
+    <option value="TBD">TBD</option>
+    <DropdownOptions name="animal_requests_active_projects" rowkey="project"/>
+</Field>
+```
+
+`Field` is a component imported from react-final-form.
+
+The `className` prop in the `Field` component is the class of field element, using bootstrap grid.
+
+The `name` prop is the name of the column in the insert DB.
+
+The `component` prop describes to react-final-form what type of `Field` it is.
+
+The `validate` prop takes a function that takes the field value, all the values of the form and the meta data about the field and returns an error if the value is invalid, or undefined if the value is valid.
+
+`DropdownOptions` is a component that produces a list of select options given `name` and `rowkey` props.
+
+The `name` prop in the `DropdownOptions` component is the name of the variable that holds the data in the react state.
+
+The `rowkey` prop is the key of the data row returned by LabKey server.
+
+More information about how the entire form works can be found in the documentation linked above. Also, another nice resource provided by react-final-form is its extensive [interactive examples](https://github.com/final-form/react-final-form#examples).

AnimalRequests/build.gradle

@@ -0,0 +1,11 @@
+apply plugin: 'java'
+apply plugin: 'org.labkey.module'
+compileJava {
+    options.compilerArgs << "-Xlint:unchecked"
+
+}
+
+dependencies {
+//    BuildUtils.addLabKeyDependency(project: project, config: "compile", depProjectPath: ":server:modules:wnprc-modules:WNPRC_EHR", depProjectConfig: "apiCompile")
+    compile project(":server:modules:wnprc-modules:WNPRC_EHR")
+}

AnimalRequests/jest-config.js

@@ -0,0 +1,21 @@
+module.exports = {
+    "roots": [
+        "<rootDir>/src"
+    ],
+    "globals": {
+        "LABKEY": {}
+    },
+    "transform": {
+        "^.+\\.tsx?$": "ts-jest",
+        ".+\\.(css|styl|less|sass|scss)$": "jest-transform-css"
+    },
+    "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$",
+    "moduleFileExtensions": [
+        "ts",
+        "tsx",
+        "js",
+        "jsx",
+        "json",
+        "node"
+    ],
+}

AnimalRequests/module.properties

@@ -0,0 +1,7 @@
+ModuleClass: org.labkey.animalrequests.AnimalRequestsModule
+ModuleDependencies: WNPRC_EHR
+Label: Enter Animal Requests into EHR
+Description: Simple module that utilizes React and Typescript to enter animal requests into WNPRC EHR
+URL: https://github.com/WNPRC-EHR-Services/wnprc-modules/AnimalRequests
+License: Apache 2.0
+LicenseURL: http://www.apache.org/licenses/LICENSE-2.0