Front-end project for context-driven clinical transactions.
This is an AngularJS 2 project using grunt as the build system, pug for HTML templates, SASS for CSS and Bootstrap for layout. npm is the package manager.
Assuming you already have node installed via brew install node or similar, begin by running the following commands in the terminal:
git clone https://github.com/HII-C/patient_viewer.git
cd patient_viewer
npm install -g grunt typings
npm install # to install project development dependencies
typings install # to install TypeScript declarations
If you do not have npm installed and brew install node does not work as expected, you may need to follow the instructions here to install the brew package manager.
- Avoid using libraries like jQuery. Also avoid using any other approach to accessing the DOM directly (ie,
document.getElementById(..)). - Avoid leaving
console.log(..)statements in the code when pushing to the repository. You can use them while developing locally but it can cause clutter in the repository. - Write a brief comment above each component and method that you write giving a brief overview of the functionality. If some code is particularly complex, place comments within the body of the method too.
To launch in development mode, run the following terminal command from the patient_viewer folder:
grunt --force # to serve the project and automatically recompile on file changes
Then, do the following:
- In Chrome, enable the CORS extension (the extension should appear green in the top right of the browser).
- Visit HSPC Sandbox, select the "HII-C" sandbox, choose the "Apps" option from the left menu, click on the "HII-C Confidential" app, and then click "Launch" on the right.
- Select the patient
Adams, Daniel Xin the popup. This should open the Patient Viewer application. - Once you are done running Patient Viewer, make sure to terminate the
grunt --forcecommand in the terminal. Additionally, disable the CORS extension (it should appear red in the top right of the browser).
First, build:
grunt clean # to remove all existing compiled files
grunt build # to build your local copy with any local changes
Then, assuming you've already familiar with Docker awesomeness and have it installed, plop the build into a wicked-fast nginx web server container using the including Dockerfile with:
docker build -t p3000/healthcreek-ui:latest . # though you probably want your own repo and tag strings :)
Extremely easy in your existing Dockerized hosting environment. Just:
docker run -d -p 9000:80 --restart unless-stopped p3000/healthcreek-ui:latest # or any official tag
And you're done. No environment variables or further configuration are needed. Jedi's may use your existing Kubernetes, Open Shift etc installations as you see fit. :)