send message

src/App.jsx

@@ -12,6 +12,7 @@ import Testing from "./components/ConsoleBox/Testing";
 import UserMessage from "./components/UserMessage/UserMessage";
 import TaskPopup from "./components/Popup/TaskPopup";
 import PatientSelect from "./components/PatientSelect/PatientSelect";
+import RemsInterface from "./components/RemsInterface/RemsInterface";
 
 // uncomment for testing UserMessage
 // let sampleError = {
@@ -600,8 +601,8 @@ export default class App extends Component {
           >
 
           </div>
-          {this.state.priorAuthClaim ? (
-            <PriorAuth claimBundle={this.state.priorAuthClaim} />
+          {this.state.specialtyRxBundle ? (
+            <RemsInterface specialtyRxBundle={this.state.specialtyRxBundle} />
           ) : (
             <QuestionnaireForm
               qform={this.state.questionnaire}

src/components/QuestionnaireForm/QuestionnaireForm.jsx

@@ -1291,6 +1291,12 @@ export default class QuestionnaireForm extends Component {
             parameters: {
               reference: "Parameters/param0111"
             }
+          },
+          source: {
+            // TODO: url should be dynamically created
+            // also if DTR expects to recieve a response it 
+            // will need an endpoint to recieve it at
+            endpoint: "http://localhost:3005"
           }
 
         }       

src/components/RemsInterface/RemsInterface.css

@@ -0,0 +1,51 @@
+body {
+    margin: 0;
+    padding: 0;
+    font-family: sans-serif;
+
+  }
+  .left-form { 
+    width: 50%;
+    float: left;
+    margin-top: 25px;
+    margin-left: 25px;
+    padding: 5px;
+  }
+
+  .resource-entry{
+    border-left: 4px solid #ffcccb;
+    padding: 5px;
+    margin-left: 10px;
+    border-bottom: 1px solid grey;
+    background-color: #ededed;
+    width: 800px;
+  }
+
+  .resource-entry:hover{
+      border-left: 4px solid #ff6663;
+      background-color: #fdfdfd;
+  }
+
+  .resource-entry.active{
+    border-left: 4px solid #ff6663;
+    background-color: #f5f5f5;
+  }
+
+  .details{
+    margin-left: 60px;
+    background-color: #ededed;
+    width: 750px;
+  }
+
+
+.submit-btn {
+    float: right;
+    margin-top: 6px;
+  }
+
+
+.submit-btn:hover{
+    border-width:1px 3px 1px 1px;
+    margin-left:2px;
+    margin-top:8px;
+}

src/components/RemsInterface/RemsInterface.jsx

@@ -0,0 +1,59 @@
+import React, { Component } from "react";
+import ResourceEntry from './ResourceEntry';
+import "./RemsInterface.css";
+
+import axios from "axios";
+import { SystemUpdateTwoTone } from "@material-ui/icons";
+
+
+export default class RemsInterface extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      claimResponseBundle: null,
+    };
+
+    this.getAxiosOptions = this.getAxiosOptions.bind(this);
+    this.sendMessage = this.sendMessage.bind(this);
+    this.renderBundle= this.renderBundle.bind(this);
+  }
+  getAxiosOptions() {
+    const options = {
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json"
+      }
+    };
+    return options;
+  }
+
+  sendMessage(destination) {
+      console.log(this.props.specialtyRxBundle);
+    axios.post(destination, this.props.specialtyRxBundle, this.getAxiosOptions());
+  }
+
+  renderBundle() {
+      return this.props.specialtyRxBundle.entry.map((entry) => {
+          const resource = entry.resource;
+          console.log(resource);
+          return(
+              <div>
+                  <ResourceEntry resource={resource}></ResourceEntry>
+              </div>
+          ) 
+      })
+  }
+  render() {
+    return (
+        <div>
+            <div className="container left-form">
+                {this.renderBundle()}
+                <button className="submit-btn" onClick={()=>{this.sendMessage("http://localhost:3010/api/doctorOder/FHIR")}}>Submit</button>
+
+            </div>
+            <div className="right-form">
+            </div>
+        </div>
+    )
+  }
+}

src/components/RemsInterface/ResourceEntry.jsx

@@ -0,0 +1,33 @@
+import React, {Component} from 'react'
+import "./RemsInterface.css";
+
+export default class ResourceEntry extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            viewDetails: null,
+          };
+        this.openDetails = this.openDetails.bind(this);
+
+    }
+
+
+    openDetails() {
+
+        this.setState((prevState) => {
+            return { viewDetails: !prevState.viewDetails };
+        })
+
+
+    }
+    render() {
+        return (
+            <div>
+                <div className={"resource-entry " + [this.state.viewDetails ? "active" : ""]} onClick={this.openDetails}>
+                    <div>{this.props.resource["resourceType"]}</div>
+                </div>
+                {this.state.viewDetails ? <div className="details"><pre>{JSON.stringify(this.props.resource,null,'\t')}</pre></div> : null}
+            </div>
+        )
+    }
+}