HealthSamurai/task-oriented-ui-poc

Name: task-oriented-ui-poc

Owner: Health Samurai Team

Description: null

Created: 2017-08-23 12:35:29.0

Updated: 2017-08-23 12:36:04.0

Pushed: 2017-10-02 10:11:11.0

Homepage: null

Size: 424

Language: Clojure

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

POC

Live demo

How to setup dev environment

Install Leiningen

n repl
start-fw)

Open localhost:3000

Routing

Styles

We use bootstrap-4 with Garden for local styles (just in components).

n component []
iv.component-class
tyles/style [:.compoent-class {:border-bottom "1px solid #ddd"
                               :padding-bottom 0}
            [:nested-tags {:border-bottom "3px solid transparent"}
                [:&.active {:border-color "#555"}]]])
    ....
])

Forms

TODO: form builder and validation

Now to add new page

• create directory with core.cljs - for example ui/patients/core.cljs
• define page components in core.cljs and register under some key with (ui.pages/reg-page :page-key component-function)
• require page namespace in ui.core.cljs
• put routing to pages in ui.routes.cljs "path" {[:param] {:. :page-key}} => this page will be accessible by “/path/[param]”

If you page is huge, you could split it into re-frame modules like /page/events.cljs, page/view.cljs etc (see https://github.com/Day8/re-frame/wiki/A-Larger-App)

Project Layout

• frames - re-usable re-frame modules
• re_form - form builder for re-frame
• ui
• core.cljs - main entry point
• db.cljs - common database subscriptions (may be schema documentation later using clojure.spec)
• routes.cljs - routing is defined here
• pages.cljs - register of pages symbolic map to components
• layout.cljs - layouts
• [page-name]/core.cljs - specific page, like patients etc

Production Build

 with-profile prod cljsbuild once ui

esources/public/index.html build/

R build

Deploy

Deploy is automatically build and deplpoy app to S3 bucket from Circle CI Deploy config file located in .circleci/config.yml. Also, you can install CircleCi CLI for validating config.yml file and test deploy locally

leci config validate
leci build