floralouise/hl7_liveview

Hl7Liveview

• This project uses Phoenix LiveView with the Elixir Hl7 library: https://github.com/HCA-Healthcare/elixir-hl7
• View here: https://hl7-liveview.fly.dev/.

To start your Phoenix server:

• Run mix setup to install and setup dependencies
• Start Phoenix endpoint with mix phx.server or inside IEx with iex -S mix phx.server

Now you can visit localhost:4000 from your browser and use the menu to navigate the views.

hl7_liveview's Issues

ideas

Reference

To Do

Sections

checkboxes?

• see tutorial: https://fly.io/phoenix-files/liveview-multi-select/

button clicks

• Query: remove

search & autocomplete

• Query: select

dynamic form

• Parse: grab segment # with Enum
• Parse: get field value with get parts

key events

• Create

dashboard & components

• components -> dashboard with fake data

charts

• apache charts with animation (link to blog post). https://twitter.com/moomerman/status/1670021284900614144?s=20

a test
-[ ] add a test here

2. About page (readme)

• fake dashboard

maybe add a test somewhere?

try out github lists?
https://github.blog/changelog/2021-12-09-lists-are-now-available-as-a-public-beta/

homepage

To do:

Copy

• replace the main phoenix homepage
• add emojis
• change subtitle
• change title
• change blurb
• change words on the 3 boxes to the three pages I'm building
  • about
  • report
  • form
• change the color of the right image holder thing
• decide how to update the little boxes underneath

Styling

• use the phoenix homepage layout
• change colors
• change logo
• change 3 icons on the boxes

button clicks demo

Reference

• https://github.com/HCA-Healthcare/elixir-hl7#parse
• on this page: #11

To do

• choose what to demo & map out steps

steps

• display number for Enum
• add up button
• add down button
• add message display field
• make number go up
• make number go down
• connect Enum number to function
• connect up button to Enum number
• connect down button to Enum number
• add link to examples page
• add copy explaining how to use it
• disable button if negative number
• disable button if exceeds max
• update CSS for disabled buttons

Add HL7 to project

Reference

• https://github.com/HCA-Healthcare/elixir-hl7
• https://hexdocs.pm/elixir_hl7/readme.html

To do:

• add hl7 to deps
• add examples from readme to hl7_liveview.ex to start learning the logic

(did this before adding project to github)

Interactive Form

Reference

• https://fly.io/phoenix-files/liveview-multi-select/

To do

• build form
• connect stuff

top menu

To do:

• update colors
• change logo
• remove version text
• change 3 links at the top
• github
• HCA
• Flora

examples page

Reference

• https://github.com/HCA-Healthcare/elixir-hl7

To do:

content

• map out structure & add in copy

layout

• make ex file in live
• add to router.ex
• add title
• add heading styles from existing theme
• add emojis with title for each section (based on LiveView features to showcase + library functions)
• Intro
• 🆒 Button clicks
• 📝 Interactive forms
• ⌨️ Key events
• 📈 Components
• 📊 Dynamic Charts
• 🧪Add a test here, too

add first liveview

commit: 9a86171

To do:

• choose module to display: Hl7Liveview.parse() & make sure it works in iex
• add route: /report
• add liveview to display it on
• put it on the liveview

Screenshot

Update readme

• add instructions
• explain what I'm doing
• add links to relevant youtube talks
• note: this is not real data. don't have access to it.

other stuff I could add:

• authentication with presence
• live validation

reference pragmatic studio

color pallette

Built blank project

To do:

• made sure app could run
• dealt with ecto issues
• upload to github

(did this before adding project to github)

Test library in iex

commit: cad95cc

To do

• test in iex
• add in the hello world in the main module as a baseline to test (for now)

dashboard component

• add fake dashboard component to homepage